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

:root{--ink-faint:#gallery_zone; --ink:#1c1917; --accent-tint:rgba(180,83,9,.10); --ok:#15803d; --r:10px; --sh-3:0 14px 34px rgba(28,25,23,.16); --r-l:14px; --wash:#main-search; --r-s:6px; --accent:#avatar_area; --wash-2:#toggle_input; --accent-deep:#92400e; --edge-2:#page-module; --read:760px;}/* ============================================================
   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; --ink-soft:#57534e; --bad:#menu_suffix; --ms:.2s ease; --sh-1:0 1px 2px rgba(28,25,23,.05); --paper:#site-nav; --edge:#action-count; --sh-2:0 2px 8px rgba(28,25,23,.06),0 1px 2px rgba(28,25,23,.04);}

*,*::before,*::after{word-spacing:normal; box-sizing:border-box; font-synthesis:weight style small-caps;}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth;}body.review{backface-visibility:visible; overflow:hidden;}
body{margin:0; font-size:18px; line-height:1.72; font-family:var(--type); color:var(--ink); -moz-osx-font-smoothing:grayscale; background:var(--wash); -webkit-font-smoothing:antialiased;}
img{max-width:100%;}
img{display:block; height:auto;}
a{color:var(--accent); transition:color var(--ms); text-decoration:none; text-decoration-skip-ink:auto;}a:hover{color:var(--accent-deep);}
p{margin:0 0 1.16em;}

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

