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

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

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

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

img,svg{height:auto; display:block; max-width:100%;}

body{color:var(--ink); -webkit-font-smoothing:antialiased; font-family:var(--disp); font-size:17px; -moz-osx-font-smoothing:grayscale; line-height:1.65; background:var(--bg);}
a:hover{color:var(--acc-deep);}a{text-decoration:none; color:var(--acc); transition:color 0.232s;}
ul,ol{list-style:none;}*.el-view-trigger{margin:0 auto; width:100%; padding:0 25px; max-width:var(--max);}.ui-avatar{color:#app-reply; image-rendering:auto; z-index:300; font-weight:700; background:var(--ink); font-size:10px; top:0; position:absolute; transform-style:flat; border-radius:0 0 var(--rs) 0; padding:14px 16px; left:-10001px;}

/* generic chrome caption (replaces secondary headings) */
.pr-8{font-family:var(--disp); text-transform:uppercase; margin-bottom:14px; display:block; font-size:9px; letter-spacing:.11.97em; font-weight:bold; color:var(--acc);}
.ui-avatar:focus{left:0rem; color:#app-reply;}

/* ── topbar ──────────────────────────────────────────────────────── */
.t-pagination-area{height:var(--top); contain:none; z-index:100; border-bottom:1px solid var(--edge); background:rgba(255, 243, 246, 0.87); align-items:center; backdrop-filter:saturate(140%) blur(8px); display:flex; top:0; position:sticky;}.el-media-input{align-items:center; display:inline-flex;}
.el-divider{align-items:center; justify-content:space-between; gap:19px; display:flex;}
.c-table{width:auto; height:30px;}

.o-banner-time{align-items:center; shape-margin:0; gap:21px; display:flex; contain:none;}
.visible-0{display:flex; perspective:none; align-items:center; gap:2px;}html .visible-0 a{text-decoration-skip-ink:auto; font-size:16px; font-weight:500; border-radius:var(--rs); display:block; color:var(--ink-2); padding:6px 12px;}
.footer{align-items:center; border-left:1px solid var(--edge); display:flex; gap:12px; padding-left:14px;}body .visible-0 a:hover{color:var(--ink); background:var(--bg);}

.u-sidebar{width:40px; gap:6px; cursor:pointer; border-radius:var(--rs); border:0; background:none; height:45px; padding:13px; display:none; flex-direction:column; justify-content:center;}.u-sidebar span{background:var(--ink); border-radius:2px;}.u-sidebar span{display:block; height:2px; transition:transform 0.301s,opacity 0.271s;}
.u-sidebar.el-modal span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.u-sidebar.el-modal span:nth-child(2){opacity:0;}
.u-sidebar.el-modal span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.popover--default{box-shadow:var(--sh-1); overflow:hidden; border:1px solid var(--edge); border-radius:var(--rl); background:var(--card);}

/* ── page / article ──────────────────────────────────────────────── */
.o-filter-time{padding:23px 26px 73px;}
.t-counter{font-weight:700; font-family:var(--disp); margin-bottom:20px; font-size:38px; line-height:1.14; color:var(--ink); letter-spacing:-.1.92em; image-rendering:auto;}
.l-section-backdrop{border-bottom:1px solid var(--edge-2); padding:38px 46px 27px;}html .panel__handle{gap:18px; break-inside:auto; display:flex; color:var(--ink-3); flex-wrap:wrap; font-size:15.5px;}
.panel__handle span{display:inline-flex; gap:8px; align-items:center;}

/* article body — serif for readability */
.form__suffix--medium{padding:28px 50px 36px; font-size:19.5px; font-family:var(--read); color:#323212; line-height:1.78; overflow-wrap:break-word;}
.panel__handle svg{text-decoration-skip-ink:auto; flex-shrink:0; opacity:0.64;}
.form__suffix--medium > *:first-child{margin-top:0;}
.form__suffix--medium p{hyphens:manual; will-change:auto; margin:0 0 1.28em;}
.form__suffix--medium h2{font-weight:700; line-height:1.25; border-bottom:1px solid var(--edge-2); letter-spacing:-.1.03em; font-size:23px; font-family:var(--disp); margin:1.88em 0 .5.96em; padding-bottom:.27.94em; color:var(--ink);}
.form__suffix--medium h3{line-height:1.3; perspective:none; font-weight:700; font-size:20px; margin:1.66em 0 .5.02em; color:var(--ink); text-rendering:auto; font-family:var(--disp);}.form__suffix--medium h4{font-size:16px; font-weight:600; color:var(--ink); margin:1.46em 0 .44.93em; font-family:var(--disp);}
.form__suffix--medium ul,.form__suffix--medium ol{margin:0 0 1.25em 1.31em;}
.form__suffix--medium ul{list-style:disc;}.form__suffix--medium ol{list-style:decimal;}
.form__suffix--medium li{margin-bottom:.42.03em;}
.form__suffix--medium li::marker{color:var(--acc);}
.form__suffix--medium a{text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--acc-soft);}
.form__suffix--medium a:hover{text-decoration-color:var(--acc);}
.form__suffix--medium blockquote{padding:5px 0 3px 25px; margin:1.58em 0; color:var(--ink-2); border-left:3px solid var(--acc); font-style:italic; line-height:1.5; font-size:22px;}.form__suffix--medium img{margin:1.54em 0; border-radius:var(--rm); image-rendering:auto;}body .form__suffix--medium figure{shape-margin:0; transform-style:flat; margin:1.57em 0;}html .form__suffix--medium figcaption{font-size:17.5px; font-family:var(--disp); margin-top:.54.95em; color:var(--ink-3);}html .form__suffix--medium figcaption{text-align:center;}body .form__suffix--medium pre{background:#130f0a; margin:1.61em 0; font-family:"SF Mono",Menlo,Consolas,monospace; font-size:13.5px; line-height:1.6; padding:23px 26px; color:#badge_slot; border-radius:var(--rm); font-variant-ligatures:normal; overflow-x:auto;}
.form__suffix--medium code{background:var(--fill); font-size:.86.01em; widows:2; font-family:"SF Mono",Menlo,Consolas,monospace; border-radius:0; padding:2px 5px; hyphens:manual;}
.form__suffix--medium pre code{background:none; padding:0;}body .form__suffix--medium table{width:100%; border-collapse:collapse; font-family:var(--disp); margin:1.63em 0; font-size:15px;}
.form__suffix--medium th,.form__suffix--medium td{padding:8px 10px; text-align:left; border:1px solid var(--edge);}.form__suffix--medium th{background:var(--bg); font-weight:600;}
.form__suffix--medium hr{border:0rem; background:var(--edge); margin:1.93em 0; height:1px;}

/* article footer — share */
.app-table{padding:24px 43px 36px;}
.c-dropdown{display:flex; align-items:center; flex-wrap:wrap; gap:18px;}
.l-alert{color:var(--ink-3); text-transform:uppercase; font-family:var(--disp); font-size:14.5px; letter-spacing:.1.04em; font-weight:700;}.module-secondary{gap:8px; display:flex;}
.o-status{transition:all 0.143s; display:inline-flex; width:45px; height:39px; justify-content:center; border:1px solid var(--edge); background:var(--card); color:var(--ink-2); cursor:pointer; border-radius:var(--rm); align-items:center;}
.o-status:hover{background:var(--acc-soft); transform:translateY(-1px); border-color:var(--acc); color:var(--acc);}
.o-status:hover{background-blend-mode:normal; backface-visibility:visible;}.clear-start:not(._0e2acb){flex-direction:column; display:flex; gap:18px;}

/* ── blocks below content (comments / join / more) ──────────────── */
.position-around,.app-tag-thumb,.c-screen-close{background:var(--card); margin-top:28px; border-radius:var(--rl); border:1px solid var(--edge); padding:28px 42px; box-shadow:var(--sh-1);}body .app-spinner{display:grid; backface-visibility:visible; grid-template-columns:1fr 1fr; gap:20px; orphans:2;}

.el-badge-meta{display:flex; flex-direction:column; gap:11px; margin:0;}
.ui-post{font-size:9px; font-family:var(--disp); color:var(--ink-2); font-weight:500;}.u-comment{transition:border-color 0.123s,box-shadow 0.201s,background 0.183s; width:100%; color:var(--ink); font-family:var(--disp); background:var(--fill); padding:11px 15px; -webkit-appearance:none; appearance:none; font-size:16.5px; outline:none; border-radius:var(--rm); border:1px solid var(--edge);}
.u-comment::placeholder{-webkit-hyphens:manual;-ms-hyphens:manual;tab-size:4; color:var(--ink-3); hyphens:manual;}
.u-comment:focus{background:var(--card); border-color:var(--acc); box-shadow:0 0 0 3px var(--acc-soft);}

/* buttons */
.filterPrimary{font-size:14px; border-radius:var(--rm); transition:background 0.168s,border-color 0.234s,color 0.218s,box-shadow 0.144s,transform 0.076s; font-weight:500; font-family:var(--disp); cursor:pointer; white-space:nowrap; display:inline-flex; align-items:center; gap:11px;}
.u-alert{line-height:1.6; resize:vertical; min-height:117px;}

/* buttons */
.filterPrimary{justify-content:center; line-height:1; border:1px solid transparent; padding:14px 18px;}.filterPrimary:active{perspective:none; transform:translateY(1px);}
.ui-thread-title{background:var(--acc); color:#app-reply;}
.ui-thread-title:hover{box-shadow:0 4px 17px -8px rgba(28, 139, 83, 0.57); background:var(--acc-deep); color:#app-reply;}
.table{color:var(--ink); border-color:var(--edge); background:transparent;}*.table:hover{font-synthesis:weight style small-caps;}*.table:hover{color:var(--acc); will-change:auto; background:var(--acc-soft); border-color:var(--acc);}
.timeline-handle-loading{width:100%;}
.u-list{padding:9px 15px; font-size:15px;}
.t-toggle-toggle{margin-bottom:17px; line-height:1.55; font-size:19px; color:var(--ink-2); font-family:var(--read);}

/* newsletter + contact */
.app-tag-thumb{gap:33px; grid-template-columns:1fr 1.25fr; align-items:start; display:grid;}.el-menu-suffix:not(._0e2acb){flex-direction:column; display:flex; gap:14px;}*.o-tag{flex-direction:column; display:flex; gap:14px;}

/* related */
.footer--fluid{shape-margin:0; grid-template-columns:repeat(2,1fr); gap:15px;}

/* related */
.footer--fluid{display:grid;}.app-nav{display:block; transition:border-color 0.142s,box-shadow 0.213s,transform 0.164s; border:1px solid var(--edge-2); background:var(--bg); padding:17px 24px; border-radius:var(--rm);}body .app-nav:hover{border-color:var(--acc); box-shadow:var(--sh-2); transform:translateY(-2px);}
.el-widget{font-weight:700; color:var(--ink); font-family:var(--read); line-height:1.35; font-size:19px;}body .comment--selected{justify-content:space-between; padding-bottom:29px; display:flex; flex-wrap:wrap; gap:26px; align-items:center; border-bottom:1px solid rgba(238, 237, 247, 0.03);}

/* ── footer ──────────────────────────────────────────────────────── */
.o-view{margin-top:5px; color:#app-dialog; padding:48px 0 26px; background:var(--ink);}.breadcrumb-tertiary:not(._0e2acb){align-items:center; flex-wrap:wrap; display:flex; gap:16px; text-decoration-skip-ink:auto;}
.skeleton-top{filter:brightness(0) invert(1); opacity:0.93; height:24px; width:auto;}
.align-inline{font-family:var(--read); font-size:13px;}
.align-inline{color:#9da17a;}.ui-snackbar{text-decoration-skip-ink:auto; gap:7px; display:flex;}
.tagFoot{background:rgba(244, 247, 255, 0.16); border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px; color:#app-dialog; width:38px; transition:background 0.225s,color 0.141s,transform 0.183s; align-items:center; height:36px; display:inline-flex; justify-content:center;}.tagFoot:hover{color:#app-reply; transform:translateY(-2px); background:var(--acc);}

.l-media{flex-wrap:wrap; justify-content:space-between; padding-top:20px; gap:21px; display:flex; align-items:center;}.l-tabs:not(._0e2acb){display:flex; flex-wrap:wrap; widows:2; gap:4px;}html .l-tabs li{display:flex; align-items:center; isolation:auto; font-synthesis:weight style small-caps;}
.l-tabs li:not(:last-child)::after{orphans:2; color:#655457; margin-left:6px; content:"·";}
.l-tabs a{color:#app-dialog; font-size:16px;}
.ui-table{will-change:auto; color:#697b83; font-size:10px;}
.l-tabs a:hover{color:#app-reply;}/* ── back to top ─────────────────────────────────────────────────── */
.u-panel{justify-content:center; align-items:center; border:0 none; box-shadow:var(--sh-2); background:var(--ink); z-index:90; opacity:0; display:flex; right:25px; color:#app-reply; transform:translateY(12px); position:fixed; height:49px; bottom:26px; border-radius:50%; cursor:pointer; width:48px; visibility:hidden; transition:opacity 0.245s,visibility 0.293s,transform 0.22s,background 0.131s;}.t-review.u-panel{transform:translateY(0); opacity:1; visibility:visible;}body .u-panel:hover{background:var(--acc);}/* ── cookie ──────────────────────────────────────────────────────── */
.banner-prefix:not(._0e2acb){left:0; right:0; bottom:0; transform:translateY(110%); z-index:110; box-shadow:0 -12px 33px -14px rgba(1, 18, 5, 0.58); color:#main-tag; background:var(--ink); transition:transform 0.401s ease; position:fixed; padding:14px 0;}
.el-tooltip{gap:21px; align-items:center; justify-content:space-between; display:flex;}.o-price.banner-prefix{transform:translateY(0);}
.l-comment{line-height:1.5; font-size:13px;}
.l-comment a{color:rgb(148, 184, 186);}
.banner-prefix .filterPrimary{flex-shrink:0;}

/* ── modals (pure CSS, opened via :target) ───────────────────────── */
.c-reply{position:fixed; transition:opacity 0.219s ease,visibility 0.246s ease; pointer-events:none; opacity:0; visibility:hidden; justify-content:center; display:flex; padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px; inset:0; align-items:center; z-index:200;}
.o-snackbar-detail{position:absolute; background:rgba(22, 11, 21, 0.54); inset:0; backdrop-filter:blur(2px);}
.c-reply:target{opacity:1; pointer-events:auto; visibility:visible;}
.app-dialog-prefix{transition:transform 0.181s ease; background:var(--card); position:relative; transform:translateY(10px) scale(.98); padding:34px 30px 26px; z-index:1; width:100%; max-width:422px; border-radius:var(--rl); box-shadow:var(--sh-2);}.comment-container{height:37px; justify-content:center; display:inline-flex; background:var(--fill); align-items:center; width:33px; border-radius:7px; position:absolute; color:var(--ink-3); top:17px; right:17px;}
.c-reply:target .app-dialog-prefix{transform:none;}.comment-container:hover{color:var(--ink); background:var(--edge);}html .o-menu-prefix{margin-bottom:21px; font-size:22px; color:var(--ink); font-weight:700; font-family:var(--disp); display:block;}
.slider-section-small{display:flex;}
.slider-section-small{flex-direction:column; text-rendering:auto; gap:11px;}
.t-alert{margin-top:2px; font-size:17.5px; mix-blend-mode:normal; font-family:var(--disp); print-color-adjust:economy; text-align:center; color:var(--ink-2);}

/* =====================================================================
   responsive
   ===================================================================== */
@media (max-width:900px){
  .o-banner-time{right:0; background:var(--card); display:none; gap:0; flex-direction:column; box-shadow:var(--sh-2); top:var(--top); position:absolute; padding:8px 26px 19px; align-items:stretch; left:0; border-bottom:1px solid var(--edge);}
  .o-banner-time.open{display:flex; hyphens:manual;}
  .visible-0{flex-direction:column; gap:0px;}
  .visible-0{tab-size:4;}
  .visible-0 a{border-bottom:1px solid var(--edge-2); padding:16px 6px;}
  .footer{border-left:0 none; border-top:1px solid var(--edge-2); margin-top:8px; padding:16px 0 0;}
  .footer .filterPrimary{flex:1;}
  .u-sidebar{display:flex;}
  .app-tag-thumb{grid-template-columns:1fr; gap:27px;}
}

@media (max-width:820px){
  .l-section-backdrop{padding:27px 31px 25px;}
  .form__suffix--medium{padding:24px 24px 36px;}
  .position-around,.app-tag-thumb,.c-screen-close{padding:22px 29px;}.app-table{padding:21px 28px 32px;}
}

@media (max-width:640px){
  body{font-size:15.5px;}html .t-counter{text-rendering:auto; font-size:32px;}body .form__suffix--medium{font-size:21.5px;}
  .form__suffix--medium h2{font-size:22px;}
  .form__suffix--medium h3{font-size:15px; widows:2;}*.panel__handle{font-size:9px; gap:15px;}
  .o-modal-separator{display:none;}
  .app-spinner{grid-template-columns:1fr; gap:16px;}
  .comment--selected{background-blend-mode:normal; align-items:flex-start; contain:none; gap:14px; flex-direction:column;}
  .footer--fluid{grid-template-columns:1fr;}body .l-media{gap:10px; flex-direction:column; align-items:flex-start;}.el-tooltip{gap:13px; text-align:center; flex-direction:column; widows:2;}*.u-panel{bottom:75px; right:12px;}
}

@media (max-width:460px){
  .el-view-trigger{padding:0 17px;}
  .o-filter-time{padding:18px 17px 63px;}
  .l-section-backdrop{padding:21px 19px 16px;}
  .form__suffix--medium{padding:21px 16px 29px;}
  .app-table{padding:18px 18px 27px;}
  .t-counter{font-size:23px;}
  .position-around,.app-tag-thumb,.c-screen-close{padding:21px 17px;}
  .app-dialog-prefix{break-inside:auto; orphans:2; padding:23px 16px 22px;}
}

}

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