/* =====================================================================
   1006_new_v1 — stylesheet
   Content-first · no headings in chrome · CSS-only popups
   ===================================================================== */

:root{--ink-3:#878f88; --rs:6px; --fill:#site-module; --card:#search-extra; --acc-deep:#0b6243; --ink:#1b201d; --acc-soft:rgba(15,125,84,.09); --bg:#page-block; --ink-2:#515a54; --edge:#site-drawer; --sh-1:0 1px 2px rgba(20,30,22,.05); --rl:16px; --edge-2:#site-header; --top:60px; --max:1080px; --acc:#0f7d54; --read:"Source Serif 4",Georgia,"Times New Roman",serif; --rm:11px; --sh-2:0 16px 40px -18px rgba(20,30,22,.28); --warn:#1f9d55; --disp:"Sora",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}

*,*::before,*::after{padding:0; box-sizing:border-box; margin:0;}

html{scroll-behavior:smooth;}

body{font-family:var(--disp); background:var(--bg); -webkit-font-smoothing:antialiased; line-height:1.65; font-size:16px; -moz-osx-font-smoothing:grayscale; color:var(--ink);}

html{-webkit-text-size-adjust:100%; scroll-padding-top:calc(var(--top) + 12px);}

img,svg{display:block; max-width:100%; height:auto;}
a{transition:color 0.141s; text-decoration:none; color:var(--acc);}a:hover{color:var(--acc-deep);}
ul,ol{list-style:none;}a:hover{font-variant-caps:normal; font-variant-ligatures:normal;}

.ratingHead{margin:0 auto; max-width:var(--max); padding:0 25px; width:100%;}

.priceExpand{z-index:300; position:absolute; padding:12px 13px; color:#main-block; font-size:16px; left:-10003px; top:0; border-radius:0 0 var(--rs) 0; background:var(--ink); font-weight:600;}

/* generic chrome caption (replaces secondary headings) */
.ui-tooltip{font-weight:bold; letter-spacing:.12em; display:block; font-size:17px; color:var(--acc); font-family:var(--disp); text-transform:uppercase; margin-bottom:20px;}.priceExpand:focus{color:#main-block; left:0;}

/* ── topbar ──────────────────────────────────────────────────────── */
.menuPlaceholder{align-items:center; backdrop-filter:saturate(140%) blur(8px); z-index:100; top:0; position:sticky; height:var(--top); background:rgba(244, 241, 246, 0.94); display:flex; border-bottom:1px solid var(--edge);}
.u-status-region{align-items:center; justify-content:space-between; display:flex; gap:25px;}
.chipSection{display:inline-flex; align-items:center;}
.justify-10{height:31px; width:auto;}

.sortDate{gap:22px; display:flex; align-items:center;}
.dialogSection{display:flex;}
.dialogSection{gap:2px; align-items:center;}.dialogSection a{perspective:none; border-radius:var(--rs); display:block; color:var(--ink-2); font-weight:700; font-size:14px; padding:5px 17px;}
.dialogSection a:hover{color:var(--ink); background:var(--bg);}.selectRow:not(._b6afd0){display:none; gap:4px; background:none; justify-content:center; flex-direction:column; width:39px; height:39px; padding:9px; border-radius:var(--rs); border:none 0; cursor:pointer;}.tooltipHandle{padding-left:20px; gap:7px; align-items:center; display:flex; border-left:1px solid var(--edge);}
.selectRow span{background:var(--ink); transition:transform 0.278s,opacity 0.262s; display:block; height:2px; border-radius:2px;}
.selectRow.sortIcon span:nth-child(1){transform:translateY(7px) rotate(45deg); backface-visibility:visible;}.selectRow.sortIcon span:nth-child(2){opacity:0; image-rendering:auto; shape-margin:0;}

/* ── page / article ──────────────────────────────────────────────── */
.entryTrack{padding:28px 23px 74px; transform-style:flat;}
.selectRow.sortIcon span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}.spinnerHead{overflow:hidden; box-shadow:var(--sh-1); border-radius:var(--rl); border:1px solid var(--edge); background:var(--card);}
.dialogToggle{padding:40px 44px 24px; border-bottom:1px solid var(--edge-2);}
.carouselSection{line-height:1.14; font-weight:bold; font-family:var(--disp); color:var(--ink); letter-spacing:-.2.08em; margin-bottom:18px; font-size:36px;}
.filterLink{gap:18px; color:var(--ink-3); display:flex; font-size:15.5px; flex-wrap:wrap;}body .filterLink span{display:inline-flex; align-items:center; gap:5px;}
.filterLink svg{flex-shrink:0; opacity:0.64;}

/* article body — serif for readability */
.counterLabel{font-size:20.5px; padding:31px 42px 41px; font-family:var(--read); line-height:1.78; color:hsl(150, 2%, 16.9%); overflow-wrap:break-word;}
.counterLabel > *:first-child{margin-top:0;}
.counterLabel p{margin:0 0 1.23em;}
.counterLabel h2{line-height:1.25; border-bottom:1px solid var(--edge-2); margin:1.84em 0 .5.94em; padding-bottom:.27.98em; font-weight:bold; letter-spacing:-.1em; font-family:var(--disp); font-size:27px; color:var(--ink);}.counterLabel h3{line-height:1.3; font-family:var(--disp); font-weight:500; margin:1.67em 0 .4.97em; color:var(--ink); font-size:23px;}html .counterLabel h4{margin:1.4em 0 .44.95em; font-size:20px; font-weight:700; font-family:var(--disp); color:var(--ink);}.counterLabel ul, body .counterLabel ol{margin:0 0 1.31em 1.32em;}
.counterLabel ul{list-style:disc;}
.counterLabel ol{perspective:none; list-style:decimal; background-blend-mode:normal;}
.counterLabel li{margin-bottom:.42.07em;}
.counterLabel li::marker{color:var(--acc);}html .counterLabel a{text-underline-offset:3px;}html .counterLabel a{transform-style:flat; text-decoration:underline; text-decoration-color:var(--acc-soft);}
.counterLabel a:hover{text-decoration-color:var(--acc);}body .counterLabel blockquote{-moz-tab-size:4;color:var(--ink-2); padding:5px 0 6px 24px; tab-size:4; margin:1.62em 0; border-left:3px solid var(--acc); font-size:18px; line-height:1.5; font-style:italic;}
.counterLabel img{border-radius:var(--rm); margin:1.6em 0;}body .counterLabel figure{isolation:auto; break-inside:auto; margin:1.55em 0;}html .counterLabel figcaption{text-align:center; font-size:13.5px; color:var(--ink-3); font-family:var(--disp); margin-top:.54.93em;}html .counterLabel pre{overflow-x:auto; background:#0f140f; margin:1.67em 0; line-height:1.6; padding:21px 25px; font-size:17.5px; border-radius:var(--rm); font-family:"SF Mono",Menlo,Consolas,monospace; color:#site-spinner;}
.counterLabel code{border-radius:1px; background:var(--fill); padding:2px 10px; font-size:.85.93em;}
.counterLabel code{font-family:"SF Mono",Menlo,Consolas,monospace;}
.counterLabel pre code{background:none; padding:0;}
.counterLabel table{font-size:11px; border-collapse:collapse; font-family:var(--disp); margin:1.53em 0; width:100%;}
.counterLabel th,.counterLabel td{border:1px solid var(--edge); text-align:left; padding:10px 14px;}
.counterLabel th{background:var(--bg); font-weight:600;}
.counterLabel hr{margin:2em 0; font-variant-caps:normal; isolation:auto; background:var(--edge); height:1px; border:none;}/* article footer — share */
:where(.tagSummary){padding:25px 44px 30px;}
.t-review{color:var(--ink-3); font-size:14.5px; font-family:var(--disp); font-weight:700; letter-spacing:.1.08em; text-transform:uppercase;}
.spinnerWrap{gap:19px; align-items:center; flex-wrap:wrap; display:flex;}
.paginationSpacer{gap:7px; display:flex;}
.paginationGroup{display:inline-flex; width:42px; background:var(--card); border-radius:var(--rm); transition:all 0.165s; justify-content:center; align-items:center; border:1px solid var(--edge); color:var(--ink-2); cursor:pointer; height:42px;}body .paginationGroup:hover{border-color:var(--acc); transform:translateY(-1px); color:var(--acc); background:var(--acc-soft);}/* ── blocks below content (comments / join / more) ──────────────── */
.avatarArea:not(._b6afd0), html .badgeRow, .gridDate:not(._b6afd0){background:var(--card); padding:29px 50px; border:1px solid var(--edge); border-radius:var(--rl); box-shadow:var(--sh-1); margin-top:25px;}body .actionAction{display:flex; gap:15px; flex-direction:column; widows:2; will-change:auto;}
.toolbar--danger{grid-template-columns:1fr 1fr; gap:16px; display:grid;}.font-xs:not(._b6afd0){word-spacing:normal; font-family:var(--disp); color:var(--ink-2); font-size:12px; print-color-adjust:economy; font-weight:700;}*.avatarThumb{margin:0; gap:11px; flex-direction:column; display:flex;}

.ratingValue{background:var(--fill); font-size:16.5px; padding:16px 12px; -webkit-appearance:none; appearance:none; outline:none; width:100%; border:1px solid var(--edge); page-break-inside:auto; color:var(--ink); transition:border-color 0.221s,box-shadow 0.147s,background 0.178s; font-family:var(--disp); border-radius:var(--rm);}
.ratingValue::placeholder{-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual; color:var(--ink-3);}*.ratingValue:focus{border-color:var(--acc); background:var(--card); box-shadow:0 0 0 3px var(--acc-soft);}.viewWrap:not(._b6afd0){line-height:1.6; min-height:121px;}.viewWrap:not(._b6afd0){resize:vertical;}/* buttons */
.data-slider:not(._b6afd0){display:inline-flex; font-size:14px; font-family:var(--disp); justify-content:center; padding:12px 26px; transition:background 0.125s,border-color 0.184s,color 0.182s,box-shadow 0.234s,transform 0.085s; gap:12px; cursor:pointer; font-weight:700; align-items:center; white-space:nowrap; line-height:1; border-radius:var(--rm); border:1px solid transparent;}
.data-slider:active{transform:translateY(1px);}
.divider-subtitle-muted{background:var(--acc); color:#main-block;}
.divider-subtitle-muted:hover{color:#main-block; box-shadow:0 5px 16px -6px rgba(29, 132, 98, 0.52); text-decoration-skip-ink:auto; background:var(--acc-deep);}
.gridTrigger{background:transparent; border-color:var(--edge); color:var(--ink);}
.gridTrigger:hover{color:var(--acc); background:var(--acc-soft); border-color:var(--acc);}
.l-modal{width:100%;}
.menuColumn{font-size:14px; padding:13px 15px;}

/* newsletter + contact */
.badgeRow{align-items:start; grid-template-columns:1fr 1.25fr; gap:36px; display:grid;}
.tagHandle{contain:none; margin-bottom:20px; color:var(--ink-2);}
.tagHandle{page-break-inside:auto; font-family:var(--read); font-size:13px; line-height:1.55;}
.profileOuter{flex-direction:column; gap:15px; display:flex;}
.layoutThumb{display:flex;}/* related */
.toggleExtra{gap:10px; grid-template-columns:repeat(2,1fr); text-underline-offset:auto; display:grid;}
.layoutThumb{gap:16px; flex-direction:column;}.breadcrumbSlot{border:1px solid var(--edge-2); border-radius:var(--rm); display:block; background:var(--bg); padding:21px 24px; transition:border-color 0.219s,box-shadow 0.154s,transform 0.228s;}
.breadcrumbSlot:hover{box-shadow:var(--sh-2); transform:translateY(-2px); border-color:var(--acc);}
.chipBar{color:var(--ink); line-height:1.35; font-size:16px; font-family:var(--read); font-weight:700;}

/* ── footer ──────────────────────────────────────────────────────── */
.snackbarClose{print-color-adjust:economy;}

/* ── footer ──────────────────────────────────────────────────────── */
.snackbarClose{color:#action_separator; padding:45px 0 30px; break-inside:auto; background:var(--ink); margin-top:10px;}
.headerSubtitle{border-bottom:1px solid rgba(255, 255, 255, 0.06); display:flex; gap:28px; flex-wrap:wrap; align-items:center; padding-bottom:22px; justify-content:space-between;}
.cardContainer{gap:16px; flex-wrap:wrap; display:flex; align-items:center;}body .counterItem{filter:brightness(0) invert(1); width:auto; height:29px; font-variant-caps:normal; opacity:0.93;}.feature-body{font-family:var(--read); color:#979698; font-size:15px;}body .sectionValue{gap:8px; display:flex;}
.actionTitle{justify-content:center; display:inline-flex; height:37px; align-items:center; width:34px; background:rgba(249, 247, 255, 0.02); transition:background 0.135s,color 0.233s,transform 0.198s; border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px; color:#action_separator;}html .boxRegion{gap:16px; padding-top:22px; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.actionTitle:hover{background:var(--acc); color:#main-block; transform:translateY(-2px);}html .boxRegion{display:flex;}
.avatarClose{display:flex; flex-wrap:wrap; gap:7px;}
.avatarClose li{align-items:center; display:flex;}
.avatarClose li:not(:last-child)::after{color:rgb(94, 100, 95); margin-left:5px; content:"·";}
.avatarClose a{color:#action_separator; tab-size:4; backface-visibility:visible; font-size:11px;}
.avatarClose a:hover{color:#main-block;}.filterValue{font-size:16px; color:#6e827a;}

/* ── back to top ─────────────────────────────────────────────────── */
.formBlock{bottom:28px; box-shadow:var(--sh-2); height:48px; width:42px; transform:translateY(12px); opacity:0; position:fixed; transition:opacity 0.271s,visibility 0.25s,transform 0.295s,background 0.133s; border:0; z-index:90; align-items:center; right:27px; border-radius:50%; color:#main-block; cursor:pointer; visibility:hidden; background:var(--ink); display:flex; justify-content:center;}
.formBlock.tooltip-info{opacity:1; transform:translateY(0); visibility:visible;}body .formBlock:hover{background:var(--acc); font-synthesis:weight style small-caps;}

/* ── cookie ──────────────────────────────────────────────────────── */
.listSection{background:var(--ink); transition:transform 0.371s ease; right:0; left:0; box-shadow:0 -10px 30px -13px rgba(0, 0, 0, 0.48); transform:translateY(110%); z-index:110; bottom:0; color:#page-alert; position:fixed; padding:12px 0;}
.listSection.skeletonImage{transform:translateY(0);}
.formOverlay{orphans:2; justify-content:space-between; align-items:center; display:flex; gap:24px;}
.threadDate{line-height:1.5; font-size:16px;}
.threadDate a{color:hsl(169, 44.6%, 60.8%); shape-margin:0; break-inside:auto;}/* ── modals (pure CSS, opened via :target) ───────────────────────── */
.price-right{visibility:hidden; padding:16px; align-items:center; z-index:200; position:fixed; display:flex; justify-content:center; opacity:0; transition:opacity 0.198s ease,visibility 0.202s ease; inset:0; pointer-events:none;}.listSection .data-slider{flex-shrink:0;}.price-right:target{visibility:visible; pointer-events:auto; opacity:1;}
.layoutName{inset:0px; background:rgba(15, 40, 18, 0.57); backdrop-filter:blur(2px); position:absolute;}
.section-loading{transition:transform 0.265s ease;}
.section-loading{background:var(--card); width:100%; position:relative; padding:32px 27px 23px; transform:translateY(10px) scale(.98); z-index:1; box-shadow:var(--sh-2); max-width:414px; border-radius:var(--rl);}
.price-right:target .section-loading{transform:none;}
.avatarZone{justify-content:center; width:31px; right:10px; display:inline-flex; color:var(--ink-3); border-top-left-radius:11px;border-top-right-radius:11px;border-bottom-right-radius:11px;border-bottom-left-radius:11px; background:var(--fill); align-items:center; top:14px; height:38px; position:absolute;}.avatarZone:hover{background:var(--edge); color:var(--ink);}html .layoutRow{display:flex; shape-margin:0; gap:13px; flex-direction:column;}
.heroSlot{font-family:var(--disp); color:var(--ink); font-size:19px; font-weight:700; display:block; margin-bottom:24px;}
.t-form{font-family:var(--disp); text-align:center; hyphens:manual; color:var(--ink-2); margin-top:2px; font-size:16.5px;}

/* =====================================================================
   responsive
   ===================================================================== */
@media (max-width:900px){
  .sortDate{padding:7px 26px 15px; display:none; flex-direction:column; align-items:stretch; right:0px; box-shadow:var(--sh-2); background:var(--card); top:var(--top); left:0; position:absolute; gap:0; border-bottom:1px solid var(--edge);}
  .sortDate.open{display:flex;}
  .dialogSection{flex-direction:column; gap:0;}
  .tooltipHandle{margin-top:9px; padding:16px 0 0; border-left:none; border-top:1px solid var(--edge-2);}
  .dialogSection a{font-variant-ligatures:normal; border-bottom:1px solid var(--edge-2); padding:15px 5px;}body .tooltipHandle .data-slider{flex:1;}
  .selectRow{display:flex;}
  .badgeRow{gap:33px; grid-template-columns:1fr; backface-visibility:visible;}.counterLabel:not(._b6afd0){padding:24px 32px 31px;}
}

@media (max-width:820px){.dialogToggle{padding:34px 27px 18px;}
  .tagSummary{padding:18px 25px 32px;}body .avatarArea, .badgeRow:not(._b6afd0), .gridDate:not(._b6afd0){padding:30px 30px;}
  .carouselSection{font-size:33px;}
}

@media (max-width:640px){
  body{font-size:19.5px;}
  .counterLabel{font-size:16.5px; shape-margin:0;}
  .counterLabel h2{font-size:24px;}
  .filterLink{font-size:15px; gap:14px;}
  .counterLabel h3{font-size:23px; backface-visibility:visible; print-color-adjust:economy;}
  .threadArea{text-underline-offset:auto; display:none;}
  .toggleExtra{grid-template-columns:1fr;}
  .toolbar--danger{grid-template-columns:1fr; page-break-inside:auto; background-blend-mode:normal; gap:12px;}
  .boxRegion{flex-direction:column; gap:12px; align-items:flex-start;}body .headerSubtitle{flex-direction:column; align-items:flex-start; gap:19px;}
  .formOverlay{gap:15px; flex-direction:column; text-align:center;}
}

@media (max-width:460px){
  .ratingHead{padding:0 15px; perspective:none;}body .formBlock{bottom:77px; right:19px;}
  .entryTrack{padding:20px 18px 56px;}.dialogToggle{padding:20px 14px 19px;}*.counterLabel{padding:20px 14px 23px;}html .tagSummary{padding:20px 18px 23px;}*.avatarArea, .badgeRow:not(._b6afd0), .gridDate{padding:25px 21px;}
  .carouselSection{font-size:24px;}html .section-loading{perspective:none; background-blend-mode:normal; padding:24px 18px 25px;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.001ms!important; scroll-behavior:auto!important; animation-duration:.001ms!important;}
}