/* reading gauge */
.dialog--first{text-underline-offset:auto; z-index:9999; position:fixed; width:0; top:0; height:3px; transition:width 0.084s linear; background:linear-gradient(90deg,var(--accent),#breadcrumb_info); word-spacing:normal;}.commentMeta{padding:0 18px; margin:0 auto; width:100%; max-width:var(--read);}

/* reading gauge */
.dialog--first{left:0;}body .page__name--half{display:flex; align-items:center; height:52px; perspective:none; gap:15px;}/* ============================================================
   HEADER (slim, keeps content high)
   ============================================================ */
.step__meta--bottom{border-bottom:1px solid var(--edge); top:0; transition:box-shadow var(--ms); z-index:1000; position:sticky; background:rgba(255, 255, 238, 0.87); backdrop-filter:blur(10px);}html .section{gap:6px; color:var(--ink); display:inline-flex; align-items:center;}
.section:hover{color:var(--ink);}
.el-module{flex-shrink:0; border-radius:1px; height:21px; background:linear-gradient(135deg,var(--accent),var(--accent-deep)); width:22px;}
.badge--center{font-size:20px; word-spacing:normal; font-weight:900; text-rendering:auto; letter-spacing:-.1.93em;}

.o-nav-info{background:none; flex-direction:column; gap:6px; display:none; padding:9px; border:0 none; cursor:pointer;}
.o-nav-info span{background:var(--ink); width:20px; transition:transform var(--ms),opacity var(--ms); border-radius:2px; display:block; height:2px;}
.o-nav-info.rating span:nth-child(1){transform:translateY(7px) rotate(45deg); backface-visibility:visible;}
.o-nav-info.rating span:nth-child(2){opacity:0;}.breadcrumb__addon--wide{align-items:center; justify-content:space-between; display:flex;}*.o-nav-info.rating span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}.breadcrumb__addon--wide{flex:1; widows:2; margin-left:24px;}
.form__tertiary--medium{display:flex; padding:0; list-style:none; gap:0px; margin:0;}
.badge--highlight{display:block; color:var(--ink); font-size:18px; border-radius:var(--r-s); font-weight:700; padding:5px 11px;}

.breadcrumbIndicator{gap:15px; align-items:center; display:flex;}
.badge--highlight:hover{color:var(--accent); background:var(--wash-2);}
.grid--focused{color:var(--ink-soft); font-weight:500; cursor:pointer; font-size:11px;}
.grid--focused:hover{color:var(--accent);}

/* ============================================================
   FEED / ARTICLE
   ============================================================ */
.popover--wide{padding:33px 0 0;}

.post-area{border-radius:var(--r-l); background:var(--paper); padding:48px; contain:none; box-shadow:var(--sh-2); border:1px solid var(--edge-2); margin-bottom:28px;}
.divider{font-weight:900; font-size:2.11em; margin:0 0 20px; line-height:1.2; letter-spacing:-.1.93em;}

.thread{color:var(--ink-faint); margin:0 0 6px; list-style:none; padding:18px 0 0; gap:4px 17px; font-size:13px; flex-wrap:wrap; display:flex; border-top:1px solid var(--edge-2);}.l-footer:not(._a0b69d){display:inline-flex; gap:7px; align-items:center;}
.l-footer svg{flex-shrink:0; opacity:0.61;}
.counterInput{padding:17px 24px 0; backface-visibility:visible; align-items:center; display:flex; justify-content:space-between; break-inside:auto;}/* contents */
.banner__wrapper{border:1px solid var(--edge); margin:23px 0 0; border-radius:var(--r); background:var(--wash);}
.drawer--hover{font-weight:900; font-size:16px;}
.screen--last{background:none; padding:0; color:var(--accent); cursor:pointer; border:0 none; font-size:14px;}html .status__number--bottom{padding:6px 23px 16px; font-size:13px;}
.status__number--bottom ol{margin:1px 0; list-style:decimal; padding-left:1.32em;}html .status__number--bottom>ol{padding-left:1.09em;}
.status__number--bottom a{perspective:none; color:var(--ink-soft); will-change:auto;}
.status__number--bottom a:hover{color:var(--accent);}

/* main content body — the only place with real headings */
.timeline{margin-top:26px; font-size:1.08em; line-height:1.8;}
.timeline>:first-child{margin-top:0;}
.timeline h1,.timeline h2,.timeline h3,.timeline h4,.timeline h5,.timeline h6{font-weight:700; margin:1.73em 0 .54.93em; line-height:1.3; letter-spacing:-.0.93em;}.timeline h2{border-top:1px solid var(--edge-2);}.timeline h2{font-size:1.55em; padding-top:1.1em;}
.timeline h3{font-size:1.32em;}html .timeline h4{font-size:1.01em;}*.timeline p{shape-margin:0; margin:0 0 1.09em;}
.timeline ul,.timeline ol{margin:0 0 1.17em; padding-left:1.32em;}*.timeline img{font-variant-ligatures:normal; margin:1.45em 0; border-radius:var(--r);}
.timeline a{text-underline-offset:2px; text-decoration:underline;}
.timeline blockquote{border-radius:0 var(--r) var(--r) 0; padding:15px 25px; background:var(--wash); color:var(--ink-soft); border-left:4px solid var(--accent); font-style:italic; margin:1.47em 0;}
.timeline pre{margin:1.43em 0; background:#162b0d; overflow-x:auto; border-radius:var(--r); padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px; line-height:1.6; color:#site-spinner; font-size:11px;}
.timeline code{border-radius:var(--r-s); padding:2px 2px; background:var(--wash-2); font-size:.9.01em;}
.timeline pre code{font-size:inherit; padding:0; background:none;}
.timeline table{width:100%; border-collapse:collapse; margin:1.43em 0;}
.timeline th,.timeline td{text-align:left; padding:6px 17px; border:1px solid var(--edge);}
.timeline th{font-weight:bold; background:var(--wash);}

/* share */
.reply--rounded{display:flex; margin-top:30px; padding-top:26px; gap:11px; border-top:1px solid var(--edge-2); align-items:center;}
.screen__number--info{color:var(--ink-faint); font-weight:700; letter-spacing:.9px; font-size:9px; text-transform:uppercase;}
.breadcrumb__date--bottom{cursor:pointer; justify-content:center; width:38px; display:inline-flex; transition:all var(--ms); border:1px solid var(--edge); border-radius:var(--r); align-items:center; color:var(--ink-soft); background:var(--paper); height:42px;}.gallery--info{display:flex; flex-wrap:wrap; gap:7px;}
.breadcrumb:hover{color:#000000; border-color:#120a08;}.breadcrumb__date--bottom:hover{color:var(--accent); border-color:var(--accent);}.panel__outer:hover{border-color:#106dff; color:rgb(44, 112, 244);}
.column-card:hover{color:#32a3d1; border-color:#30b0cf;}/* ============================================================
   COMMENTS / RELATED — span titles, no H tags
   ============================================================ */
.actionPrefix, .box--rounded:not(._a0b69d){background:var(--paper); border:1px solid var(--edge-2); border-radius:var(--r-l); word-spacing:normal; box-shadow:var(--sh-2); padding:30px 43px;}/* ============================================================
   COMMENTS / RELATED — span titles, no H tags
   ============================================================ */
.actionPrefix, .box--rounded:not(._a0b69d){image-rendering:auto; margin-bottom:25px;}
.post,.post--focused{margin-bottom:18px; font-weight:700; display:block; letter-spacing:-.0.93em; font-size:1.23em;}.dropdown--large{display:flex; gap:16px; margin-bottom:17px;}
.heroAction{flex:1; margin-bottom:15px;}body .dropdown--large .heroAction{margin-bottom:0;}

.post--focused{margin-bottom:17px;}body .table{gap:15px; display:grid; break-inside:auto;}body .header__container{padding:10px 14px; background:var(--wash); border:1px solid var(--edge-2); border-radius:var(--r); display:block; transition:all var(--ms);}
.modal--half{font-size:12px; font-weight:500; color:var(--ink); transform-style:flat;}
.header__container:hover{border-color:var(--accent); transform:translateX(4px);}

/* ============================================================
   EXTRAS (newsletter + contact)
   ============================================================ */
.h-5{padding-bottom:49px;}
.header__container:hover .modal--half{color:var(--accent);}
.module__meta{gap:25px; grid-template-columns:1fr 1fr; display:grid;}.reply--rounded:not(._a0b69d){padding:25px; border-radius:var(--r-l); backface-visibility:visible; background:var(--paper); box-shadow:var(--sh-1); border:1px solid var(--edge-2); text-decoration-skip-ink:auto;}*.avatar__placeholder{font-weight:700; letter-spacing:-.0.97em; margin-bottom:14px; font-variant-ligatures:normal; font-size:12px; display:block;}
.card{margin-bottom:13px; color:var(--ink-soft); font-size:12px;}

.u-hero-addon{display:flex; gap:9px;}
.u-hero-addon .spinner--compact{flex:1; text-rendering:auto;}.header{display:flex; flex-direction:column; gap:16px;}
.accordion{flex-direction:column; display:flex;}
.price--horizontal{margin-bottom:3px; font-weight:700; font-size:15px; color:var(--ink-soft);}
.comment{color:var(--bad); font-style:normal;}

/* ============================================================
   CONTROLS + BUTTONS
   ============================================================ */
.spinner--compact{font-size:12px; background:var(--paper); width:100%; border:1px solid var(--edge); color:var(--ink); padding:10px 18px; widows:2; isolation:auto; outline:0; display:block; font:inherit; border-radius:var(--r); transition:border-color var(--ms),box-shadow var(--ms);}
.spinner--compact:focus{box-shadow:0 0 0 3px var(--accent-tint); border-color:var(--accent);}
.popover__detail{min-height:88px; resize:vertical;}
.accordion.comment--narrow .spinner--compact,.heroAction.comment--narrow .spinner--compact,.spinner--compact.comment--narrow{border-color:var(--bad);}

.carousel--empty{gap:3px; justify-content:center; display:inline-flex; transition:all var(--ms); font:inherit; cursor:pointer; align-items:center; padding:14px 20px; border:1px solid transparent; font-weight:bold; font-size:12px; white-space:nowrap; border-radius:var(--r);}
.review--center{color:#main-media; background:var(--accent); border-color:var(--accent);}*.review--center:hover{background:var(--accent-deep); color:#main-media; border-color:var(--accent-deep);}
.dialog__button{transform-style:flat;}
.dialog__button{background:transparent; border-color:var(--accent); color:var(--accent);}
.c-nav-indicator{font-size:17px; padding:6px 13px;}*.dialog__button:hover{background:var(--accent); color:#main-media;}
.my-screen{font-size:9px; word-spacing:normal; padding:8px 10px;}
.badge{width:100%;}
.review--center.is-done{border-color:var(--ok); font-synthesis:weight style small-caps; background:var(--ok); widows:2;}

/* ============================================================
   FOOTER (minimal)
   ============================================================ */
.badge--flat{color:rgba(250, 255, 255, 0.67); background:var(--ink); padding:32px 0;}
.price--small{flex-wrap:wrap; gap:22px; word-spacing:normal; display:flex; align-items:center; justify-content:space-between;}html .badge--flat a{color:rgba(239, 252, 255, 0.63);}
.badge--flat a:hover{color:#main-media; isolation:auto;}
.skeleton__number--odd .badge--center{color:#main-media;}.skeleton{font-size:10.5px; margin:7px 0 0;}*.footer__item{will-change:auto; gap:24px; list-style:none; padding:0; background-blend-mode:normal; display:flex; flex-wrap:wrap; margin:0;}

.accordion__suffix{margin:0; list-style:none; padding:0; gap:14px; display:flex;}
.footer__item a{font-size:10px;}
.rating--large{border-radius:var(--r-s); background:rgba(255, 255, 255, 0.02); align-items:center; color:rgba(237, 243, 246, 0.7); display:flex; justify-content:center; height:40px; transition:all var(--ms); width:41px;}*.rating--large:hover{background:rgba(255, 237, 255, 0.24); color:#main-media;}

/* ============================================================
   FLOATING (top button + cookies)
   ============================================================ */
.section--fixed{align-items:center; right:33px; bottom:32px; border-radius:50%; cursor:pointer; height:44px; background:var(--paper); width:43px; z-index:900; position:fixed; color:var(--ink); justify-content:center; transition:all var(--ms); display:none; box-shadow:var(--sh-3); border:1px solid var(--edge);}
.section--fixed:hover{border-color:var(--accent); background:var(--accent); color:#main-media;}*.section--fixed.show{display:flex;}

.icon-pagination{bottom:0; display:none; right:0; left:0rem; background:var(--ink); box-shadow:0 -2px 14px rgba(0, 0, 13, 0.21); z-index:950; position:fixed; color:rgba(254, 255, 255, 0.92);}
.icon-pagination.show{display:block;}
.panel__suffix{gap:16px; display:flex; justify-content:space-between; align-items:center; padding:15px 16px;}
.icon-pagination p{margin:0; font-size:17px;}/* ============================================================
   AUTH POPUPS — shown via :target (no-JS) or .is-open (JS)
   ============================================================ */
.media--secondary{padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px; align-items:center; inset:0; position:fixed; justify-content:center; display:none; z-index:1100;}.icon-pagination a{color:#main-media; text-decoration:underline;}
.media--secondary:target,.media--secondary.is-open{display:flex;}
.footer__zone{background:rgba(25, 9, 25, 0.63); backdrop-filter:blur(2px);}
.footer__zone{position:absolute; inset:0rem;}
.review-last{padding:28px; max-width:100%; border-radius:var(--r-l); z-index:1; position:relative; box-shadow:var(--sh-3); animation:pop-in 0.192s ease; width:377px; background:var(--paper);}
@keyframes pop-in{from{opacity:0; transform:translateY(10px) scale(.98);}to{transform:none; opacity:1;}}
.c-badge-expand{line-height:1; height:27px; position:absolute; color:var(--ink-faint); border-radius:50%; align-items:center; display:flex; perspective:none; width:28px; text-decoration:none; top:11px; justify-content:center; font-size:24px; right:10px; word-spacing:normal;}
.c-badge-expand:hover{color:var(--ink); background:var(--wash-2);}
.breadcrumb--horizontal{font-size:1.45em; text-align:center; font-weight:800; display:block; margin-bottom:21px; letter-spacing:-.1.08em;}
.bannerContainer{display:flex; gap:18px; flex-direction:column;}
.price__subtitle--muted{margin:8px 0 0; orphans:2; color:var(--ink-soft); text-align:center; font-size:16.5px;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:760px){.o-nav-info{display:flex;}
  .breadcrumb__addon--wide{border-bottom:1px solid var(--edge); gap:16px; flex-direction:column; margin:0em; align-items:stretch; right:0; top:58px; background:var(--paper); left:0; display:none; padding:13px 16px; position:absolute; box-shadow:var(--sh-2);}
  .breadcrumb__addon--wide.open{display:flex; background-blend-mode:normal; isolation:auto;}
  .form__tertiary--medium{gap:6px; flex-direction:column;}.badge--highlight{padding:13px 11px;}

  .post-area{padding-top:35px;padding-right:35px;padding-bottom:35px;padding-left:35px;}
  .breadcrumbIndicator{print-color-adjust:economy; justify-content:flex-start;}.actionPrefix, .box--rounded:not(._a0b69d){padding:28px 29px;}
  .module__meta{grid-template-columns:1fr;}
}

@media (max-width:560px){
  .post-area{padding-top:25px;padding-right:25px;padding-bottom:25px;padding-left:25px;}
  .divider{font-size:1.6em;}
  .dropdown--large{flex-direction:column; gap:0;}.actionPrefix:not(._a0b69d), .box--rounded{padding:25px;}.dropdown--large .heroAction:not(._a0b69d){margin-bottom:13px;}body .price--small{flex-direction:column;}
}

@media (max-width:430px){
  .post-area{border-radius:var(--r); padding:24px 15px;}body .price--small{gap:17px; align-items:flex-start;}html .divider{font-size:1.42em;}
  .reply--rounded{flex-wrap:wrap;}
  .review-last{perspective:none; background-blend-mode:normal; padding:27px 26px;}
}

/* ============================================================
   PRINT
   ============================================================ */
@media print{
  .step__meta--bottom,.dialog--first,.actionPrefix,.reply--rounded,.box--rounded,.h-5,.section--fixed,.icon-pagination,.badge--flat,.media--secondary{display:none!important;}html .post-area{padding:0!important;}html .post-area{box-shadow:none!important; border:0em!important;}body{font-size:12pt; background:#main-media;}
}