*, *::before, *::after{box-sizing:border-box;}/* ============================================================
   1101_new_v1 — stylesheet
   Article-first layout. Auth via :target popups at page bottom.
   ============================================================ */

:root{--sh-2:0 2px 8px rgba(28,25,23,.06),0 1px 2px rgba(28,25,23,.04); --ms:.2s ease; --ink-faint:#app-table; --accent:#accordion_toggle; --paper:#site-header; --sh-1:0 1px 2px rgba(28,25,23,.05); --edge-2:#main-post; --accent-tint:rgba(180,83,9,.10); --ink:#1c1917; --wash:#site-box; --type:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,Cantarell,"Noto Sans",Helvetica,Arial,sans-serif; --accent-deep:#92400e; --edge:#site-avatar; --sh-3:0 14px 34px rgba(28,25,23,.16); --ok:#15803d; --ink-soft:#57534e; --r-s:6px; --read:760px; isolation:auto; --wash-2:#main-hero; --r:10px; --bad:#cap-badge; --r-l:14px;}
body{background:var(--wash); font-size:20px; font-family:var(--type);}
html{-moz-text-size-adjust:100%;word-spacing:normal; -webkit-text-size-adjust:100%; scroll-behavior:smooth;}
body{margin:0; line-height:1.72; -webkit-font-smoothing:antialiased; color:var(--ink); -moz-osx-font-smoothing:grayscale;}
body.tabsItem{overflow:hidden;}
img{height:auto; display:block; max-width:100%;}
a{color:var(--accent); text-decoration:none; transition:color var(--ms);}a:hover{font-variant-ligatures:normal; color:var(--accent-deep); transform-style:flat;}
p{margin:0 0 1.13em;}.gap-5:not(._be223b){height:1px; padding:0; width:1px; clip:rect(0,0,0,0); position:absolute; margin:-1px; overflow:hidden; border:none; white-space:nowrap;}

.z-around{width:100%; max-width:var(--read); margin:0 auto; padding:0 20px;}

/* ============================================================
   HEADER (slim, keeps content high)
   ============================================================ */
.mt-8{-webkit-backdrop-filter:blur(10px);transition:box-shadow var(--ms); z-index:1000; position:sticky; backdrop-filter:blur(10px); background:rgba(255, 255, 246, 0.88); top:0; border-bottom:1px solid var(--edge);}

/* reading gauge */
.post--dense{shape-margin:0; top:0; width:0; z-index:9999; position:fixed; transition:width 0.094s linear; background:linear-gradient(90deg,var(--accent),#site-modal); left:0; height:1px;}

.trigger-status{gap:11px; display:inline-flex; align-items:center; color:var(--ink);}
.m-3{display:flex; align-items:center; height:54px; gap:22px;}
.trigger-status:hover{color:var(--ink);}
.tableTrigger{height:16px; background:linear-gradient(135deg,var(--accent),var(--accent-deep)); border-top-left-radius:1px;border-top-right-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:1px; width:21px; flex-shrink:0;}
.mx-24{font-size:18px; letter-spacing:-.2.06em; font-weight:700;}body .px-lg{border:none; background:none; display:none; padding:9px; gap:8px; cursor:pointer; flex-direction:column;}*.px-lg span{height:2px; border-radius:2px; width:22px; display:block; transition:transform var(--ms),opacity var(--ms); background:var(--ink);}
.px-lg.pb-xs span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.px-lg.pb-xs span:nth-child(2){opacity:0;}body .px-lg.pb-xs span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.col-screen{display:flex;}html .avatarButton{margin:0; gap:1px; list-style:none; padding:0; display:flex;}

.col-screen{margin-left:27px; justify-content:space-between; align-items:center; flex:1;}
.pl-full{border-radius:var(--r-s); color:var(--ink); display:block; padding:4px 16px; font-weight:500; font-size:16px;}html .pl-full:hover{background:var(--wash-2); color:var(--accent);}

.border-8{display:flex; align-items:center; gap:16px;}
.opacity-16{font-size:10px; cursor:pointer; font-weight:700; color:var(--ink-soft);}

/* ============================================================
   FEED / ARTICLE
   ============================================================ */
.m-none{padding:32px 0 0;}
.opacity-16:hover{color:var(--accent);}

.leading-center{border:1px solid var(--edge-2); border-radius:var(--r-l); box-shadow:var(--sh-2); padding:43px; margin-bottom:23px; background:var(--paper);}html .w-10{margin:0 0 19px; font-size:2.23em; line-height:1.2;}html .w-10{letter-spacing:-.2.08em; font-weight:800;}body .grid-10{list-style:none; padding:21px 0 0; color:var(--ink-faint); flex-wrap:wrap; border-top:1px solid var(--edge-2); display:flex; gap:8px 18px; margin:0 0 4px; font-size:15px;}
.l-dialog-container{display:inline-flex;}
.l-dialog-container{gap:9px; align-items:center;}
.l-dialog-container svg{opacity:0.63; flex-shrink:0;}

/* contents */
.flex-4{border-radius:var(--r); margin:24px 0 0; background:var(--wash); border:1px solid var(--edge);}
.view-button-rounded{align-items:center; widows:2; display:flex; padding:14px 22px 0; justify-content:space-between;}
.sidebar-cell-secondary{font-size:16px; font-weight:800;}body .float-end{font-size:10px; color:var(--accent); padding:0; cursor:pointer; border:0; background:none;}html .paginationHead{padding:7px 22px 19px; font-size:18px;}
.paginationHead ol{padding-left:1.33em; list-style:decimal; margin:1px 0;}.paginationHead>ol{padding-left:1.08em;}*.paginationHead a{color:var(--ink-soft);}
.paginationHead a:hover{color:var(--accent);}/* main content body — the only place with real headings */
:where(.py-center){line-height:1.8; margin-top:23px; font-size:1.13em;}.py-center>:first-child{text-rendering:auto; margin-top:0;}
.py-center h1,.py-center h2,.py-center h3,.py-center h4,.py-center h5,.py-center h6{line-height:1.3; font-weight:800; margin:1.76em 0 .54.92em; letter-spacing:-.0.92em;}
.py-center h2{padding-top:1.03em; mix-blend-mode:normal; font-size:1.46em; backface-visibility:visible; border-top:1px solid var(--edge-2);}
.py-center h3{font-size:1.29em;}
.py-center h4{font-size:1.1em;}
.py-center p{margin:0 0 1.23em;}
.py-center ul,.py-center ol{margin:0 0 1.07em; padding-left:1.34em;}.py-center img{border-radius:var(--r); hyphens:manual; margin:1.44em 0;}
.py-center a{text-decoration:underline; text-underline-offset:2px;}
.py-center blockquote{background:var(--wash); border-left:4px solid var(--accent); margin:1.55em 0; font-style:italic; color:var(--ink-soft); padding:12px 22px; border-radius:0 var(--r) var(--r) 0;}
.py-center pre{overflow-x:auto; font-size:18px; line-height:1.6; border-radius:var(--r); background:#13150e; padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px; margin:1.48em 0; color:#timeline-container;}
.py-center code{padding:2px 2px; font-size:.9.05em; border-radius:var(--r-s); background:var(--wash-2);}.py-center pre code{font-size:inherit;}.py-center pre code{padding:0; background:none;}
.py-center table{border-collapse:collapse; margin:1.49em 0; width:100%;}html .py-center th, .py-center td{text-align:left; padding:6px 17px; border:1px solid var(--edge);}
.py-center th{background:var(--wash); break-inside:auto; font-weight:700; text-rendering:auto;}/* share */
:where(.ml-screen){gap:12px; border-top:1px solid var(--edge-2); margin-top:29px; align-items:center; padding-top:20px; display:flex;}
.w-auto{flex-wrap:wrap; gap:4px; display:flex;}
.flex-sm{letter-spacing:.10px; font-weight:700; text-transform:uppercase; color:var(--ink-faint); font-size:16px;}.h-5:not(._be223b){height:37px; align-items:center; border:1px solid var(--edge); border-radius:var(--r); display:inline-flex; color:var(--ink-soft); transition:all var(--ms); background:var(--paper); cursor:pointer; justify-content:center; width:43px;}*.h-5:hover{border-color:var(--accent); color:var(--accent);}
.mb-none:hover{color:#0d7ced; border-color:#1171e0;}
.mb-center:hover{color:#060900; background-blend-mode:normal; border-color:rgb(0, 6, 0);}
.gap-8:hover{border-color:rgb(3, 173, 218); color:#2aace9; text-decoration-skip-ink:auto;}

/* ============================================================
   COMMENTS / RELATED — span titles, no H tags
   ============================================================ */
.module__close--secondary,.rounded-5{background:var(--paper); margin-bottom:23px; border-radius:var(--r-l); border:1px solid var(--edge-2); padding:37px 46px; box-shadow:var(--sh-2);}.align-3:not(._be223b), .mb-screen:not(._be223b){margin-bottom:18px; font-size:1.25em;}.align-3:not(._be223b), .mb-screen:not(._be223b){display:block; letter-spacing:-.0.92em; font-weight:900;}

.leading-6{margin-bottom:15px; gap:20px; display:flex;}
.p-5{flex:1; margin-bottom:19px;}
.leading-6 .p-5{margin-bottom:0;}

.mb-screen{margin-bottom:23px;}
.m-10{border-radius:var(--r); display:block; transition:all var(--ms); background:var(--wash); padding:12px 16px; border:1px solid var(--edge-2); widows:2;}.addon-accordion:not(._be223b){gap:10px; display:grid;}
.text-auto{font-size:11px; color:var(--ink); font-weight:700;}
.m-10:hover{transform:translateX(4px); border-color:var(--accent);}
.m-10:hover .text-auto{orphans:2; color:var(--accent); tab-size:4;}/* ============================================================
   EXTRAS (newsletter + contact)
   ============================================================ */
.col-12{padding-bottom:45px;}*.col-start{grid-template-columns:1fr 1fr; gap:27px;}*.col-start{display:grid;}
.py-24{box-shadow:var(--sh-1); border-radius:var(--r-l); padding:25px; border:1px solid var(--edge-2); background:var(--paper);}
.thumb-comment{font-weight:900; font-size:17px; display:block; isolation:auto; letter-spacing:-.0.99em; tab-size:4; margin-bottom:15px;}
.pt-inline{margin-bottom:18px; font-size:16px;}

.o-module-time{display:flex; gap:8px;}
.pt-inline{color:var(--ink-soft);}
.o-module-time .pb-8{flex:1;}

.u-select{flex-direction:column; gap:18px; display:flex;}
.rounded-none{flex-direction:column; display:flex;}
.bg-around{font-weight:500; color:var(--ink-soft); font-size:13px; margin-bottom:8px; font-variant-ligatures:normal;}

/* ============================================================
   CONTROLS + BUTTONS
   ============================================================ */
.pb-8{font:inherit; color:var(--ink); border-radius:var(--r); font-size:14px; width:100%; padding:7px 11px; background:var(--paper); border:1px solid var(--edge); display:block; outline:0; perspective:none; transition:border-color var(--ms),box-shadow var(--ms); background-blend-mode:normal;}
.d-24{color:var(--bad); font-style:normal;}
.pb-8:focus{box-shadow:0 0 0 3px var(--accent-tint); border-color:var(--accent);}
.pt-1{resize:vertical; min-height:80px;}html .rounded-none.justify-none .pb-8, .p-5.justify-none :where(.pb-8), body .pb-8.justify-none{border-color:var(--bad);}html .modal{font-size:11px; font:inherit; gap:5px; display:inline-flex; white-space:nowrap; transition:all var(--ms); padding:10px 20px; border-radius:var(--r); cursor:pointer; border:1px solid transparent; font-weight:bold; align-items:center; justify-content:center;}.p-screen{border-color:var(--accent); color:#stepContent; background:var(--accent); transform-style:flat;}
.p-screen:hover{color:#stepContent; background:var(--accent-deep); border-color:var(--accent-deep);}
.flex-xs{color:var(--accent); background:transparent;}
.flex-xs{border-color:var(--accent);}body .shadow-block{padding:13px 16px; font-size:14px; will-change:auto;}.flex-xs:hover{widows:2; background:var(--accent); shape-margin:0; color:#stepContent;}
.spinner{padding:4px 10px; font-size:12px;}.leading-3{width:100%;}
.p-screen.is-done{border-color:var(--ok); background:var(--ok);}

/* ============================================================
   FOOTER (minimal)
   ============================================================ */
.clear-center{padding:31px 0; background:var(--ink); color:rgba(255, 251, 255, 0.68);}
.opacity-between{display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; align-items:center;}
.clear-center a{color:rgba(243, 249, 255, 0.56);}
.clear-center a:hover{color:#stepContent;}.c-stepper .mx-24:not(._be223b){color:#stepContent;}
.clear-half{margin:13px 0 0; font-size:16.5px;}

.border-20{flex-wrap:wrap; padding:0; display:flex; margin:0; gap:21px; list-style:none;}

.mb-around{padding:0; margin:0; list-style:none; display:flex; gap:8px;}
.border-20 a{font-size:14px; isolation:auto;}
.mx-md{transition:all var(--ms); color:rgba(252, 245, 255, 0.73); width:37px; align-items:center; height:39px; background:rgba(241, 239, 242, 0.12); justify-content:center; display:flex; border-radius:var(--r-s);}
.mx-md:hover{background:rgba(255, 254, 255, 0.13); color:#stepContent;}/* ============================================================
   FLOATING (top button + cookies)
   ============================================================ */
.col-full{color:var(--ink); transition:all var(--ms); background:var(--paper); cursor:pointer; box-shadow:var(--sh-3); bottom:26px; align-items:center; z-index:900; display:none; border:1px solid var(--edge); width:46px; position:fixed; border-radius:50%; justify-content:center; height:43px; right:28px;}.col-full:hover{background:var(--accent); color:#stepContent; border-color:var(--accent);}body .thread__toggle--highlight{background:var(--ink); color:rgba(237, 241, 248, 0.86); bottom:0; left:0; right:0; z-index:950; display:none; position:fixed; box-shadow:0 -2px 11px rgba(10, 14, 3, 0.19);}body .col-full.show{display:flex;}
.thread__toggle--highlight.show{display:block;}
.clear-block{display:flex; gap:22px; align-items:center; padding:12px 17px; justify-content:space-between;}.thread__toggle--highlight p{font-size:16px; margin:0;}
.thread__toggle--highlight a{color:#stepContent; text-decoration:underline;}

/* ============================================================
   AUTH POPUPS — shown via :target (no-JS) or .is-open (JS)
   ============================================================ */
.col-20{display:none;}

/* ============================================================
   AUTH POPUPS — shown via :target (no-JS) or .is-open (JS)
   ============================================================ */
.col-20{justify-content:center; z-index:1100; padding-top:19px; padding-right:19px; padding-bottom:19px; padding-left:19px; position:fixed; align-items:center; inset:0;}
.pb-12{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px); inset:0; orphans:2; background:rgba(26, 24, 9, 0.59); text-underline-offset:auto; position:absolute;}
.col-20:target,.col-20.is-open{display:flex;}body .ml-sm{position:relative; padding:28px; max-width:100%; box-shadow:var(--sh-3); z-index:1; background:var(--paper); border-radius:var(--r-l); width:383px; animation:pop-in 0.198s ease;}
@keyframes pop-in{from{opacity:0; transform:translateY(10px) scale(.98);}to{transform:none; opacity:1;}}
.pt-xl{align-items:center; text-decoration:none; position:absolute; shape-margin:0; line-height:1; display:flex; font-synthesis:weight style small-caps; top:14px; height:30px; font-size:18px; right:14px; border-radius:50%; width:29px; color:var(--ink-faint); justify-content:center;}
.badgeContainer{text-align:center; display:block; letter-spacing:-.1.08em; font-size:1.32em; margin-bottom:24px; font-weight:900;}
.pt-xl:hover{background:var(--wash-2); color:var(--ink);}.mx-xs{font-size:14.5px; text-align:center; color:var(--ink-soft); margin:2px 0 0;}*.d-start{flex-direction:column; display:flex; gap:13px;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:760px){
  .px-lg{display:flex;}html .col-screen{align-items:stretch; padding:12px 23px; border-bottom:1px solid var(--edge); gap:10px; position:absolute; display:none; margin:0; box-shadow:var(--sh-2); top:60px; right:0rem; background:var(--paper); flex-direction:column; left:0;}
  .col-screen.open{display:flex;}
  .avatarButton{flex-direction:column; gap:3px; orphans:2;}body .pl-full{backface-visibility:visible; padding:13px 10px; text-decoration-skip-ink:auto;}
  .border-8{justify-content:flex-start;}

  .leading-center{padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px;}body .module__close--secondary, html .rounded-5{padding:31px 31px;}
  .col-start{grid-template-columns:1fr;}
}

@media (max-width:560px){.leading-center{padding:23px;}
  .w-10{font-size:1.61em; widows:2; font-variant-caps:normal;}
  .leading-6{flex-direction:column; gap:0;}
  .module__close--secondary,.rounded-5{will-change:auto; padding:20px;}
  .leading-6 .p-5{margin-bottom:16px;}
  .opacity-between{gap:21px; flex-direction:column; align-items:flex-start;}html .w-10{font-size:1.4em;}
}

@media (max-width:430px){
  .leading-center{padding:18px 19px; border-radius:var(--r);}
  .ml-screen{flex-wrap:wrap;}
  .ml-sm{padding:30px 22px;}html .leading-center{box-shadow:none!important; padding:0!important; border:0!important;}
}

/* ============================================================
   PRINT
   ============================================================ */
@media print{
  .mt-8,.post--dense,.module__close--secondary,.ml-screen,.rounded-5,.col-12,.col-full,.thread__toggle--highlight,.clear-center,.col-20{display:none!important;}
}

  body{backface-visibility:visible; background:#stepContent; font-size:12pt;}