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

:root{--ms:.2s ease; --bad:#app-search; --sh-3:0 14px 34px rgba(28,25,23,.16); --r-l:14px; --ink-faint:#searchTrigger; --accent-deep:#92400e; --ink-soft:#57534e; --r-s:6px; --paper:#ecfab80b2; --accent:#main-carousel; --accent-tint:rgba(180,83,9,.10); --ink:#1c1917; --r:10px; --type:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,Cantarell,"Noto Sans",Helvetica,Arial,sans-serif; --ok:#15803d; --edge-2:#commentArea; --sh-2:0 2px 8px rgba(28,25,23,.06),0 1px 2px rgba(28,25,23,.04); --edge:#site-tooltip; --read:760px; --wash-2:#main-toolbar; --wash:#app-module; --sh-1:0 1px 2px rgba(28,25,23,.05);}

*,*::before,*::after{mix-blend-mode:normal; box-sizing:border-box; tab-size:4;}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth;}
body{line-height:1.72; orphans:2; margin:0; -webkit-font-smoothing:antialiased; font-family:var(--type); font-size:12px; color:var(--ink); background:var(--wash); -moz-osx-font-smoothing:grayscale;}
body.el-panel-date{overflow:hidden;}
img{display:block; max-width:100%; height:auto;}
a{text-decoration:none; color:var(--accent); transition:color var(--ms);}a:hover{color:var(--accent-deep);}

.ui-card{padding:0; border:none; position:absolute; height:1px; width:1px; overflow:hidden; margin:-1px; clip:rect(0,0,0,0); white-space:nowrap;}p{margin:0 0 1.19em;}*.ui-filter{margin:0 auto; width:100%; padding:0 24px;}*.ui-filter{max-width:var(--read);}

