:root{--sh2:0 8px 28px rgba(18,24,41,.12); --ink:#15181d; --accent-deep:#1d44a8; --sh3:0 20px 54px rgba(18,24,41,.20); --rad-lg:15px; --slab-tint:#f3f6fb; --soft:#535b66; --rad:11px; --paper:#f5f7fa; --line:#e4e7ec; --sh1:0 1px 2px rgba(18,24,41,.05),0 2px 8px rgba(18,24,41,.05); --ff:'Muli',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; --night-soft:#1b2235; --accent:#2a5bd7; --tr:.2s ease; --accent-wash:#eaf0fd; --card:#ffffff; --faint:#8b929d; --wide:1080px; --hair:#eef1f5; --night:#121829; --pill:999px;}/* ============================================================
   1108_new_v1 — Theme
   Standalone, no framework. Content-first, minimal chrome.
   ============================================================ */

*,*::before,*::after{margin:0; box-sizing:border-box; padding:0;}
.tabs-text:hover {display:flex; overflow:visible; cursor:pointer; transition:opacity 0.45s; flex-wrap:nowrap}


html{font-size:17px; scroll-behavior:smooth; -webkit-text-size-adjust:100%;}body{-webkit-font-smoothing:antialiased; font-variant-caps:normal; background:var(--paper); font-weight:normal; font-family:var(--ff); overflow-x:hidden; line-height:1.7; -moz-osx-font-smoothing:grayscale; color:var(--ink);}
a:hover{color:var(--accent-deep);}
@media (min-width: 1280px) and (max-width: 1555px) {
  .snackbar--right {transition:transform 0.4s ease-in-out; flex:none; flex-wrap:wrap; min-width:0; margin-top:1.125rem; height:auto}
  .sidebar-placeholder {background-color:#eaeef4; align-items:flex-start}
  .nav-data:first-child {min-width:48px; transition:transform 0.45s ease-in-out; margin-bottom:0.5rem; gap:40px; padding-left:29px}
  .gallery-block > line {max-width:1420px; min-height:20px; display:block}
}

a{transition:color var(--tr); color:var(--accent); text-decoration:none;}img{height:auto; max-width:100%; display:block;}
ul,ol{list-style:none;}h1{font-size:2.1rem; line-height:1.24; color:var(--ink); letter-spacing:-.12.07em; font-weight:800;}
p{margin-bottom:0.97em; text-decoration-skip-ink:auto;}
.nav-data:first-child {display:table; align-items:stretch; padding:19px; position:sticky; gap:22px}

.pr-block{margin:-1px; padding:0; width:1px; height:1px; shape-margin:0; white-space:nowrap; position:absolute; overflow:hidden; border:0 none; clip:rect(0,0,0,0);}

/* ---- shell ---- */
.breadcrumbSection{margin:0 auto; width:100%; padding:0 21px; max-width:var(--wide);}

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

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

/* ---- masthead (slim, single row) ---- */
.modalInner{position:sticky; shape-margin:0; backdrop-filter:saturate(140%) blur(8px); text-underline-offset:auto; border-bottom:1px solid var(--line); z-index:1000; top:0;}
#avatar-foot {background:none; padding:2rem 2rem}


/* ---- masthead (slim, single row) ---- */
.modalInner{background:rgba(239, 255, 241, 0.99);}
.modalInner.is-stuck{box-shadow:var(--sh1);}
.navThumb{height:63px; align-items:center; gap:24px; display:flex;}
.viewBackdrop{align-items:center; flex-shrink:0;}
.viewBackdrop{perspective:none; display:flex;}
.viewBackdrop img{height:32px; width:auto;}
.carouselContainer{align-items:center; display:flex; flex:1; gap:16px;}
.widgetMeta{gap:2px; display:flex; align-items:center;}
.profileFill{display:block; font-size:.91.99rem; color:var(--ink); text-decoration-skip-ink:auto; font-weight:600; padding:6px 14px; will-change:auto; border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px; transition:background var(--tr),color var(--tr);}
.profileFill:hover{color:var(--accent-deep); shape-margin:0; font-variant-ligatures:normal; background:var(--accent-wash);}
.snackbar--right {background-color:transparent; margin:29px 20px; flex-wrap:nowrap; width:auto; padding-right:30px; letter-spacing:0em}

.alertSubtitle{align-items:center; margin-left:auto; display:flex; gap:14px;}
.listButton{color:var(--soft); font-weight:600; font-size:.91.99rem;}
.gallery-block > line {border-radius:0; transition:all 0.25s ease; position:static; gap:0.25rem; padding-right:14px; max-width:none}

.listButton:hover{orphans:2;}
.listButton:hover{color:var(--accent); text-rendering:auto;}
.timelineImage{display:none; height:35px; flex-direction:column; padding:6px; cursor:pointer; background:none; margin-left:auto; border:0; width:42px; justify-content:center; gap:3px;}
.timelineImage span{border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; height:2px; background:var(--ink); display:block; transition:transform var(--tr),opacity var(--tr);}
.timelineImage.is-on span:nth-child(1){transform:translateY(7px) rotate(45deg); word-spacing:normal;}
.timelineImage.is-on span:nth-child(2){opacity:0;}*.timelineImage.is-on span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ---- page ---- */
.dropdownToggle{max-width:842px; padding:33px 0 58px;}
#toggle-input {background-color:#b48111; text-align:center}

.align-12{border-bottom:1px solid var(--hair); margin-bottom:26px; padding-bottom:19px;}

/* ---- post (article) sits at the very top ---- */
.searchBar{border:1px solid var(--hair); border-radius:var(--rad-lg); background:var(--card); box-shadow:var(--sh1); padding:44px;}
.sidebar-placeholder {padding:4px; transition:transform 0.2s ease-in-out; background:none; max-width:100%; color:inherit}

.p-end{margin-bottom:17px;}
.reviewSuffix{gap:22px; flex-wrap:wrap; display:flex; font-size:.83.96rem; color:var(--soft);}.formPrefix{gap:9px; display:inline-flex;}.formPrefix{align-items:center;}html .formPrefix svg{flex-shrink:0; opacity:0.62;}
.dialogOverlay{opacity:0.78; font-style:italic;}

/* article body — the only place headings (from CMS content) are allowed */
.breadcrumbDot{color:#1f2626; font-size:1.02rem; line-height:1.82;}
.breadcrumbDot h2{font-weight:800; padding-bottom:.3.02em; letter-spacing:-.1.07em; margin:1.92em 0 .55.01em; scroll-margin-top:84px; border-bottom:2px solid var(--hair); font-size:1.58rem;}
.breadcrumbDot h3{scroll-margin-top:84px; font-weight:bold; margin:1.49em 0 .5.03em; font-size:1.23rem;}
.layout-prefix .action-separator {padding:14px 43px; flex:none}

.breadcrumbDot p{margin-bottom:1.27em;}
.breadcrumbDot ul,.breadcrumbDot ol{margin:0 0 1.12em; padding-left:1.53em;}html .breadcrumbDot ul{list-style:disc;}.breadcrumbDot ol{list-style:decimal;}
.breadcrumbDot li{margin-bottom:.44.96em;}
.action-content:first-child {gap:0.5rem; padding-bottom:26px; background:#e35707; max-width:none; display:inline-block; font-size:2.5rem}
.breadcrumbDot a{text-underline-offset:2px; text-decoration:underline;}
.breadcrumbDot img{border-radius:var(--rad); text-underline-offset:auto; margin:1.56em 0;}
.breadcrumbDot blockquote{padding-top:17px;padding-right:23px;padding-bottom:17px;padding-left:23px; color:var(--soft); border-left:4px solid var(--accent); border-radius:0 var(--rad) var(--rad) 0; margin:1.61em 0; font-style:italic; background:var(--accent-wash);}html .breadcrumbDot pre{color:#d4e7ff; background:#09082c; line-height:1.6; overflow-x:auto; margin:1.55em 0; border-radius:var(--rad); font-size:.87.97rem; padding:23px;}
.carousel-text + .box-extra {opacity:0.17; max-width:100%; gap:30px; justify-content:space-around}

.breadcrumbDot code{padding:2px 5px; border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; font-size:.8.95em; background-color:#f4ffe7;}
.breadcrumbDot pre code{background:transparent; padding:0;}
.breadcrumbDot table{width:100%; border-collapse:collapse; margin:1.68em 0; font-size:.94.98rem;}
.breadcrumbDot th,.breadcrumbDot td{text-align:left;}
.breadcrumbDot th,.breadcrumbDot td{padding:13px 10px; hyphens:manual; border:1px solid var(--line);}
.breadcrumbDot th{background:rgb(251, 255, 229); font-weight:700;}

/* ---- generic slab card ---- */
.priceBackdrop{border:1px solid var(--hair); box-shadow:var(--sh1); margin-top:21px; padding:32px; background:var(--card); border-radius:var(--rad-lg);}
.reviewSeparator{margin-bottom:17px; color:var(--soft); font-size:.9.02rem;}

/* ---- forms ---- */
.mediaSlot{flex-direction:column; gap:12px; display:flex;}
.threadBackdrop{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
.ratingHead{font-size:.92rem; font-family:var(--ff); color:var(--ink); padding:12px 13px; outline:none; background:var(--card); width:100%; transition:border-color var(--tr),box-shadow var(--tr); border-radius:var(--rad); border:1px solid var(--line);}
.ratingHead::placeholder{color:var(--faint);}
.ratingHead:focus{border-color:var(--accent);}html .app-box-input{resize:vertical; min-height:108px;}
.ratingHead:focus{box-shadow:0 0 0 3px var(--accent-wash); background-blend-mode:normal;}
.selectDot{display:flex; gap:9px;}
.selectDot .ratingHead{min-width:0; flex:1;}/* ---- buttons ---- */
:where(.tagDetail){gap:8px; border:none; cursor:pointer; align-items:center; border-radius:var(--rad); color:#fff2f5; padding:15px 20px; background:var(--accent); font-family:var(--ff); display:inline-flex; white-space:nowrap; font-weight:bold; transition:transform var(--tr),box-shadow var(--tr),background var(--tr); font-size:.91.95rem; justify-content:center;}body .tagDetail:hover{color:#eff7f2; transform:translateY(-1px); box-shadow:0 8px 18px rgba(53, 99, 213, 0.2); background:var(--accent-deep);}.dialogSubtitle{padding:11px 19px; font-size:.84.97rem;}*.avatarTrack{width:100%;}.pr-md:not(.dummy10){padding:13px 13px;}

/* ---- aux band: newsletter / contact / related ---- */
.searchTrigger{align-items:start; display:grid; gap:27px;}

/* ---- aux band: newsletter / contact / related ---- */
.searchTrigger{grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); margin-top:25px;}
.searchTrigger .priceBackdrop{margin-top:0;}.o-select-primary{display:flex; flex-direction:column; gap:2px;}.dropdownSecondary a{padding:11px 8px; color:var(--ink); display:block; transition:background var(--tr),color var(--tr); border-radius:7px;}.dropdownSecondary a{font-size:.91.94rem;}
.dropdownSecondary a:hover{color:var(--accent); background:var(--slab-tint);}
.toggleWrap{font-size:.88.05rem;}

/* ---- footer ---- */
.navTrack{margin-top:47px; color:rgba(244, 255, 248, 0.69); background:var(--night); padding:38px 0;}
.toggleWrap{padding:9px 2px; color:var(--faint);}
.dialogBlock{justify-content:space-between; gap:22px; flex-wrap:wrap; align-items:center; display:flex;}.boxBlock{display:inline-block; margin-bottom:11px;}
.boxBlock img{width:auto; filter:brightness(0) invert(1); height:31px;}
.profileOuter{margin:0; color:rgba(245, 255, 255, 0.55); font-size:.83.07rem;}
.stepSuffix{gap:5px 24px; flex-wrap:wrap; display:flex;}
.stepSuffix a{color:rgba(255, 255, 244, 0.59); font-size:.87.93rem;}
.stepSuffix a:hover{color:#ffffff;}
.formName{hyphens:manual; gap:9px; print-color-adjust:economy; display:flex;}
.replyCell{width:34px; background:rgba(240, 255, 241, 0.04); justify-content:center; color:rgba(255, 255, 255, 0.69); align-items:center; border-radius:8px; display:inline-flex; transition:all var(--tr);}
.replyCell{height:40px;}
.replyCell:hover{background:var(--accent); color:#fcf1ff; transform:translateY(-2px);}

/* ---- back to top ---- */
.entryContent{height:43px; align-items:center; border:none; border-radius:13px; background:var(--accent); display:flex; z-index:900; transform:translateY(12px); transition:all 0.297s ease; opacity:0; cursor:pointer; visibility:hidden; right:22px; color:#eefef4; justify-content:center; width:45px; position:fixed; bottom:23px; box-shadow:var(--sh2);}
.entryContent.is-shown{transform:translateY(0); visibility:visible; widows:2; opacity:1;}
.entryContent:hover{transform:translateY(-2px); box-shadow:var(--sh3); background:var(--accent-deep);}

/* ---- cookie bar ---- */
.gridLink{right:0; background:var(--night-soft); color:rgba(255, 255, 255, 0.94); transform:translateY(110%); bottom:0; left:0; box-shadow:0 -7px 24px rgba(5, 1, 0, 0.27); position:fixed; z-index:9000; padding:12px 0; transition:transform 0.423s ease;}
.avatarClose{justify-content:space-between; align-items:center; gap:18px; display:flex;}
.modal-dot {transition:all 0.3s ease; min-height:100vh; box-shadow:none; background-color:#1b171f; position:static; padding-right:0.875rem}

.gridLink.is-shown{transform:translateY(0);}
.avatarClose p{transform-style:flat; font-size:.88.07rem; will-change:auto; flex:1; margin:0;}

/* ---- gate (auth modal) ---- */
.h-3{position:fixed; transition:opacity 0.205s ease,visibility 0.211s ease; z-index:11000;}
.avatarClose a{text-decoration:underline; color:#85abfd;}

/* ---- gate (auth modal) ---- */
.h-3{justify-content:center; text-underline-offset:auto; inset:0; display:flex; visibility:hidden; opacity:0; align-items:center; padding:24px;}
.h-3.is-open{opacity:1; visibility:visible;}
.stepContent{backdrop-filter:blur(3px); background:rgba(28, 14, 24, 0.49); position:absolute; inset:0;}
.modalDot{width:100%; max-width:400px; background:var(--card); border-radius:var(--rad-lg); padding:38px 28px; transition:transform 0.223s ease; box-shadow:var(--sh3); transform:translateY(14px) scale(.98); position:relative;}*.h-3.is-open .modalDot{transform:translateY(0) scale(1); print-color-adjust:economy;}
.dropdownCount{border-radius:12px; right:14px; background:var(--hair); transition:background var(--tr),color var(--tr); color:var(--soft); justify-content:center; width:30px; top:15px; cursor:pointer; display:flex; font-variant-ligatures:normal; align-items:center; position:absolute; border:0 none; height:33px;}
.dropdownCount:hover{color:var(--accent-deep); background:var(--accent-wash);}
.spinnerSeparator{display:block; font-size:1.41rem; margin-bottom:25px; font-weight:800; text-align:center; color:var(--ink);}
.heroCount{flex-direction:column; gap:14px;}*.viewThumb{justify-content:space-between; align-items:center; margin-top:8px; display:flex; font-size:.85.06rem;}
.heroCount{display:flex; page-break-inside:auto; hyphens:manual;}
.dialogArea{justify-content:center;}
.viewThumb a{font-weight:600;}

/* ---- responsive ---- */
@media (max-width:768px){.breadcrumbSection:not(.nil55){padding:0 18px;}body .timelineImage{display:flex;}
  .carouselContainer{border-bottom:1px solid var(--line); padding:15px; position:absolute; align-items:stretch; left:0; box-shadow:var(--sh2);}
  .carouselContainer{display:none; right:0rem; break-inside:auto; top:61px; background:var(--card); gap:8px; flex-direction:column;}
  .widgetMeta{flex-direction:column; gap:2px;}
  .carouselContainer.is-open{display:flex; text-rendering:auto; font-variant-ligatures:normal;}.profileFill{padding:14px 12px; text-decoration-skip-ink:auto;}
  .alertSubtitle{justify-content:space-between; margin-left:0; border-top:1px solid var(--hair); padding-top:3px;}
  .searchBar{padding:27px;}
  .dropdownToggle{padding:25px 0 47px;}
  .priceBackdrop{padding-top:19px;padding-right:19px;padding-bottom:19px;padding-left:19px;}
  .p-end,h1{font-size:1.65rem; break-inside:auto; background-blend-mode:normal;}
  .threadBackdrop{grid-template-columns:1fr;}
  .dialogBlock{text-align:center; flex-direction:column; gap:20px;}
  .stepSuffix{justify-content:center;}
  .avatarClose{flex-direction:column; text-align:center;}
  .formName{justify-content:center;}
}
@media (max-width:480px){
  .reviewSuffix{gap:5px; text-underline-offset:auto; flex-direction:column; print-color-adjust:economy;}
}

/* ---- print ---- */
@media print{.modalInner, .searchTrigger, .reviewTrigger, .navTrack, body .entryContent, body .gridLink, .h-3:not(.null94), .cardRegion:not(.unused21){display:none!important;}
  .entryContent{height:44px; width:39px; bottom:15px; right:18px;}
  .dropdownToggle{padding:0; max-width:none;}
  .searchBar{border:none!important; padding:0; box-shadow:none!important;}body{background:#fff2f3;}
@media (min-width: 1280px) {
  .tabs-container.toggle-dark {margin-right:0; opacity:1; background:transparent}
  .accordion-title {transition:transform 0.5s ease-in-out; position:absolute; margin:39px 26px; padding:27px 10px; min-width:0}
  .divider-cell {cursor:pointer; padding-top:0.375rem; background-color:transparent}
  .panel-body + .list-row {position:sticky; padding:0.875rem}
}


}