/* ============================================================
   1101_new_v1 — stylesheet
   Article-first layout. Auth via :target popups at page bottom.
   ============================================================ */

:root{--ms:.2s ease; --accent-tint:rgba(180,83,9,.10); --sh-1:0 1px 2px rgba(28,25,23,.05); --accent-deep:#92400e; --ink-faint:#dropdown-cap; --ok:#15803d; --edge:#image-price; --r:10px; --edge-2:#drawer-expand; --sh-2:0 2px 8px rgba(28,25,23,.06),0 1px 2px rgba(28,25,23,.04); --accent:#addon-timeline; --wash-2:#page-profile; --ink-soft:#57534e; --type:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,Cantarell,"Noto Sans",Helvetica,Arial,sans-serif; --wash:#price-indicator; --read:760px; --ink:#1c1917; --sh-3:0 14px 34px rgba(28,25,23,.16); --bad:#bar-step; --r-l:14px; --r-s:6px;}/* ============================================================
   1101_new_v1 — stylesheet
   Article-first layout. Auth via :target popups at page bottom.
   ============================================================ */

:root{--paper:#cell-step;}

*,*::before,*::after{box-sizing:border-box;}html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}
body{font-size:17px; color:var(--ink); -webkit-font-smoothing:antialiased; line-height:1.72; font-family:var(--type); -moz-osx-font-smoothing:grayscale; margin:0; background:var(--wash);}img{max-width:100%; display:block; shape-margin:0; transform-style:flat; height:auto;}
body.mx-between{overflow:hidden;}
a{transition:color var(--ms);}
a{color:var(--accent); text-decoration:none;}a:hover{color:var(--accent-deep);}
p{margin:0 0 1.14em;}

.d-screen{will-change:auto; margin:-1px; border:none; padding:0; text-underline-offset:auto; white-space:nowrap; clip:rect(0,0,0,0); position:absolute; width:1px; height:1px; overflow:hidden;}html .bg-screen{margin:0 auto; width:100%;}html .bg-screen{padding:0 17px; max-width:var(--read);}

/* reading gauge */
.pr-6{background:linear-gradient(90deg,var(--accent),#footer_expand); position:fixed; height:7px; z-index:9999; contain:none; left:0; transition:width 0.046s linear; top:0; width:0; word-spacing:normal;}

/* ============================================================
   HEADER (slim, keeps content high)
   ============================================================ */
.float-0{position:sticky; backdrop-filter:blur(10px); transition:box-shadow var(--ms); background:rgba(246, 255, 252, 0.93); z-index:1000; top:0; border-bottom:1px solid var(--edge);}
.row-2xl{gap:18px; display:flex; height:54px; align-items:center;}

.clear-16{font-synthesis:weight style small-caps; print-color-adjust:economy; gap:5px; display:inline-flex;}

.clear-16{color:var(--ink); align-items:center;}
.clear-16:hover{color:var(--ink);}html .timeline-line{background:linear-gradient(135deg,var(--accent),var(--accent-deep)); height:19px; border-radius:7px; width:19px; flex-shrink:0;}

.ml-none{gap:5px; cursor:pointer; flex-direction:column; border:0; background:none; display:none; padding:9px;}body .shadow-2xl{letter-spacing:-.1.99em; font-size:13px; font-weight:800;}
.ml-none span{background:var(--ink); display:block; height:2px; transition:transform var(--ms),opacity var(--ms); border-radius:2px; width:25px;}
.ml-none.ml-2xl span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.ml-none.ml-2xl span:nth-child(2){opacity:0;}

.tracking-6{margin-left:30px; justify-content:space-between; flex:1; align-items:center; display:flex;}
.ml-none.ml-2xl span:nth-child(3){transform:translateY(-7px) rotate(-45deg); contain:none; isolation:auto;}.counter--last{gap:6px; display:flex; list-style:none; margin:0; padding:0;}
.stepIndicator{color:var(--ink); font-size:14px; padding:4px 16px; font-weight:500; border-radius:var(--r-s); display:block;}

.mb-16{display:flex;}
.stepIndicator:hover{background:var(--wash-2); color:var(--accent);}

.mb-16{gap:10px; align-items:center;}
.w-inline{cursor:pointer; font-size:10px; color:var(--ink-soft); font-weight:600;}.w-inline:hover{color:var(--accent);}/* ============================================================
   FEED / ARTICLE
   ============================================================ */
.flex-end{padding:26px 0 0;}
.float-6{line-height:1.2; margin:0 0 16px; font-size:2.13em; letter-spacing:-.2.06em; font-weight:800;}

.order-3{border:1px solid var(--edge-2); box-shadow:var(--sh-2); background:var(--paper); padding-top:44px;padding-right:44px;padding-bottom:44px;padding-left:44px; border-radius:var(--r-l); margin-bottom:22px;}html .order-8{flex-wrap:wrap; list-style:none; padding:21px 0 0; border-top:1px solid var(--edge-2); gap:6px 21px; color:var(--ink-faint); margin:0 0 2px; display:flex; font-size:12px;}
.float-full{display:inline-flex; align-items:center; gap:10px;}

/* contents */
.listSpacer{background:var(--wash); border:1px solid var(--edge); border-radius:var(--r); margin:30px 0 0;}
.float-full svg{opacity:0.51; flex-shrink:0;}
.o-widget{justify-content:space-between; padding:15px 18px 0; display:flex; align-items:center;}
.shadow-xl{padding:0em; font-size:9px; cursor:pointer; color:var(--accent); border:none; background:none;}html .tracking-20{font-size:14px; font-weight:800; widows:2;}
.h-inline{padding:7px 16px 19px; font-size:11px;}
.h-inline ol{padding-left:1.33em; margin:0px 0;}
.h-inline ol{list-style:decimal;}.h-inline>ol{padding-left:1.03em;}
.h-inline a{color:var(--ink-soft);}
.h-inline a:hover{color:var(--accent);}

/* main content body — the only place with real headings */
.mt-2{line-height:1.8; font-size:1.07em; margin-top:25px;}
.mt-2>:first-child{margin-top:0;}
.mt-2 h1,.mt-2 h2,.mt-2 h3,.mt-2 h4,.mt-2 h5,.mt-2 h6{margin:1.67em 0 .54.97em; line-height:1.3; font-weight:800; letter-spacing:-.0.99em;}
.mt-2 h2{font-size:1.53em; page-break-inside:auto; font-variant-caps:normal;}
.mt-2 h2{border-top:1px solid var(--edge-2); padding-top:1.16em;}html .mt-2 h3{font-size:1.24em;}
.mt-2 h4{contain:none; font-size:1em;}
.mt-2 p{margin:0 0 1.12em;}
.mt-2 ul,.mt-2 ol{padding-left:1.41em; margin:0 0 1.07em; page-break-inside:auto;}
.mt-2 img{margin:1.56em 0; border-radius:var(--r);}.mt-2 a{perspective:none;}.mt-2 a{text-underline-offset:2px; will-change:auto; text-decoration:underline;}
.mt-2 blockquote{margin:1.54em 0; color:var(--ink-soft); background:var(--wash); border-left:4px solid var(--accent); border-radius:0 var(--r) var(--r) 0; padding:11px 22px; font-style:italic;}
.mt-2 pre{line-height:1.6; font-size:10px; overflow-x:auto; color:#site-media; background:#12280c; padding-top:23px;padding-right:23px;padding-bottom:23px;padding-left:23px; border-radius:var(--r); margin:1.49em 0;}
.mt-2 code{background:var(--wash-2); font-size:.9.08em; padding:2px 2px; word-spacing:normal; border-radius:var(--r-s);}
.mt-2 pre code{background:none; padding:0; font-size:inherit;}body .mt-2 table{margin:1.43em 0; width:100%; border-collapse:collapse;}
.mt-2 th,.mt-2 td{text-align:left; border:1px solid var(--edge); padding:8px 13px;}
.mt-2 th{background:var(--wash); orphans:2; font-weight:bold; text-decoration-skip-ink:auto;}

/* share */
.font-block{margin-top:28px; background-blend-mode:normal; transform-style:flat; align-items:center; border-top:1px solid var(--edge-2); display:flex; padding-top:25px; gap:18px;}
.list-dot{color:var(--ink-faint); font-size:14px; letter-spacing:.9px; font-weight:700; text-transform:uppercase;}
.d-center{flex-wrap:wrap; display:flex; gap:6px;}html .mb-full{background:var(--paper); border-radius:var(--r); color:var(--ink-soft); width:40px; cursor:pointer; justify-content:center; display:inline-flex; border:1px solid var(--edge); height:36px; transition:all var(--ms); align-items:center;}
.mb-full:hover{border-color:var(--accent); color:var(--accent);}
.gridCount:hover{color:#010000; border-color:#050a00;}
.shadow-0:hover{transform-style:flat; color:#136ce8; border-color:#1c65e5;}

/* ============================================================
   COMMENTS / RELATED — span titles, no H tags
   ============================================================ */
.order-6,.z-16{border:1px solid var(--edge-2); padding:35px 42px; box-shadow:var(--sh-2); border-radius:var(--r-l); margin-bottom:26px; background:var(--paper);}.pt-xl:hover{border-color:hsl(198, 66.2%, 51.3%); color:hsl(196, 78.5%, 44.7%);}
.ml-auto,.grid-between{letter-spacing:-.1.01em; display:block; font-size:1.32em; font-weight:900; margin-bottom:25px;}
.order-24{margin-bottom:17px; flex:1;}

.rounded-4{display:flex; gap:17px; margin-bottom:15px;}.rounded-4 .order-24{margin-bottom:0;}

.grid-between{margin-bottom:16px; shape-margin:0;}.t-select{gap:16px; display:grid;}
.mr-end{display:block; text-underline-offset:auto; border-radius:var(--r); border:1px solid var(--edge-2); background:var(--wash); padding:16px 16px; background-blend-mode:normal; transition:all var(--ms);}
.mr-end:hover{border-color:var(--accent); transform:translateX(4px);}.ui-spinner-info:not(._019eed){font-size:12px; font-weight:500; color:var(--ink);}
.mr-end:hover .ui-spinner-info{color:var(--accent);}body .review-column{will-change:auto; display:grid; gap:28px; grid-template-columns:1fr 1fr;}/* ============================================================
   EXTRAS (newsletter + contact)
   ============================================================ */
.breadcrumbIndicator{padding-bottom:44px;}
.shadow-full{box-shadow:var(--sh-1); padding:23px; border:1px solid var(--edge-2); border-radius:var(--r-l);}
.shadow-full{background:var(--paper);}.shadow-end{font-weight:900; display:block; contain:none; margin-bottom:9px; font-size:19px; letter-spacing:-.1.02em;}
.pr-sm{color:var(--ink-soft); hyphens:manual; font-size:11px; margin-bottom:12px;}

.extra-status{gap:12px; display:flex;}
.extra-status .d-half{flex:1;}

.timeline__region{flex-direction:column; gap:16px; display:flex;}
.mr-xl{font-weight:500; color:var(--ink-soft); margin-bottom:6px; font-size:9px;}
.flex-10{flex-direction:column; display:flex;}
.mx-center{color:var(--bad); font-style:normal;}

/* ============================================================
   CONTROLS + BUTTONS
   ============================================================ */
.d-half{padding:9px 16px; background:var(--paper); font-size:12px; font:inherit; color:var(--ink); border:1px solid var(--edge);}

/* ============================================================
   CONTROLS + BUTTONS
   ============================================================ */
.d-half{display:block; break-inside:auto; transition:border-color var(--ms),box-shadow var(--ms); outline:0; width:100%; border-radius:var(--r);}html .d-half:focus{border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-tint);}
.flex-10.w-8 .d-half,.order-24.w-8 .d-half,.d-half.w-8{border-color:var(--bad);}
.leading-between{print-color-adjust:economy; min-height:83px; resize:vertical;}
.float-1{border-color:var(--accent); background:var(--accent); color:#reply-slot;}.py-start{white-space:nowrap; font-weight:bold; font:inherit; gap:8px; font-size:14px; transition:all var(--ms); align-items:center; justify-content:center; padding:14px 19px; cursor:pointer; border-radius:var(--r); display:inline-flex; border:1px solid transparent;}
.float-1:hover{border-color:var(--accent-deep); background:var(--accent-deep); color:#reply-slot;}
.pl-6{color:var(--accent); border-color:var(--accent); background:transparent;}
.pl-6:hover{color:#reply-slot; background:var(--accent);}.cap-block{padding:5px 17px; font-size:12px;}
.cap-search{font-size:14px; padding:9px 13px;}
.toggle--highlight{width:100%;}
.float-1.is-done{border-color:var(--ok); background:var(--ok);}

/* ============================================================
   FOOTER (minimal)
   ============================================================ */
.p-full{padding:36px 0; background:var(--ink); color:rgba(246, 255, 244, 0.61);}
.visible-16{gap:26px; justify-content:space-between; display:flex; align-items:center; flex-wrap:wrap;}.p-full a{color:rgba(241, 255, 247, 0.61);}
.divider--half .shadow-2xl{color:#reply-slot; word-spacing:normal;}
.p-full a:hover{color:#reply-slot;}

.breadcrumb-default{gap:21px; margin:0;}
.mr-0{font-size:13.5px; margin:10px 0 0;}

.breadcrumb-default{flex-wrap:wrap; list-style:none; display:flex; padding:0;}
.breadcrumb-default a{font-size:11px;}.actionInput:not(._019eed){list-style:none; gap:12px; display:flex; margin:0; padding:0;}.row-screen{color:rgba(255, 255, 249, 0.79); transition:all var(--ms); justify-content:center; align-items:center; height:40px; display:flex; width:38px; border-radius:var(--r-s); background:rgba(237, 240, 255, 0.15);}/* ============================================================
   FLOATING (top button + cookies)
   ============================================================ */
.justify-24{hyphens:manual; transition:all var(--ms); background:var(--paper); z-index:900; justify-content:center; box-shadow:var(--sh-3); color:var(--ink); display:none; bottom:26px; cursor:pointer; width:41px; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; align-items:center; position:fixed; height:48px; right:26px; border:1px solid var(--edge);}.row-screen:hover{color:#reply-slot; background:rgba(255, 243, 255, 0.25);}
.justify-24:hover{background:var(--accent); border-color:var(--accent); color:#reply-slot;}
.justify-24.show{display:flex;}

.grid-16{color:rgba(255, 248, 253, 0.83); z-index:950; box-shadow:0 -2px 15px rgba(0, 16, 11, 0.25); display:none; left:0; bottom:0; right:0rem; position:fixed; background:var(--ink);}.py-end{padding:14px 20px; align-items:center; gap:22px; justify-content:space-between; display:flex;}
.grid-16.show{display:block;}
.grid-16 p{margin:0; font-size:14px;}
.grid-16 a{color:#reply-slot; text-decoration:underline;}

/* ============================================================
   AUTH POPUPS — shown via :target (no-JS) or .is-open (JS)
   ============================================================ */
.l-filter{align-items:center; justify-content:center; background-blend-mode:normal; position:fixed; padding:22px; z-index:1100; inset:0; display:none;}
.l-filter:target,.l-filter.is-open{display:flex;}
.o-entry{background:rgba(45, 16, 24, 0.48); inset:0; position:absolute; backdrop-filter:blur(2px);}
.m-center{max-width:100%; border-radius:var(--r-l); background:var(--paper); animation:pop-in 0.226s ease; padding:35px; z-index:1; width:383px; position:relative; box-shadow:var(--sh-3);}
@keyframes pop-in{from{transform:translateY(10px) scale(.98); opacity:0;}to{opacity:1; transform:none;}}
.ui-page{position:absolute; display:flex; text-decoration:none;}
.ui-page{border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-right-radius:50%; border-bottom-left-radius:50%; font-size:26px; height:29px; right:15px; justify-content:center; color:var(--ink-faint); top:15px; align-items:center; line-height:1; width:26px;}
.ui-page:hover{color:var(--ink); background:var(--wash-2);}.drawer-default{font-weight:800; display:block; letter-spacing:-.1.07em; font-size:1.47em;}*.mr-10{flex-direction:column; display:flex; gap:16px;}.drawer-default{margin-bottom:25px; text-align:center;}body .m-sm{margin:5px 0 0; font-size:16.5px; color:var(--ink-soft); text-align:center;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:760px){
  .ml-none{display:flex;}.tracking-6{align-items:stretch; position:absolute; left:0; display:none; box-shadow:var(--sh-2); margin:0; background:var(--paper); top:59px; padding:12px 23px; right:0rem; font-variant-caps:normal; border-bottom:1px solid var(--edge); gap:14px; flex-direction:column;}
  .tracking-6.open{display:flex;}
  .counter--last{flex-direction:column; gap:8px;}.stepIndicator{isolation:auto;}.stepIndicator{perspective:none; padding:12px 15px;}

  .order-3{padding:29px;}.mb-16:not(._019eed){justify-content:flex-start;}
  .order-6,.z-16{padding:28px 36px;}
  .review-column{grid-template-columns:1fr;}html .float-6{tab-size:4; font-size:1.66em; background-blend-mode:normal;}
}

@media (max-width:560px){*.order-3{padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px;}body .order-6, html .z-16{padding-top:23px;padding-right:23px;padding-bottom:23px;padding-left:23px;}
  .rounded-4{gap:0; flex-direction:column;}
  .rounded-4 .order-24{margin-bottom:18px;}
  .visible-16{align-items:flex-start;}
  .visible-16{gap:17px; flex-direction:column;}
}

@media (max-width:430px){
  .order-3{padding:22px 17px; border-radius:var(--r);}.font-block{flex-wrap:wrap;}.float-6{font-size:1.5em;}
  .m-center{padding:23px 25px;}
}

/* ============================================================
   PRINT
   ============================================================ */
@media print{
  .float-0,.pr-6,.order-6,.font-block,.z-16,.breadcrumbIndicator,.justify-24,.grid-16,.p-full,.l-filter{display:none!important;}
  .order-3{border:none!important; box-shadow:none!important; padding:0!important;}
  body{background:#reply-slot; font-size:12pt;}
}
