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

:root{--paper:#main-nav; --sh-1:0 1px 2px rgba(28,25,23,.05); --read:760px; --ink-soft:#57534e;}/* ============================================================
   1101_new_v1 — stylesheet
   Article-first layout. Auth via :target popups at page bottom.
   ============================================================ */

:root{--ok:#15803d; --r-l:14px; --accent-tint:rgba(180,83,9,.10); --ink-faint:#app-page; --type:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,Cantarell,"Noto Sans",Helvetica,Arial,sans-serif; --wash:#page-tabs; --accent-deep:#92400e; --sh-2:0 2px 8px rgba(28,25,23,.06),0 1px 2px rgba(28,25,23,.04); --edge-2:#app-drawer; --ink:#1c1917; --sh-3:0 14px 34px rgba(28,25,23,.16); --r-s:6px; --bad:#page-wrapper; --ms:.2s ease; --wash-2:#site-footer; --r:10px; --accent:#postInput; --edge:#tableOuter;}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}
body.t-sort-item{overflow:hidden;}body{-webkit-font-smoothing:antialiased; font-size:16px; margin:0; font-family:var(--type); background:var(--wash); line-height:1.72; -moz-osx-font-smoothing:grayscale; color:var(--ink);}img{display:block; max-width:100%; height:auto;}a{color:var(--accent); transition:color var(--ms);}a{text-decoration:none;}a:hover{color:var(--accent-deep);}p{margin:0 0 1.22em;}*.u-form{clip:rect(0,0,0,0); border:0 none; margin:-1px; white-space:nowrap; position:absolute; height:1px; width:1px; padding:0; overflow:hidden;}

/* reading gauge */
.c-avatar-inner{background:linear-gradient(90deg,var(--accent),#site-spinner); width:0; position:fixed; top:0; left:0; height:3px; z-index:9999; transition:width 0.099s linear;}.el-alert{width:100%; margin:0 auto; max-width:var(--read); padding:0 24px;}/* ============================================================
   HEADER (slim, keeps content high)
   ============================================================ */
.el-pagination{z-index:1000; border-bottom:1px solid var(--edge); top:0; transition:box-shadow var(--ms); position:sticky; backdrop-filter:blur(10px); background:rgba(254, 246, 255, 0.88);}
.app-comment{height:56px; gap:18px; display:flex; align-items:center;}
.app-comment{isolation:auto; text-decoration-skip-ink:auto;}

.app-tooltip{align-items:center; display:inline-flex; color:var(--ink); gap:5px;}
.app-tooltip:hover{color:var(--ink);}
.l-sidebar{flex-shrink:0; break-inside:auto; font-variant-caps:normal; border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px; width:16px; background:linear-gradient(135deg,var(--accent),var(--accent-deep)); height:24px;}
.app-step{letter-spacing:-.1.99em; font-weight:800; font-size:20px;}

.c-status{padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px; background:none; display:none; cursor:pointer; border:0; gap:2px; flex-direction:column;}
.c-status span{height:2px; transition:transform var(--ms),opacity var(--ms); display:block; border-radius:2px; width:23px; background:var(--ink);}
.c-status.overflow-start span:nth-child(1){transform:translateY(7px) rotate(45deg);}*.c-status.overflow-start span:nth-child(2){font-synthesis:weight style small-caps; opacity:0; font-variant-ligatures:normal;}
.c-status.overflow-start span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.app-dialog-image{padding:0; margin:0; gap:0px; list-style:none; display:flex;}body .l-divider{justify-content:space-between; align-items:center; flex:1; display:flex; margin-left:22px;}
.o-section-extra{font-weight:700; color:var(--ink); border-radius:var(--r-s); padding:8px 15px; font-size:17px; display:block;}

.nav__image--outlined{gap:14px;}
.o-section-extra:hover{color:var(--accent); background:var(--wash-2);}

.nav__image--outlined{display:flex; align-items:center;}
.u-dropdown{color:var(--ink-soft); cursor:pointer; font-weight:500; font-size:14px;}
.u-dropdown:hover{color:var(--accent); hyphens:manual;}

/* ============================================================
   FEED / ARTICLE
   ============================================================ */
.app-pagination{padding:32px 0 0;}

.pagination__name{padding-top:45px;padding-right:45px;padding-bottom:45px;padding-left:45px; box-shadow:var(--sh-2); border:1px solid var(--edge-2); background:var(--paper); margin-bottom:20px; border-radius:var(--r-l);}
.o-profile{font-size:2.15em; font-weight:800; letter-spacing:-.2.01em; line-height:1.2; margin:0 0 16px;}

.c-entry{border-top:1px solid var(--edge-2); margin:0 0 4px; gap:6px 15px; padding:16px 0 0; font-size:10px; flex-wrap:wrap; color:var(--ink-faint); display:flex; list-style:none;}
.app-section{display:inline-flex; gap:4px; align-items:center;}
.app-section svg{opacity:0.61; flex-shrink:0;}

/* contents */
.o-toggle{margin:24px 0 0; border-radius:var(--r); border:1px solid var(--edge); background:var(--wash);}
.l-tabs{align-items:center; display:flex; justify-content:space-between; padding:18px 23px 0; image-rendering:auto;}.u-avatar{padding:0; font-size:14px; border:0; cursor:pointer; background:none; color:var(--accent); mix-blend-mode:normal; isolation:auto;}
.el-accordion-cap{font-size:15px; font-weight:800;}
.u-snackbar{padding:12px 22px 20px; font-size:13px;}
.u-snackbar ol{margin:6px 0; padding-left:1.28em; list-style:decimal;}
.u-snackbar>ol{padding-left:1.06em;}html .u-snackbar a{transform-style:flat; color:var(--ink-soft); orphans:2;}
.u-snackbar a:hover{color:var(--accent);}/* main content body — the only place with real headings */
.t-reply{font-size:1.11em; line-height:1.8;}/* main content body — the only place with real headings */
.t-reply{margin-top:29px;}
.t-reply>:first-child{margin-top:0;}
.t-reply h1,.t-reply h2,.t-reply h3,.t-reply h4,.t-reply h5,.t-reply h6{letter-spacing:-.1em; line-height:1.3; font-weight:700; margin:1.64em 0 .55.03em;}body .t-reply h2{border-top:1px solid var(--edge-2); padding-top:1.17em; font-size:1.57em;}.t-reply h3{font-size:1.31em;}
.t-reply h4{font-size:1.13em;}
.t-reply p{margin:0 0 1.08em;}
.t-reply ul,.t-reply ol{padding-left:1.43em; margin:0 0 1.14em;}
.t-reply img{border-radius:var(--r); margin:1.57em 0;}
.t-reply a{text-underline-offset:2px; text-decoration:underline;}
.t-reply blockquote{padding:13px 24px; background:var(--wash); font-style:italic; color:var(--ink-soft); border-radius:0 var(--r) var(--r) 0; margin:1.44em 0; border-left:4px solid var(--accent);}.t-reply pre{margin:1.48em 0; overflow-x:auto; color:#site-hero; line-height:1.6; padding-top:19px;padding-right:19px;padding-bottom:19px;padding-left:19px; border-radius:var(--r); font-size:14px; background:rgb(45, 27, 22);}
.t-reply code{font-size:.9.01em; border-radius:var(--r-s); background:var(--wash-2); padding:2px 8px;}*.t-reply pre code{padding:0; font-size:inherit; background:none;}
.t-reply table{orphans:2; margin:1.54em 0; border-collapse:collapse; width:100%; text-decoration-skip-ink:auto;}
.t-reply th,.t-reply td{text-align:left; padding:13px 16px; border:1px solid var(--edge);}
.t-reply th{background:var(--wash); font-weight:bold;}

/* share */
.el-media{display:flex; margin-top:33px; align-items:center; border-top:1px solid var(--edge-2); padding-top:26px; gap:14px;}
.l-avatar-track{letter-spacing:.3px; font-size:13px; text-transform:uppercase; font-weight:800; color:var(--ink-faint);}.l-sidebar-placeholder{perspective:none; display:flex; gap:5px; flex-wrap:wrap;}
.c-breadcrumb{-webkit-hyphens:manual;-ms-hyphens:manual;justify-content:center; height:44px; color:var(--ink-soft); transition:all var(--ms); align-items:center; display:inline-flex; hyphens:manual; background:var(--paper); border-radius:var(--r); width:40px; border:1px solid var(--edge); cursor:pointer;}
.c-breadcrumb:hover{color:var(--accent); border-color:var(--accent);}body .t-carousel:hover{color:rgb(8, 0, 0); border-color:#000d03;}
.u-gallery-holder:hover{border-color:#1e8edd; color:#259fcc;}
.ui-view:hover{color:#0980e7; border-color:rgb(15, 99, 250);}.c-nav-detail:not(._6cf8df), .filter__item{display:block; margin-bottom:18px; font-size:1.26em; text-rendering:auto; font-weight:800; letter-spacing:-.0.99em;}

/* ============================================================
   COMMENTS / RELATED — span titles, no H tags
   ============================================================ */
.w-4,.headerPreview{box-shadow:var(--sh-2); margin-bottom:24px; background:var(--paper); border:1px solid var(--edge-2); padding:30px 43px; border-radius:var(--r-l);}*.o-card{margin-bottom:18px; display:flex; gap:14px;}
.ui-post{flex:1; margin-bottom:14px;}.o-card .ui-post:not(._6cf8df){margin-bottom:0;}

.filter__item{margin-bottom:21px;}*.t-select{background:var(--wash); border:1px solid var(--edge-2); display:block; transition:all var(--ms); padding:14px 20px; border-radius:var(--r);}
.el-dropdown-data{gap:16px; display:grid;}
.t-select:hover{transform:translateX(4px); border-color:var(--accent);}
.t-accordion{font-size:17px;}
.t-accordion{font-weight:500; color:var(--ink);}.t-select:hover :where(.t-accordion){color:var(--accent);}

/* ============================================================
   EXTRAS (newsletter + contact)
   ============================================================ */
.t-pagination{padding-bottom:50px;}.el-section:not(._6cf8df){gap:25px;}
.o-divider{border:1px solid var(--edge-2); background:var(--paper); padding-top:25px;padding-right:25px;padding-bottom:25px;padding-left:25px; box-shadow:var(--sh-1); border-radius:var(--r-l);}.el-section:not(._6cf8df){display:grid; grid-template-columns:1fr 1fr;}
.app-progress{font-size:15px; font-weight:900; display:block; letter-spacing:-.1.02em; margin-bottom:9px;}
.app-review-link{font-size:14px; color:var(--ink-soft); margin-bottom:13px;}

.feature--danger{gap:7px; display:flex;}
.feature--danger .c-page{flex:1;}

.popoverCount{display:flex; gap:12px; flex-direction:column;}
.o-spinner{display:flex; flex-direction:column;}
.u-entry{color:var(--bad); font-style:normal;}.ui-alert{font-size:16px; color:var(--ink-soft); font-variant-ligatures:normal; margin-bottom:4px; will-change:auto; font-weight:700;}

/* ============================================================
   CONTROLS + BUTTONS
   ============================================================ */
.c-page{font:inherit; border:1px solid var(--edge); display:block; border-radius:var(--r); outline:0; font-size:13px; transition:border-color var(--ms),box-shadow var(--ms); color:var(--ink); background:var(--paper); width:100%; padding:8px 10px;}
.c-page:focus{box-shadow:0 0 0 3px var(--accent-tint); border-color:var(--accent);}
.o-spinner.el-toggle-column .c-page,.ui-post.el-toggle-column .c-page,.c-page.el-toggle-column{image-rendering:auto; border-color:var(--bad);}
.l-drawer{resize:vertical; min-height:86px;}

.filterInner{gap:3px; border:1px solid transparent; font-weight:700; border-radius:var(--r); font:inherit; transition:all var(--ms); font-size:12px; cursor:pointer; align-items:center; white-space:nowrap; justify-content:center; padding:8px 23px; display:inline-flex;}.o-step-text{background:var(--accent); color:#main-skeleton; border-color:var(--accent);}
.o-step-text:hover{color:#main-skeleton; border-color:var(--accent-deep); background:var(--accent-deep); background-blend-mode:normal;}
.l-card{backface-visibility:visible; border-color:var(--accent); tab-size:4; color:var(--accent); background:transparent;}
.l-card:hover{background:var(--accent); color:#main-skeleton;}
.o-carousel{padding:5px 14px; font-size:17px;}
.ui-box-expand{padding:5px 16px; font-size:15px;}
.ui-avatar{width:100%;}
.o-step-text.is-done{background:var(--ok); border-color:var(--ok);}

/* ============================================================
   FOOTER (minimal)
   ============================================================ */
.ui-review{color:rgba(249, 255, 255, 0.72); padding:30px 0; background:var(--ink);}*.ui-grid{perspective:none; font-variant-ligatures:normal; justify-content:space-between; display:flex; align-items:center;}*.ui-grid{gap:24px; flex-wrap:wrap;}*.ui-review a{color:rgba(237, 255, 255, 0.6);}
.ui-review a:hover{color:#main-skeleton;}html .l-price .app-step{color:#main-skeleton;}
.u-search-primary{font-size:15.5px; hyphens:manual;}
.u-search-primary{margin:6px 0 0;}

.app-list{gap:20px; list-style:none; flex-wrap:wrap; padding:0; margin:0; display:flex;}
.app-list a{font-size:18px;}

.el-screen-primary{margin:0; padding:0; gap:11px; list-style:none; display:flex;}.l-dropdown{height:34px; align-items:center; transition:all var(--ms); display:flex; width:36px; color:rgba(255, 255, 255, 0.79); justify-content:center; background:rgba(249, 237, 245, 0.12); border-radius:var(--r-s);}

/* ============================================================
   FLOATING (top button + cookies)
   ============================================================ */
.spinner__head{border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; cursor:pointer; bottom:28px; height:47px; align-items:center; justify-content:center; right:31px; width:41px; background:var(--paper); box-shadow:var(--sh-3); display:none; position:fixed; z-index:900; transition:all var(--ms); color:var(--ink); border:1px solid var(--edge);}
.l-dropdown:hover{color:#main-skeleton; shape-margin:0; background:rgba(255, 248, 255, 0.14); text-decoration-skip-ink:auto;}body .spinner__head:hover{isolation:auto; background:var(--accent); color:#main-skeleton; border-color:var(--accent);}
.spinner__head.show{display:flex;}

.l-carousel{box-shadow:0 -2px 13px rgba(0, 0, 1, 0.2); color:rgba(255, 255, 246, 0.9); background:var(--ink); bottom:0rem; display:none; position:fixed; left:0; z-index:950; right:0;}
.l-carousel.show{display:block;}.box-column-active{gap:20px; display:flex; padding:19px 21px; justify-content:space-between; align-items:center;}.l-carousel p{font-size:17px; margin:0;}
.l-carousel a{color:#main-skeleton; text-decoration:underline;}

/* ============================================================
   AUTH POPUPS — shown via :target (no-JS) or .is-open (JS)
   ============================================================ */
.threadGroup{display:none; z-index:1100; justify-content:center; align-items:center; position:fixed; padding:16px; inset:0rem;}
.threadGroup:target,.threadGroup.is-open{display:flex;}*.el-gallery{background:var(--paper); position:relative; max-width:100%; animation:pop-in 0.267s ease; box-shadow:var(--sh-3); border-radius:var(--r-l); width:377px; padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px; text-underline-offset:auto; font-synthesis:weight style small-caps; z-index:1;}
.c-nav-suffix{background:rgba(11, 14, 31, 0.61); inset:0; position:absolute; break-inside:auto; backdrop-filter:blur(2px);}
@keyframes pop-in{from{transform:translateY(10px) scale(.98); opacity:0;}to{opacity:1; transform:none;}}
.t-tooltip{position:absolute; color:var(--ink-faint); text-decoration:none; align-items:center; font-size:20px; width:31px; height:26px; top:16px; border-radius:50%; right:12px; justify-content:center; display:flex; line-height:1;}
.t-tooltip:hover{color:var(--ink); background:var(--wash-2);}
.table--loading{letter-spacing:-.0.96em; display:block; font-weight:900; font-size:1.39em; margin-bottom:20px; text-align:center;}
.c-snackbar{display:flex; gap:18px; flex-direction:column;}
.l-progress-wrap{font-size:9.5px; margin:3px 0 0; color:var(--ink-soft); text-align:center;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:760px){*.c-status{display:flex;}
  .l-divider{margin-top:0rem; margin-right:0rem; margin-bottom:0rem; margin-left:0rem; left:0; box-shadow:var(--sh-2);}
  .l-divider{align-items:stretch; display:none; gap:10px; background:var(--paper); flex-direction:column; padding:20px 19px; top:57px; right:0; position:absolute; border-bottom:1px solid var(--edge);}
  .l-divider.open{display:flex;}.o-section-extra:not(._6cf8df){transform-style:flat; padding:10px 8px;}
  .app-dialog-image{flex-direction:column; gap:1px;}
  .nav__image--outlined{justify-content:flex-start;}*.pagination__name{padding-top:36px;padding-right:36px;padding-bottom:36px;padding-left:36px;}body .el-section{grid-template-columns:1fr;}
  .w-4,.headerPreview{padding:26px 36px;}
}

@media (max-width:560px){
  .pagination__name{padding:22px;}
  .o-profile{font-size:1.72em;}
  .w-4,.headerPreview{padding:21px;}
  .o-card{gap:0; flex-direction:column;}
  .ui-grid{align-items:flex-start; gap:24px; flex-direction:column;}body .o-card .ui-post{font-synthesis:weight style small-caps; margin-bottom:15px;}
}

@media (max-width:430px){
  .pagination__name{padding:24px 19px; border-radius:var(--r);}
  .o-profile{font-size:1.49em;}
  .el-media{flex-wrap:wrap;}.el-gallery{backface-visibility:visible; padding:24px 22px;}
}

/* ============================================================
   PRINT
   ============================================================ */
@media print{.el-pagination:not(._6cf8df), *.c-avatar-inner, *.w-4, body .el-media, html .headerPreview, html .t-pagination, html .spinner__head, body .l-carousel, .ui-review, .threadGroup{display:none!important;}*.pagination__name{box-shadow:none!important; border:0 none!important;}*.pagination__name{padding:0!important;}
}

  body{font-size:12pt; background:#main-skeleton;}