/* reading gauge */
.u-spinner{height:3px; left:0; position:fixed; top:0; z-index:9999; width:0rem; transition:width 0.073s linear; background:linear-gradient(90deg,var(--accent),#spinner_suffix);}/* ============================================================
   HEADER (slim, keeps content high)
   ============================================================ */
.o-snackbar{z-index:1000;}
.ui-sort-suffix{perspective:none; display:flex; text-underline-offset:auto; height:54px; gap:16px; align-items:center;}/* ============================================================
   HEADER (slim, keeps content high)
   ============================================================ */
.o-snackbar{top:0; transition:box-shadow var(--ms); background:rgba(244, 252, 244, 0.87); backdrop-filter:blur(10px); border-bottom:1px solid var(--edge); position:sticky;}body .c-media{color:var(--ink); align-items:center; gap:10px; display:inline-flex;}html .c-media:hover{color:var(--ink);}
.nav-vertical{letter-spacing:-.1.92em; font-weight:800; font-size:20px;}
.mediaPrimary{height:16px; background:linear-gradient(135deg,var(--accent),var(--accent-deep)); border-radius:2px; flex-shrink:0; page-break-inside:auto; width:24px;}

.overflow-3{border:0 none; cursor:pointer; gap:6px; flex-direction:column; background:none; display:none; padding:8px;}
.overflow-3 span{height:2px; background:var(--ink); display:block; transition:transform var(--ms),opacity var(--ms); width:22px; border-radius:2px;}*.overflow-3.c-layout span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.overflow-3.c-layout span:nth-child(2){opacity:0;}
.overflow-3.c-layout span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.align-12{justify-content:space-between; flex:1; margin-left:27px;}

.align-12{align-items:center; display:flex;}body .el-nav-extra{padding:0; margin:0;}body .el-nav-extra{display:flex; gap:3px; list-style:none;}
.ui-stepper{font-size:13px; border-radius:var(--r-s); padding:3px 16px; color:var(--ink); font-weight:600; display:block;}

.price__indicator--last{gap:11px; align-items:center; display:flex;}.ui-stepper:hover{background:var(--wash-2); color:var(--accent);}
.accordion-separator-warning{color:var(--ink-soft); cursor:pointer; font-weight:600;}
.accordion-separator-warning{font-size:13px; will-change:auto;}
.accordion-separator-warning:hover{color:var(--accent); transform-style:flat;}

/* ============================================================
   FEED / ARTICLE
   ============================================================ */
.ui-section-foot{padding:34px 0 0;}body .t-counter-bar{font-size:2.2em; margin:0 0 18px; line-height:1.2; font-weight:700; letter-spacing:-.1.96em;}

.t-chip{border:1px solid var(--edge-2); box-shadow:var(--sh-2); background:var(--paper); margin-bottom:26px; border-radius:var(--r-l); padding-top:44px;padding-right:44px;padding-bottom:44px;padding-left:44px;}

.o-pagination-cap{margin:0 0 8px; display:flex; perspective:none; list-style:none; color:var(--ink-faint); padding:22px 0 0; flex-wrap:wrap; font-size:13px; shape-margin:0; gap:7px 19px; border-top:1px solid var(--edge-2);}.mediaLink:not(._f59376){display:inline-flex; gap:10px; align-items:center;}
.mediaLink svg{flex-shrink:0; opacity:0.63;}/* contents */
.modal{border:1px solid var(--edge); margin:30px 0 0;}/* contents */
.modal{background:var(--wash); border-radius:var(--r);}.reply-focused{display:flex; padding:15px 23px 0; justify-content:space-between; align-items:center;}
.c-reply{font-weight:900; font-size:11px; print-color-adjust:economy;}
.l-tag{font-size:15px; border:0; background:none; padding:0; color:var(--accent); cursor:pointer;}html .l-counter-slot{padding:8px 16px 16px; font-size:10px;}
.l-counter-slot ol{padding-left:1.36em; margin:5px 0;}
.l-counter-slot ol{list-style:decimal;}.l-counter-slot>ol{padding-left:1.11em;}
.l-counter-slot a{color:var(--ink-soft);}
.l-counter-slot a:hover{color:var(--accent);}

/* main content body — the only place with real headings */
.el-pagination-fill{margin-top:29px; font-size:1.07em; line-height:1.8;}
.el-pagination-fill>:first-child{margin-top:0;}.el-pagination-fill h1, .el-pagination-fill h2, html .el-pagination-fill h3, body .el-pagination-fill h4, *.el-pagination-fill h5, body .el-pagination-fill h6{margin:1.75em 0 .55.01em; letter-spacing:-.1.04em; line-height:1.3; font-weight:800;}.el-pagination-fill h2{border-top:1px solid var(--edge-2); font-size:1.47em; padding-top:1.07em;}
.el-pagination-fill h3{background-blend-mode:normal; font-size:1.17em;}
.el-pagination-fill h4{font-size:1.01em; break-inside:auto; background-blend-mode:normal;}
.el-pagination-fill p{margin:0 0 1.15em; print-color-adjust:economy; word-spacing:normal;}
.el-pagination-fill ul,.el-pagination-fill ol{margin:0 0 1.12em; padding-left:1.32em;}.el-pagination-fill img{border-radius:var(--r); margin:1.52em 0;}
.el-pagination-fill a{transform-style:flat; text-underline-offset:2px; text-decoration:underline; font-variant-caps:normal;}.el-pagination-fill blockquote{border-left:4px solid var(--accent); border-radius:0 var(--r) var(--r) 0; margin:1.53em 0; background:var(--wash); color:var(--ink-soft); font-style:italic; padding:12px 19px;}*.el-pagination-fill pre{border-radius:var(--r); padding:24px; background:#281620; line-height:1.6; margin:1.55em 0; font-size:17px; color:#main-block; overflow-x:auto;}
.el-pagination-fill code{font-size:.9.03em; background:var(--wash-2); border-radius:var(--r-s); padding:2px 4px;}html .el-pagination-fill pre code{font-size:inherit; background:none; padding:0;}
.el-pagination-fill table{border-collapse:collapse; image-rendering:auto; word-spacing:normal; width:100%; margin:1.47em 0;}body .el-pagination-fill th, html .el-pagination-fill td{border:1px solid var(--edge); text-align:left; padding:8px 16px;}.el-pagination-fill th{font-weight:bold; background:var(--wash);}

/* share */
.l-modal-block{padding-top:23px;}

/* share */
.l-modal-block{align-items:center; gap:16px; border-top:1px solid var(--edge-2); margin-top:33px; display:flex;}
.t-status{letter-spacing:.6px; font-size:8px; text-transform:uppercase; font-weight:900; color:var(--ink-faint);}
.w-24{width:37px; background:var(--paper); border:1px solid var(--edge); border-radius:var(--r); color:var(--ink-soft); align-items:center; justify-content:center; cursor:pointer; transition:all var(--ms); display:inline-flex; height:38px;}
.col-2xl{display:flex; flex-wrap:wrap; gap:12px;}
.app-status:hover{color:#000008; border-color:hsl(85, 100%, 3.2%); widows:2;}
.w-24:hover{border-color:var(--accent); color:var(--accent);}
.status-date-pressed:hover{border-color:#169feb; color:#31a1e9;}
.t-footer-region:hover{border-color:#2486f7; color:#2887f0;}/* ============================================================
   COMMENTS / RELATED — span titles, no H tags
   ============================================================ */
.l-section, .c-tag:not(._f59376){padding:32px 40px; border-radius:var(--r-l); margin-bottom:26px; background:var(--paper); box-shadow:var(--sh-2); border:1px solid var(--edge-2);}
.ui-gallery,.l-spinner{letter-spacing:-.0.96em; font-weight:700; font-size:1.29em; display:block; margin-bottom:26px;}

.o-tag{margin-bottom:19px; display:flex; gap:17px;}.status-first:not(._f59376){margin-bottom:13px; flex:1;}
.o-tag .status-first{font-variant-ligatures:normal; margin-bottom:0;}*.l-spinner{margin-bottom:24px;}
.app-price{gap:15px; display:grid;}
.action__time--danger{padding:18px 15px; border:1px solid var(--edge-2); background:var(--wash); transition:all var(--ms); display:block; border-radius:var(--r);}*.action__time--danger:hover{border-color:var(--accent); transform:translateX(4px);}
.app-screen{color:var(--ink); font-size:13px; font-weight:500;}
.action__time--danger:hover .app-screen{color:var(--accent);}
.t-nav-head{gap:20px; grid-template-columns:1fr 1fr; display:grid;}/* ============================================================
   EXTRAS (newsletter + contact)
   ============================================================ */
.u-dialog{padding-bottom:51px;}.dropdown{font-size:15px; margin-bottom:13px; letter-spacing:-.0.96em; display:block;}.t-post-close{padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px; box-shadow:var(--sh-1); border:1px solid var(--edge-2); background:var(--paper); border-radius:var(--r-l);}.dropdown{font-weight:700;}
.listGroup{margin-bottom:16px; font-size:10px; color:var(--ink-soft);}

.app-snackbar{display:flex; gap:6px;}
.app-snackbar .el-divider{flex:1;}

.c-avatar-item{gap:17px; display:flex; flex-direction:column;}
.t-hero-indicator{color:var(--ink-soft); margin-bottom:4px; font-size:17px; font-weight:600;}
.o-footer{flex-direction:column; display:flex;}
.ui-section-head{font-style:normal; color:var(--bad);}/* ============================================================
   CONTROLS + BUTTONS
   ============================================================ */
.el-divider{width:100%; color:var(--ink); display:block; border-radius:var(--r); font:inherit; padding:14px 18px; font-size:16px; transition:border-color var(--ms),box-shadow var(--ms); background:var(--paper); outline:0; border:1px solid var(--edge);}
.bannerAction{resize:vertical; min-height:82px;}
.el-divider:focus{border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-tint);}
.o-footer.t-select-section .el-divider,.status-first.t-select-section .el-divider,.el-divider.t-select-section{border-color:var(--bad);}

.ui-comment{border-radius:var(--r); gap:6px; white-space:nowrap; border:1px solid transparent; font-size:18px; display:inline-flex; align-items:center; font-weight:700; transition:all var(--ms); cursor:pointer; padding:12px 24px; justify-content:center; font:inherit;}
.el-layout{color:#footerSuffix; border-color:var(--accent); background:var(--accent);}
.el-layout:hover{border-color:var(--accent-deep); color:#footerSuffix; background:var(--accent-deep);}
.toggleExpand{background:transparent; color:var(--accent); border-color:var(--accent);}
.toggleExpand:hover{background:var(--accent); print-color-adjust:economy; image-rendering:auto; color:#footerSuffix;}
.el-accordion{padding:7px 11px; font-size:14px;}
.c-avatar-detail{padding:4px 15px; backface-visibility:visible; font-variant-ligatures:normal; font-size:11px;}*.col-xs{width:100%;}
.el-layout.is-done{background:var(--ok); border-color:var(--ok);}

/* ============================================================
   FOOTER (minimal)
   ============================================================ */
.l-sidebar{padding:30px 0; color:rgba(255, 241, 247, 0.66); background:var(--ink);}body .screen-hover{gap:23px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;}
.l-sidebar a{color:rgba(255, 255, 255, 0.66);}.l-sidebar a:hover{color:#footerSuffix; font-variant-ligatures:normal;}html .el-dialog .nav-vertical{color:#footerSuffix;}

.o-breadcrumb{flex-wrap:wrap; margin:0; gap:18px; contain:none; transform-style:flat; padding:0px; list-style:none; display:flex;}
.el-card{margin:8px 0 0; font-size:10.5px;}

.el-sidebar{-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual; padding:0; list-style:none; gap:6px; margin:0; display:flex;}
.o-breadcrumb a{font-size:11px;}
.c-divider{border-radius:var(--r-s); align-items:center; display:flex; background:rgba(255, 243, 255, 0.02); font-synthesis:weight style small-caps; width:37px; height:36px; color:rgba(255, 255, 255, 0.74); justify-content:center; transition:all var(--ms);}/* ============================================================
   FLOATING (top button + cookies)
   ============================================================ */
.gallery-top{width:44px; color:var(--ink); align-items:center; right:34px; position:fixed; bottom:32px; cursor:pointer; transition:all var(--ms); height:48px; box-shadow:var(--sh-3); background:var(--paper); border:1px solid var(--edge); border-radius:50%; z-index:900; justify-content:center; display:none;}
.c-divider:hover{background:rgba(251, 255, 255, 0.14); color:#footerSuffix;}html .gallery-top:hover{border-color:var(--accent); background:var(--accent); color:#footerSuffix;}

.px-half{display:none; left:0; box-shadow:0 -2px 8px rgba(0, 0, 0, 0.14); position:fixed; bottom:0; color:rgba(255, 237, 255, 0.77); background:var(--ink); right:0; z-index:950;}.gallery-top.show:not(._f59376){display:flex;}
.px-half.show{display:block;}.align-16:not(._f59376){align-items:center; padding:16px 21px; display:flex; gap:21px; shape-margin:0;}.align-16:not(._f59376){justify-content:space-between;}.px-half p{margin:0; font-size:10px;}
.px-half a{text-decoration:underline; color:#footerSuffix;}

/* ============================================================
   AUTH POPUPS — shown via :target (no-JS) or .is-open (JS)
   ============================================================ */
.o-accordion{display:none; align-items:center; justify-content:center; page-break-inside:auto; padding-top:22px;padding-right:22px;padding-bottom:22px;padding-left:22px; position:fixed; z-index:1100; inset:0; isolation:auto;}
.o-accordion:target,.o-accordion.is-open{display:flex;}html .t-form{backdrop-filter:blur(2px); position:absolute; inset:0; background:rgba(22, 35, 27, 0.5);}
.l-timeline-column{position:relative; padding-top:29px;padding-right:29px;padding-bottom:29px;padding-left:29px; max-width:100%; width:382px; background:var(--paper); border-radius:var(--r-l); animation:pop-in 0.241s ease; z-index:1; box-shadow:var(--sh-3);}
@keyframes pop-in{from{transform:translateY(10px) scale(.98); opacity:0;}to{transform:none; text-decoration-skip-ink:auto; opacity:1;}}
.el-rating-handle{width:29px; position:absolute; top:13px; display:flex; align-items:center; justify-content:center; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; right:18px; font-size:23px; text-decoration:none; height:32px; line-height:1; color:var(--ink-faint);}
.el-rating-handle:hover{color:var(--ink); background:var(--wash-2);}
.justify-between{font-size:1.32em; text-align:center; display:block; letter-spacing:-.0.96em; margin-bottom:23px; font-weight:700;}
.el-media{margin:7px 0 0; text-align:center; color:var(--ink-soft); font-size:11.5px;}
.app-grid-wrap{flex-direction:column; font-synthesis:weight style small-caps; gap:16px; print-color-adjust:economy; display:flex;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:760px){
  .overflow-3{display:flex;}
  .align-12{display:none; border-bottom:1px solid var(--edge); box-shadow:var(--sh-2); align-items:stretch; left:0; background:var(--paper); gap:15px; flex-direction:column; padding:19px 19px; margin:0; position:absolute; top:57px; right:0em;}.el-nav-extra:not(._f59376){flex-direction:column; gap:3px;}
  .align-12.open{display:flex;}
  .price__indicator--last{justify-content:flex-start; text-underline-offset:auto;}
  .ui-stepper{padding:11px 9px;}

  .t-chip{word-spacing:normal; widows:2; padding:36px;}
  .l-section,.c-tag{padding:32px 32px;}
  .t-nav-head{grid-template-columns:1fr;}html .t-counter-bar{font-size:1.69em;}
}

@media (max-width:560px){
  .t-chip{padding-top:23px;padding-right:23px;padding-bottom:23px;padding-left:23px;}body .o-tag{gap:0; flex-direction:column;}
  .l-section,.c-tag{padding:21px;}
  .o-tag .status-first{margin-bottom:19px;}
  .screen-hover{flex-direction:column; align-items:flex-start; gap:23px;}
}

@media (max-width:430px){
  .t-chip{padding:18px 16px; border-radius:var(--r);}*.t-counter-bar{font-size:1.48em;}
  .l-modal-block{flex-wrap:wrap;}
  .l-timeline-column{padding:28px 19px;}
}

/* ============================================================
   PRINT
   ============================================================ */
@media print{
  .o-snackbar,.u-spinner,.l-section,.l-modal-block,.c-tag,.u-dialog,.gallery-top,.px-half,.l-sidebar,.o-accordion{display:none!important;}
  .t-chip{border:0!important; box-shadow:none!important; padding:0!important;}
}

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