/* ============================================================
   1108_new_v1 — Theme
   Standalone, no framework. Content-first, minimal chrome.
   ============================================================ */

*,*::before,*::after{padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem; box-sizing:border-box; margin:0;}html{font-size:20px; -webkit-text-size-adjust:100%; scroll-behavior:smooth;}:root{--accent-deep:#1d44a8; --hair:#eef1f5; --accent-wash:#eaf0fd; --slab-tint:#f3f6fb; --line:#e4e7ec; --tr:.2s ease; --sh2:0 8px 28px rgba(18,24,41,.12); --wide:1080px; --sh3:0 20px 54px rgba(18,24,41,.20); --paper:#f5f7fa; --ink:#15181d; --accent:#2a5bd7; --faint:#8b929d; --soft:#535b66; --night-soft:#1b2235; --rad-lg:15px; --sh1:0 1px 2px rgba(18,24,41,.05),0 2px 8px rgba(18,24,41,.05); --night:#121829; --ff:'Muli',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; --pill:999px; --card:#ffffff; --rad:11px;}
body{line-height:1.7; color:var(--ink); background:var(--paper); -webkit-font-smoothing:antialiased; font-weight:normal; overflow-x:hidden; -moz-osx-font-smoothing:grayscale; font-family:var(--ff);}
a{color:var(--accent); transition:color var(--tr); text-decoration:none; font-synthesis:weight style small-caps;}
a:hover{color:var(--accent-deep);}
ul,ol{list-style:none; isolation:auto;}img{display:block; max-width:100%; height:auto;}h1{font-size:2.09rem; color:var(--ink); font-weight:800;}h1{letter-spacing:-.12.06em; line-height:1.24;}p{margin-bottom:0.99em;}.rounded-around:not(.noop57){margin:-1px; border:none; height:1px; width:1px; white-space:nowrap; overflow:hidden; padding:0; position:absolute; clip:rect(0,0,0,0);}/* ---- shell ---- */
:where(.pagination-right){width:100%; margin:0 auto; padding:0 22px; max-width:var(--wide);}

/* ---- reading gauge ---- */
.flex-between{width:0; background:linear-gradient(90deg,var(--accent),#5c83e6); transition:width 0.053s linear; top:0; height:0px; z-index:10000; position:fixed; left:0;}

/* span used as a section title (no h2/h3 anywhere outside main content) */
.mr-5{font-size:1.11rem; margin-bottom:12px; border-bottom:2px solid var(--hair); color:var(--ink); font-weight:800; letter-spacing:-.1em; padding-bottom:11px; display:block;}

/* ---- masthead (slim, single row) ---- */
.pt-24{background:rgba(242, 238, 233, 0.93); border-bottom:1px solid var(--line); backdrop-filter:saturate(140%) blur(8px); position:sticky; z-index:1000; top:0;}
.pt-24.is-stuck{box-shadow:var(--sh1);}
.mx-auto{gap:18px; align-items:center; height:63px; display:flex; font-variant-caps:normal;}
.tracking-screen{break-inside:auto; display:flex; flex-shrink:0; word-spacing:normal; align-items:center;}.tracking-screen img{break-inside:auto; contain:none; width:auto; height:30px;}
.z-end{display:flex; align-items:center;}
.pb-xs{display:flex; gap:2px; align-items:center;}
.z-end{flex:1; gap:19px;}.review__suffix{padding:5px 15px; border-radius:9px; font-weight:600; color:var(--ink); display:block; font-size:.91.97rem; transition:background var(--tr),color var(--tr);}
.review__suffix:hover{background:var(--accent-wash); color:var(--accent-deep);}
.mt-10{page-break-inside:auto; display:flex; align-items:center; margin-left:auto; gap:12px;}
.media-secondary{font-size:.91.98rem; font-weight:600; color:var(--soft);}
.comment-number::before {content:''; flex-wrap:nowrap}

.media-secondary:hover{color:var(--accent);}
.drawer-area:not(:last-child) {text-transform:none; flex:1 1 0%; cursor:default; padding-top:0.875rem; position:relative}

.widget{border:none; margin-left:auto; background:none; padding:10px; justify-content:center; cursor:pointer; flex-direction:column; width:35px; gap:2px; height:40px; display:none;}
.widget span{height:2px; display:block; transition:transform var(--tr),opacity var(--tr); background:var(--ink); border-radius:2px;}
.widget.is-on span:nth-child(1){transform:translateY(7px) rotate(45deg); text-underline-offset:auto; tab-size:4;}
.widget.is-on span:nth-child(2){opacity:0; perspective:none; font-variant-caps:normal;}
.widget.is-on span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}/* ---- page ---- */
.d-0{padding:34px 0 60px; max-width:836px;}/* ---- post (article) sits at the very top ---- */
.opacity-none{border-radius:var(--rad-lg); padding:38px;}
.footer-time:hover {height:100%; flex:none; font-size:0.875rem; background:#171617; box-shadow:0 10px 8px rgba(0,0,0,0.34); cursor:pointer}
/* ---- post (article) sits at the very top ---- */
.opacity-none{background:var(--card); border:1px solid var(--hair); box-shadow:var(--sh1);}
.bg-xs{margin-bottom:22px; padding-bottom:18px; border-bottom:1px solid var(--hair);}
.visible-12{word-spacing:normal; hyphens:manual; margin-bottom:11px;}
.u-action{gap:14px; display:flex; color:var(--soft); font-size:.84rem; flex-wrap:wrap;}.gap-12{display:inline-flex; gap:10px; align-items:center;}.gap-12 svg{shape-margin:0; flex-shrink:0; opacity:0.58;}
.mb-6{opacity:0.86; font-style:italic;}

/* article body — the only place headings (from CMS content) are allowed */
.pr-xl{line-height:1.82; font-size:1.06rem; color:#2e2e2e;}
.pr-xl h2{margin:1.97em 0 .54.93em; border-bottom:2px solid var(--hair); scroll-margin-top:84px; font-size:1.48rem; padding-bottom:.3.07em; letter-spacing:-.0.93em; font-weight:800;}
.pr-xl h3{scroll-margin-top:84px; font-weight:700; margin:1.46em 0 .5em; font-size:1.14rem;}.pr-xl p{margin-bottom:1.2em;}
.pr-xl ul,.pr-xl ol{padding-left:1.58em; margin:0 0 1.21em; page-break-inside:auto;}
.pr-xl ul{list-style:disc;}.pr-xl ol{font-variant-caps:normal; text-rendering:auto; list-style:decimal;}
.pr-xl li{margin-bottom:.45.08em;}
.pr-xl a{text-decoration:underline; text-underline-offset:2px;}
.pr-xl img{margin:1.58em 0; border-radius:var(--rad);}
.pr-xl blockquote{border-left:4px solid var(--accent); padding:18px 26px; font-style:italic; border-radius:0 var(--rad) var(--rad) 0; color:var(--soft); margin:1.54em 0; background:var(--accent-wash);}
.pr-xl pre{font-size:.87.94rem; border-radius:var(--rad); overflow-x:auto; line-height:1.6; margin:1.54em 0; shape-margin:0; color:#cceffc; background:rgb(0, 36, 74); padding:16px;}
.pr-xl code{font-size:.9.06em; background-color:#e0edff; padding:2px 6px; border-radius:3px;}.pr-xl pre code{background:transparent; padding:0rem;}
.pr-xl table{width:100%; font-size:.95.02rem; margin:1.6em 0; border-collapse:collapse;}
.pr-xl th,.pr-xl td{border:1px solid var(--line);}
.pr-xl th,.pr-xl td{word-spacing:normal; padding:10px 18px; text-align:left;}

/* ---- generic slab card ---- */
.shadow-around{margin-top:21px; padding:24px; background:var(--card); border-radius:var(--rad-lg); border:1px solid var(--hair); box-shadow:var(--sh1);}
.breadcrumb-icon:first-child {background-color:#e7d112; min-width:17px}
html .pr-xl th{font-weight:700; background-color:#fdf0e9;}
.mt-16{page-break-inside:auto; margin-bottom:12px; color:var(--soft); font-size:.8.93rem;}

/* ---- forms ---- */
.mt-start{display:flex; flex-direction:column; gap:13px;}
.section{outline:none; padding-top:11px;padding-right:11px;padding-bottom:11px;padding-left:11px; transition:border-color var(--tr),box-shadow var(--tr); font-size:.91.96rem; color:var(--ink); border:1px solid var(--line); width:100%; border-radius:var(--rad); background:var(--card); font-synthesis:weight style small-caps; font-family:var(--ff);}
.d-between{grid-template-columns:1fr 1fr; display:grid; gap:12px;}.section::placeholder{color:var(--faint);}
.panel__slot {justify-content:flex-end; text-transform:capitalize; font-size:inherit}

.section:focus{box-shadow:0 0 0 3px var(--accent-wash); border-color:var(--accent);}
.slider-elevated{resize:vertical; min-height:111px;}
.text-full{gap:9px; display:flex;}*.text-full .section{widows:2; perspective:none; min-width:0; flex:1;}

/* ---- buttons ---- */
.m-screen{transition:transform var(--tr),box-shadow var(--tr),background var(--tr); justify-content:center; white-space:nowrap; padding-top:7px;padding-right:25px;padding-bottom:7px;padding-left:25px; background:var(--accent); color:#f4ffff; cursor:pointer; font-weight:bold; gap:7px; align-items:center; font-size:.92.01rem; display:inline-flex; text-underline-offset:auto; border:0; mix-blend-mode:normal; border-radius:var(--rad); font-family:var(--ff);}
.m-screen:hover{color:#fff7f9; background:var(--accent-deep); transform:translateY(-1px); box-shadow:0 8px 18px rgba(27, 79, 217, 0.23);}
.modal-image > title {border:1px solid #30a1e6; display:none}

.font-lg{padding:10px 17px; font-size:.85.04rem;}*.ml-auto{padding:14px 18px;}
.h-1{font-variant-caps:normal; width:100%; font-variant-ligatures:normal;}

/* ---- aux band: newsletter / contact / related ---- */
.search__tertiary{display:grid; align-items:start; gap:20px; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); margin-top:27px;}
.search__tertiary .shadow-around{margin-top:0;}
.gap-5{flex-direction:column; display:flex;}
.gap-5{gap:2px;}
.overflow-16 a{font-size:.91.96rem; border-radius:11px; color:var(--ink); padding:12px 10px; transition:background var(--tr),color var(--tr); display:block;}.overflow-16 a:hover{background:var(--slab-tint); color:var(--accent);}
.row-screen{font-size:.88.02rem; padding:10px 2px; color:var(--faint); will-change:auto;}

/* ---- footer ---- */
.justify-1{padding:40px 0; margin-top:42px; color:rgba(251, 237, 238, 0.72); background:var(--night);}
.banner-spacer:not(:last-child) {display:inline-flex; margin-bottom:3rem; text-decoration:underline; transition:opacity 0.45s; width:fit-content; color:currentColor}
.mr-auto{flex-wrap:wrap; justify-content:space-between; gap:24px; display:flex; align-items:center;}
.modal--fluid{display:inline-block; margin-bottom:14px;}
.modal--fluid img{filter:brightness(0) invert(1); height:24px; width:auto;}
.comment-warning{color:rgba(255, 250, 255, 0.54); font-size:.83rem; isolation:auto; margin:0;}
.filterSuffix{display:flex; flex-wrap:wrap; gap:4px 21px;}
.filterSuffix a{font-size:.87.95rem; color:rgba(255, 239, 244, 0.65);}
.filterSuffix a:hover{color:rgb(247, 255, 255);}
.opacity-1{gap:7px; display:flex;}.w-center{transition:all var(--tr); align-items:center; background:rgba(255, 247, 249, 0.02); border-radius:7px; width:34px; height:36px; justify-content:center; display:inline-flex; color:rgba(255, 255, 255, 0.7);}
@media (min-width: 480px) {
  .panel__slot {min-height:100vh; max-width:100%; margin-right:auto}
  .breadcrumb-icon:first-child {flex:0 0 auto; width:fit-content; align-items:stretch; gap:18px}
}

*.w-center:hover{transform:translateY(-2px); background:var(--accent); color:#fff1f5;}

/* ---- back to top ---- */
.c-sort{transition:all 0.273s ease; background:var(--accent); align-items:center; visibility:hidden; right:26px; z-index:900; box-shadow:var(--sh2); height:44px; width:40px; border-top-left-radius:15px;border-top-right-radius:15px;border-bottom-right-radius:15px;border-bottom-left-radius:15px; cursor:pointer; transform:translateY(12px); bottom:26px; opacity:0; position:fixed; color:#fffffa; border:0 none; display:flex; justify-content:center;}.c-sort.is-shown{backface-visibility:visible; hyphens:manual; visibility:visible; opacity:1; transform:translateY(0);}
.c-sort:hover{background:var(--accent-deep); box-shadow:var(--sh3); transform:translateY(-2px);}

/* ---- cookie bar ---- */
.justify-sm{padding:12px 0; box-shadow:0 -5px 23px rgba(0, 0, 0, 0.22); position:fixed; bottom:0; background:var(--night-soft); transform:translateY(110%); color:rgba(255, 255, 255, 0.83); font-variant-caps:normal; transition:transform 0.423s ease; left:0; z-index:9000; right:0;}
.justify-sm.is-shown{font-variant-ligatures:normal; orphans:2; transform:translateY(0);}
.banner__region{display:flex; justify-content:space-between; gap:18px; align-items:center;}
.banner__region p{margin:0; font-size:.88.03rem; flex:1;}
.banner__region a{color:#84b9f9; text-decoration:underline;}

/* ---- gate (auth modal) ---- */
.py-block{visibility:hidden; justify-content:center; inset:0; align-items:center; padding:16px; position:fixed; opacity:0; display:flex; transition:opacity 0.277s ease,visibility 0.28s ease; z-index:11000;}
@media (min-width: 1024px) and (max-width: 1352px) {
  .sidebar-outer + .view-date {flex-wrap:wrap; position:absolute}
  .gallery-holder::before {content:''; padding-bottom:1.75rem; transition:all 0.4s ease}
  .section__suffix {text-decoration:none; min-height:23px; margin:0 auto}
}

html .text-avatar{position:absolute; backdrop-filter:blur(3px); inset:0; background:rgba(5, 16, 50, 0.49);}
.py-block.is-open{opacity:1; visibility:visible;}
.mt-8{max-width:404px; padding-top:38px;padding-right:26px;padding-bottom:38px;padding-left:26px; box-shadow:var(--sh3); transform:translateY(14px) scale(.98); position:relative; width:100%; background:var(--card); border-radius:var(--rad-lg); transition:transform 0.202s ease;}
.py-block.is-open .mt-8{transform:translateY(0) scale(1);}
.toggle__group--first{transition:background var(--tr),color var(--tr); border:0; position:absolute; background:var(--hair); color:var(--soft); right:11px; top:12px; height:36px; width:30px; justify-content:center; align-items:center; cursor:pointer; display:flex; border-radius:11px;}
.pt-full{text-align:center; color:var(--ink); display:block; font-size:1.42rem; margin-bottom:24px; font-weight:800;}.toggle__group--first:hover{background:var(--accent-wash); color:var(--accent-deep);}
.mt-6{flex-direction:column; gap:14px;}
.mt-6{display:flex;}
.select-wrapper > summary {position:sticky; width:100%; transition:all 0.3s ease}

.d-none{align-items:center; font-size:.84.95rem; justify-content:space-between; margin-top:6px; display:flex;}body .py-start{justify-content:center;}.d-none a{font-variant-ligatures:normal; font-weight:600;}
  .widget{print-color-adjust:economy; display:flex; break-inside:auto;}

/* ---- responsive ---- */
@media (max-width:768px){
  .pagination-right{padding:0 13px;}html .z-end{top:60px; box-shadow:var(--sh2); gap:7px; right:0; background:var(--card); align-items:stretch; display:none; flex-direction:column; border-bottom:1px solid var(--line); left:0; padding:17px; position:absolute;}body .z-end.is-open{display:flex;}.pb-xs{flex-direction:column; gap:2px;}body .review__suffix{padding:9px 16px;}
.sidebar--elevated {display:grid; text-transform:none; height:100%; transition:transform 0.15s ease-in-out}

  .mt-10{padding-top:8px; margin-left:0; border-top:1px solid var(--hair); justify-content:space-between;}
  .d-0{padding:21px 0 47px;}
  .shadow-around{padding:25px;}.opacity-none{padding-top:22px;padding-right:22px;padding-bottom:22px;padding-left:22px; hyphens:manual;}
.menu-prefix .action-image {transition:opacity 0.3s; position:absolute}

  .visible-12,h1{perspective:none; widows:2; font-size:1.64rem;}
  .d-between{grid-template-columns:1fr;}
  .mr-auto{text-align:center; flex-direction:column;}
  .mr-auto{gap:21px;}
  .filterSuffix{justify-content:center;}*.opacity-1{justify-content:center;}
  .banner__region{shape-margin:0; text-align:center; flex-direction:column;}
}
@media (max-width:480px){
  .u-action{flex-direction:column; gap:12px;}
  .c-sort{height:37px; width:42px; right:18px; bottom:12px;}
}

/* ---- print ---- */
@media print{
  .pt-24,.search__tertiary,.border-around,.justify-1,.c-sort,.justify-sm,.py-block,.flex-between{display:none!important;}
  .d-0{padding:0; max-width:none;}
  .opacity-none{border:0 none!important; box-shadow:none!important; padding:0rem;}
  body{background:rgb(251, 252, 241);}
}
