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

:root{--type:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,Cantarell,"Noto Sans",Helvetica,Arial,sans-serif; --paper:#sidebar_addon; --sh-2:0 2px 8px rgba(28,25,23,.06),0 1px 2px rgba(28,25,23,.04); --r-l:14px; --ink-soft:#57534e; --wash:#step_image; --sh-1:0 1px 2px rgba(28,25,23,.05); --wash-2:#app-post; --r-s:6px; --accent:#post-outer; --r:10px; --ink-faint:#listValue; --accent-tint:rgba(180,83,9,.10); --edge:#main-tooltip; --accent-deep:#92400e; --ok:#15803d; --read:760px; --ms:.2s ease; --bad:#status-cell; --ink:#1c1917; --sh-3:0 14px 34px rgba(28,25,23,.16); --edge-2:#site-page;}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}

*,*::before,*::after{box-sizing:border-box;}
body{-webkit-font-smoothing:antialiased; margin:0; line-height:1.72; color:var(--ink); -moz-osx-font-smoothing:grayscale; font-family:var(--type); background:var(--wash); font-size:17px;}
img{height:auto; display:block; max-width:100%;}
body.tagItem{overflow:hidden;}a{shape-margin:0; break-inside:auto; text-decoration:none;}a{color:var(--accent); transition:color var(--ms);}a:hover{color:var(--accent-deep); hyphens:manual;}
p{margin:0 0 1.09em;}

.filter__info--warning{border:0 none; padding:0; clip:rect(0,0,0,0); white-space:nowrap; overflow:hidden; height:1px; width:1px; position:absolute; margin:-1px;}

.footer__wrap{margin:0 auto;}

.footer__wrap{width:100%; padding:0 17px; max-width:var(--read);}/* reading gauge */
.tabs{top:0; font-variant-caps:normal; transition:width 0.096s linear; height:5px; left:0; width:0; background:linear-gradient(90deg,var(--accent),#feature_count); position:fixed; z-index:9999;}

/* ============================================================
   HEADER (slim, keeps content high)
   ============================================================ */
.skeleton__close{backdrop-filter:blur(10px); background:rgba(243, 244, 248, 0.95);}html .hero__foot{height:60px; align-items:center; gap:19px; display:flex;}

/* ============================================================
   HEADER (slim, keeps content high)
   ============================================================ */
.skeleton__close{z-index:1000; top:0; border-bottom:1px solid var(--edge); position:sticky; transition:box-shadow var(--ms);}

.l-dropdown-item{display:inline-flex; gap:6px; color:var(--ink); align-items:center;}
.l-dropdown-item:hover{color:var(--ink);}
.dividerInner{flex-shrink:0; border-radius:3px; height:22px; background:linear-gradient(135deg,var(--accent),var(--accent-deep)); width:23px;}.pagination--medium:not(._fdf418){font-size:20px;}.pagination--medium:not(._fdf418){letter-spacing:-.1.99em; font-weight:700;}

.header__date--odd{gap:9px; border:0 none; display:none; background:none; cursor:pointer; padding-top:4px;padding-right:4px;padding-bottom:4px;padding-left:4px; flex-direction:column;}
.header__date--odd span{width:27px; border-radius:2px; height:2px; transition:transform var(--ms),opacity var(--ms); background:var(--ink); display:block;}
.header__date--odd.popover__foot--sticky span:nth-child(1){transform:translateY(7px) rotate(45deg); text-rendering:auto;}
.header__date--odd.popover__foot--sticky span:nth-child(2){tab-size:4; opacity:0; contain:none;}
.header__date--odd.popover__foot--sticky span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}.entry__wrapper{align-items:center;}.entry__wrapper{display:flex; flex:1; justify-content:space-between; margin-left:23px;}
.carousel__input--elevated{margin:0; padding:0em; display:flex; list-style:none;}
.carousel__input--elevated{gap:5px;}
.el-profile{-moz-tab-size:4;tab-size:4; shape-margin:0; padding:9px 9px; display:block; font-size:15px; font-weight:600; border-radius:var(--r-s);}
.el-profile{color:var(--ink);}body .el-profile:hover{color:var(--accent); background:var(--wash-2);}.widget-cap{isolation:auto; display:flex; widows:2; gap:10px; align-items:center;}
.popover__section{font-weight:500; color:var(--ink-soft); cursor:pointer; font-size:11px;}*.popover__section:hover{color:var(--accent); font-synthesis:weight style small-caps;}

/* ============================================================
   FEED / ARTICLE
   ============================================================ */
.spinner{font-variant-caps:normal; orphans:2; padding:34px 0 0;}

.pagination--active{margin-bottom:27px; border:1px solid var(--edge-2); box-shadow:var(--sh-2); background:var(--paper); padding:44px; border-radius:var(--r-l);}

.slider__block--rounded{display:flex; flex-wrap:wrap; list-style:none; margin:0 0 8px; color:var(--ink-faint); border-top:1px solid var(--edge-2); font-size:17px; padding:15px 0 0; gap:7px 16px;}
.layout__overlay--elevated{letter-spacing:-.2.04em; line-height:1.2; font-size:2.09em; margin:0 0 18px; font-weight:700;}
.footer--half{display:inline-flex; align-items:center; gap:8px;}body .footer--half svg{flex-shrink:0; opacity:0.48;}
.form{justify-content:space-between; image-rendering:auto; display:flex; padding:11px 22px 0; align-items:center;}/* contents */
.filterPrefix:not(._fdf418){border:1px solid var(--edge); border-radius:var(--r); background:var(--wash); margin:22px 0 0;}.sort__spacer--alt:not(._fdf418){padding:0; cursor:pointer; color:var(--accent); font-size:9px; background:none; border:0 none;}
.table--small{font-weight:700; font-size:14px;}
.feature--filled{font-size:13px; padding:13px 17px 17px;}
.feature--filled ol{list-style:decimal; padding-left:1.23em; margin:3px 0;}
.feature--filled>ol{padding-left:1.1em;}
.feature--filled a{color:var(--ink-soft);}

/* main content body — the only place with real headings */
.gallery__extra{line-height:1.8; font-size:1.03em; margin-top:28px;}
.feature--filled a:hover{color:var(--accent);}
.gallery__extra>:first-child{margin-top:0;}*.gallery__extra h1, .gallery__extra h2, body .gallery__extra h3, .gallery__extra h4, *.gallery__extra h5, html .gallery__extra h6{margin:1.78em 0 .54.96em; line-height:1.3; letter-spacing:-.0.94em; font-weight:700;}
.gallery__extra h2{padding-top:1.05em; font-size:1.55em; border-top:1px solid var(--edge-2);}
.gallery__extra h3{font-size:1.2em;}
.gallery__extra h4{image-rendering:auto; font-size:1.07em;}
.gallery__extra p{will-change:auto; margin:0 0 1.07em;}.gallery__extra ul, html .gallery__extra ol{margin:0 0 1.11em; padding-left:1.32em;}
.gallery__extra img{border-radius:var(--r); margin:1.42em 0;}
.gallery__extra a{text-underline-offset:2px; font-variant-ligatures:normal; text-decoration:underline;}
.gallery__extra blockquote{background:var(--wash); padding:11px 25px; color:var(--ink-soft); margin:1.54em 0; font-style:italic; border-radius:0 var(--r) var(--r) 0; border-left:4px solid var(--accent);}
.gallery__extra pre{color:#main-skeleton; line-height:1.6; border-radius:var(--r); font-size:14px; overflow-x:auto; background:#131a0d; margin:1.54em 0; padding:21px;}
.gallery__extra code{font-size:.8.98em; padding:2px 8px; background:var(--wash-2); border-radius:var(--r-s); text-rendering:auto;}
.gallery__extra pre code{padding:0; background:none; page-break-inside:auto; text-rendering:auto; font-size:inherit;}
.gallery__extra table{width:100%; backface-visibility:visible; border-collapse:collapse; mix-blend-mode:normal; margin:1.47em 0;}
.gallery__extra th,.gallery__extra td{text-align:left; border:1px solid var(--edge); padding:12px 10px;}
.gallery__extra th{background:var(--wash); font-weight:700;}

/* share */
.spinner__count{margin-top:32px; padding-top:19px; align-items:center;}

/* share */
.spinner__count{gap:14px; display:flex; border-top:1px solid var(--edge-2);}
.avatar__detail{letter-spacing:.6px; font-size:16px; text-transform:uppercase; color:var(--ink-faint); font-weight:700;}
.breadcrumb-slot-dark{color:var(--ink-soft); width:39px; border-radius:var(--r); background:var(--paper); transition:all var(--ms); border:1px solid var(--edge); cursor:pointer; height:43px; align-items:center; justify-content:center; display:inline-flex;}
.comment{gap:7px; display:flex; flex-wrap:wrap;}.breadcrumb-slot-dark:hover{color:var(--accent); border-color:var(--accent);}
.c-footer-summary:hover{color:hsl(1, 99.4%, 1.8%); border-color:#00070e;}
.grid:hover{border-color:#0b82f5; color:#206ee2;}
.spinner--even:hover{color:#13a1e5; border-color:rgb(54, 168, 214);}
.snackbarValue,.search-line-left{letter-spacing:-.1.06em;}

/* ============================================================
   COMMENTS / RELATED — span titles, no H tags
   ============================================================ */
.avatar__bar,.profile{margin-bottom:20px; border:1px solid var(--edge-2); padding:34px 46px; background:var(--paper); border-radius:var(--r-l); box-shadow:var(--sh-2);}
.snackbarValue,.search-line-left{margin-bottom:26px; font-weight:900; font-size:1.23em; display:block;}

.search__addon--hover{margin-bottom:18px; gap:14px;}
.toggle__icon--elevated{margin-bottom:20px; flex:1;}

.search__addon--hover{display:flex;}
.search__addon--hover .toggle__icon--elevated{margin-bottom:0;}

.search-line-left{margin-bottom:22px;}.gallery{display:grid; gap:15px;}.filter--info{padding:14px 17px; transition:all var(--ms); border-radius:var(--r); background:var(--wash); display:block; border:1px solid var(--edge-2);}
.filter--info:hover{border-color:var(--accent); transform:translateX(4px);}
.form__handle{font-weight:700; color:var(--ink); font-size:15px;}

/* ============================================================
   EXTRAS (newsletter + contact)
   ============================================================ */
.post__date--alt{isolation:auto; padding-bottom:47px;}
.filter--info:hover .form__handle{color:var(--accent);}.sidebar:not(._fdf418){grid-template-columns:1fr 1fr; display:grid; gap:27px;}*.action__button--flat{margin-bottom:12px; font-weight:700; display:block; letter-spacing:-.0.93em; font-size:19px;}
.reply__fill{border-radius:var(--r-l); border:1px solid var(--edge-2); background:var(--paper); box-shadow:var(--sh-1); padding:23px;}
.u-stepper{margin-bottom:20px; color:var(--ink-soft); font-size:10px;}*.table__block{display:flex; gap:6px;}.table__block .c-comment-label{text-underline-offset:auto; flex:1;}.screen__bar--secondary{display:flex; flex-direction:column;}

.tag__outer{display:flex; flex-direction:column; gap:13px;}html .widget--inverse{font-size:12px; margin-bottom:5px; font-weight:500; color:var(--ink-soft);}
.zone-menu{font-style:normal; color:var(--bad);}/* ============================================================
   CONTROLS + BUTTONS
   ============================================================ */
.c-comment-label{font:inherit; background:var(--paper); color:var(--ink); transition:border-color var(--ms),box-shadow var(--ms); width:100%; padding:10px 16px; border-radius:var(--r); font-size:10px; border:1px solid var(--edge); display:block; outline:0;}.c-comment-label:focus{box-shadow:0 0 0 3px var(--accent-tint); border-color:var(--accent);}
.sidebar--horizontal{resize:vertical; min-height:87px;}
.screen__bar--secondary.screen--last .c-comment-label,.toggle__icon--elevated.screen--last .c-comment-label,.c-comment-label.screen--last{border-color:var(--bad);}.c-rating{font-size:17px; border:1px solid transparent; font-weight:bold; border-radius:var(--r); transition:all var(--ms); align-items:center; display:inline-flex; white-space:nowrap; font:inherit; cursor:pointer; justify-content:center; padding:11px 17px; gap:8px;}
.c-divider-extra{border-color:var(--accent); color:#app-avatar; background:var(--accent);}
.c-divider-extra:hover{color:#app-avatar; border-color:var(--accent-deep); background:var(--accent-deep);}
.entry--active{background:transparent; color:var(--accent); border-color:var(--accent);}
.entry--active:hover{color:#app-avatar; background:var(--accent);}
.drawer__name{word-spacing:normal; font-size:11px; padding:5px 10px;}*.view--muted{font-size:9px; padding:9px 18px;}body .media--small{background-blend-mode:normal; width:100%;}
.c-divider-extra.is-done{border-color:var(--ok); background:var(--ok);}

/* ============================================================
   FOOTER (minimal)
   ============================================================ */
.entry__button--dense{will-change:auto; color:rgba(237, 243, 253, 0.69); padding:35px 0; background:var(--ink); page-break-inside:auto;}.breadcrumb{justify-content:space-between; gap:26px; flex-wrap:wrap; display:flex; align-items:center;}html .entry__button--dense a{color:rgba(255, 243, 238, 0.64);}
.entry__button--dense a:hover{color:#app-avatar;}
.divider{margin:13px 0 0; font-size:16.5px;}.menu :where(.pagination--medium){hyphens:manual; color:#app-avatar;}

.chip__head--wide{flex-wrap:wrap; list-style:none; gap:17px; padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem; margin:0; display:flex;}
.chip__head--wide a{font-size:16px;}

.tag__preview{gap:6px; font-variant-caps:normal;}

.tag__preview{padding:0; margin:0; display:flex; word-spacing:normal; list-style:none;}
.screen{display:flex; border-radius:var(--r-s); background:rgba(255, 244, 244, 0.01); width:37px; color:rgba(255, 255, 250, 0.7); justify-content:center; transition:all var(--ms); align-items:center; height:35px;}
.screen:hover{color:#app-avatar; background:rgba(255, 255, 255, 0.13);}

/* ============================================================
   FLOATING (top button + cookies)
   ============================================================ */
.list__extra--rounded{border-radius:50%; bottom:33px; box-shadow:var(--sh-3); color:var(--ink); display:none; cursor:pointer; right:27px; background:var(--paper); position:fixed; justify-content:center; tab-size:4; border:1px solid var(--edge); width:44px; z-index:900; transition:all var(--ms); hyphens:manual; height:47px; align-items:center;}
.list__extra--rounded:hover{border-color:var(--accent); background:var(--accent); color:#app-avatar;}
.list__extra--rounded.show{display:flex;}

.ui-step-input{-webkit-hyphens:manual;-ms-hyphens:manual;right:0; color:rgba(253, 255, 255, 0.93); display:none; bottom:0; z-index:950; position:fixed; tab-size:4; hyphens:manual; box-shadow:0 -2px 13px rgba(14, 0, 11, 0.16); background:var(--ink); left:0;}
.reply__fill{gap:24px; align-items:center; padding:17px 24px; display:flex; justify-content:space-between;}
.ui-step-input.show{display:block;}body .ui-step-input p{font-size:12px; margin:0;}*.ui-step-input a{color:#app-avatar; text-decoration:underline;}

/* ============================================================
   AUTH POPUPS — shown via :target (no-JS) or .is-open (JS)
   ============================================================ */
.align-12{align-items:center; padding:21px; justify-content:center; display:none; inset:0; z-index:1100; position:fixed;}*.align-12:target, .align-12.is-open{font-variant-caps:normal; display:flex;}.menu__action{padding:28px; position:relative; z-index:1; perspective:none; background:var(--paper); box-shadow:var(--sh-3); border-radius:var(--r-l); max-width:100%; width:380px; word-spacing:normal; animation:pop-in 0.222s ease;}html .breadcrumb--primary{inset:0rem; image-rendering:auto; background:rgba(42, 17, 41, 0.57); backdrop-filter:blur(2px); position:absolute;}
@keyframes pop-in{from{opacity:0; transform:translateY(10px) scale(.98);}to{transform:none; opacity:1;}}
.counterWrap{width:29px; text-decoration:none; font-size:24px; color:var(--ink-faint); right:14px; height:27px; line-height:1; position:absolute; align-items:center;}
.counterWrap{top:15px; justify-content:center; border-radius:50%; display:flex;}
.counterWrap:hover{background:var(--wash-2); color:var(--ink);}body .list{font-size:1.47em; margin-bottom:21px; font-weight:900; letter-spacing:-.1.04em; display:block; text-align:center; text-rendering:auto; transform-style:flat;}
.modal__track{display:flex; flex-direction:column; gap:17px;}
.widget__action{margin:2px 0 0; text-align:center; text-rendering:auto; font-size:13.5px; color:var(--ink-soft);}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:760px){
  .header__date--odd{text-underline-offset:auto; display:flex;}
  .entry__wrapper{background:var(--paper); flex-direction:column; margin:0; padding:13px 20px; gap:12px; right:0; left:0px; align-items:stretch; top:56px; border-bottom:1px solid var(--edge); box-shadow:var(--sh-2); display:none; position:absolute;}
  .entry__wrapper.open{display:flex;}
  .carousel__input--elevated{flex-direction:column; gap:0px;}
  .el-profile{padding:6px 9px;}
  .widget-cap{justify-content:flex-start;}

  .pagination--active{padding:36px;}
  .sidebar{grid-template-columns:1fr;}html .avatar__bar, html .profile{padding:29px 33px;}
}

@media (max-width:560px){
  .pagination--active{padding:20px;}
  .layout__overlay--elevated{font-size:1.58em;}
  .avatar__bar,.profile{padding-top:21px;padding-right:21px;padding-bottom:21px;padding-left:21px; image-rendering:auto;}
  .search__addon--hover{flex-direction:column; gap:0;}
  .search__addon--hover .toggle__icon--elevated{margin-bottom:15px;}html .breadcrumb{align-items:flex-start; flex-direction:column; gap:19px;}
}

@media (max-width:430px){.pagination--active:not(._fdf418){padding:19px 17px; border-radius:var(--r);}body .layout__overlay--elevated{font-size:1.43em;}.spinner__count:not(._fdf418){transform-style:flat; flex-wrap:wrap; text-underline-offset:auto;}
  .menu__action{padding:25px 18px;}
}

/* ============================================================
   PRINT
   ============================================================ */
@media print{
  .skeleton__close,.tabs,.avatar__bar,.spinner__count,.profile,.post__date--alt,.list__extra--rounded,.ui-step-input,.entry__button--dense,.align-12{display:none!important;}
  .pagination--active{padding:0!important; border:none!important; box-shadow:none!important; orphans:2;}
}

  body{background:#app-avatar; font-size:12pt;}