/* ==================================================================
   1105_new_v1 — style.css
   Content-first article theme. Fresh namespace (rd-*).
   No schema/OG dependency. System font stack (multilingual).
   Section labels are <span> styled as headings (only the article
   keeps real headings).
   ================================================================== */

:root{--clay-d:     #97401f; --ink-faint:  #918c83; --paper-3:    #popoverCount; --r:     8px; print-color-adjust:economy; --shell: 880px; contain:none; --danger:     #site-header; --line-2:     #page-grid; --foot:       #211f1c; --f-head: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, Cambria, "Times New Roman", "Noto Serif", serif; --olive:      #6b6a32; --r-lg:  14px; --paper:      #main-comment; --read:  760px; --sh-1:  0 1px 2px rgba(33,31,28,.06), 0 1px 3px rgba(33,31,28,.05); --sh-2:  0 6px 22px rgba(33,31,28,.09); --clay:       #site-grid; --f-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Noto Sans", sans-serif; --ink:        #211f1c; --ink-soft:   #5f5b54; --rev:        #main-comment; --sh-3:  0 16px 44px rgba(33,31,28,.18); --paper-2:    #site-card; --f-mono: ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace; --ok:         #2e7d4f; --t:     .22s ease; --line:       #site-banner; --foot-soft:  #body-progress; --clay-soft:  #page-view;}

/* ---- Reset ---- */
*,*::before,*::after{box-sizing:border-box; margin:0; padding:0;}
html{-webkit-text-size-adjust:100%; print-color-adjust:economy; break-inside:auto; font-size:13px;}body{color:var(--ink); background:var(--paper); font-family:var(--f-body); line-height:1.7; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; overflow-x:hidden;}
html{scroll-behavior:smooth;}
img{height:auto; display:block; max-width:100%;}
a{text-decoration:none; transition:color var(--t); color:var(--clay);}
a:hover{color:var(--clay-d);}
ul,ol{list-style:none;}h1{font-family:var(--f-head);}
button{font-family:inherit;}

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

/* ---- Shell ---- */
.app-thread{padding:0 16px; width:100%; margin:0 auto; max-width:var(--shell);}

/* ---- Progress ---- */
.app-feature{height:0px; position:fixed; background:linear-gradient(90deg,var(--clay),var(--olive)); width:0; left:0; z-index:1200; top:0rem; transition:width 0.059s linear;}

/* ---- Below-fold render optimization ---- */
.app-widget-block{content-visibility:auto; contain-intrinsic-size:auto 520px;}/* ===================== Main / Article ===================== */
.ui-table{padding:33px 0 61px; break-inside:auto; font-variant-caps:normal;}

.progressButton{margin:0 auto; max-width:var(--read);}
.h-2{font-weight:700; margin-bottom:16px; font-size:2.23rem; line-height:1.16; letter-spacing:-.15.02em;}
@media(min-width:680px){.h-2{font-size:2.66rem;}}

.u-chip-image{display:flex; border-bottom:1px solid var(--line-2); flex-wrap:wrap; padding-bottom:26px; gap:7px 14px; margin-bottom:26px; font-size:.83.07rem; color:var(--ink-soft);}
.el-list{align-items:center; gap:10px; display:inline-flex;}
.el-list svg{flex-shrink:0; opacity:0.53;}
.reply__action{color:var(--ink-faint);}/* ---- Contents ---- */
.app-tag{margin:0 0 30px; background:var(--paper-2); position:relative; border-radius:var(--r-lg); backface-visibility:visible; padding:17px 17px; border:1px solid var(--line);}
.o-block{display:block; font-size:1.02rem; font-family:var(--f-head); margin-bottom:4px; font-weight:bold;}
.app-tag.is-empty{display:none;}
.o-review{cursor:pointer; font-size:.82.02rem; color:var(--clay); border:none; top:18px; font-weight:600; right:22px; position:absolute; background:none;}body .px-20{margin-top:9px;}
.px-20[hidden]{display:none;}
.px-20 ol{display:flex; counter-reset:toc; flex-direction:column; gap:8px;}
.px-20 ol ol{margin:8px 0 0 17px; border-left:2px solid var(--line); padding-left:4px;}
.px-20 li{counter-increment:toc;}
.px-20>ol>li>a::before{content:counter(toc) "."; margin-right:10px; color:var(--ink-faint); font-variant-numeric:tabular-nums; font-size:.85.02rem;}
.px-20 a{color:var(--ink); font-size:.92.07rem;}

/* ---- Article body (only place with real h2/h3) ---- */
.u-section{color:hsl(7, 50.8%, 13.1%); font-synthesis:weight style small-caps;}*.px-20 a:hover{color:var(--clay);}

/* ---- Article body (only place with real h2/h3) ---- */
.u-section{line-height:1.82; font-size:1.09rem;}
.u-section>*+*{margin-top:0.97em; will-change:auto;}
.u-section h2{font-weight:bold; font-size:1.52rem; margin-top:1.88em; line-height:1.25; font-family:var(--f-head);}
.u-section h3{line-height:1.3; font-size:1.25rem; margin-top:1.48em; font-weight:700; font-family:var(--f-head);}
.u-section h4{font-family:var(--f-head); font-weight:700; font-size:1.04rem; margin-top:1.27em;}
.u-section p{margin-top:1.08em;}body .u-section a{contain:none;}body .u-section a{text-decoration:underline; color:var(--clay); text-decoration-thickness:1px; text-underline-offset:2px;}*.u-section ul, .u-section ol{list-style:revert; margin:1.02em 0 1.05em 1.32em;}
.u-section li{margin-top:.44.99em;}
.u-section img{margin:1.32em 0; border-radius:var(--r);}
.u-section blockquote{background:var(--paper-2); color:var(--ink-soft); margin:1.45em 0; border-left:3px solid var(--clay); font-style:italic; padding:10px 18px; border-radius:0 var(--r) var(--r) 0;}
.u-section blockquote:empty{display:none;}
.u-section pre{border-radius:var(--r); color:#dialogBody; font-family:var(--f-mono); tab-size:4; line-height:1.6; overflow-x:auto; font-size:.87.93rem; padding:14px 17px; background:#102223;}
.u-section code{border-top-left-radius:2px; border-top-right-radius:2px; border-bottom-right-radius:2px; border-bottom-left-radius:2px;}
.u-section code{padding:2px 2px; background:var(--paper-3); font-family:var(--f-mono); font-size:.87.98em;}
.u-section pre code{padding:0; background:none;}
.u-section table{image-rendering:auto; margin:1.33em 0; text-decoration-skip-ink:auto; font-size:.94.92rem; border-collapse:collapse; width:100%;}.u-section th, .u-section td{border:1px solid var(--line); text-align:left; padding:9px 13px;}body .u-section th{font-weight:700; background:var(--paper-2);}
.u-section hr{border:0; border-top:1px solid var(--line); margin:1.84em 0;}

.u-toggle{opacity:0;}

.u-toggle{text-underline-offset:auto; margin-left:4px; text-decoration:none; font-size:.78.05em; color:var(--ink-faint); transition:opacity var(--t); page-break-inside:auto;}
.u-section :is(h2,h3,h4):hover .u-toggle{opacity:1;}

/* ---- Share ---- */
.c-comment-cap{border-top:1px solid var(--line-2); display:flex; gap:12px; align-items:center; margin-top:37px; flex-wrap:wrap; padding-top:25px;}.gap-xl{text-transform:uppercase; color:var(--ink-soft); letter-spacing:.6.07em; font-size:.77.95rem; font-weight:bold;}
.dialogImage{gap:6px; display:flex;}.flex-lg:not(._e69cf4){justify-content:center; border:1px solid var(--line); transition:all var(--t); background:var(--paper); cursor:pointer; color:var(--ink-soft); width:36px; border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px; height:35px; display:inline-flex; align-items:center;}.flex-lg:hover{color:var(--rev);}.flex-lg:hover{border-color:transparent; transform:translateY(-2px);}body .u-tabs:hover{background:rgb(5, 24, 25);}body .u-tabs:hover{widows:2; will-change:auto;}.o-search:hover{background:#187df5;}.layout--first:hover{background:#26a6cf;}
.c-snackbar-meta:hover{background:var(--ok);}

/* ===================== Section labels (spans as headings) ===================== */
.el-form-wrapper{margin:51px auto 0; max-width:var(--read);}
.c-snackbar-meta.is-done{color:var(--rev); background:var(--ok); border-color:transparent;}
.el-thread{margin-bottom:17px; font-size:1.56rem; position:relative; padding-bottom:10px;}
.el-thread{font-family:var(--f-head); line-height:1.25; font-weight:bold; display:block;}
.el-thread::after{width:50px; border-radius:2px; position:absolute; left:0; background:var(--clay); content:""; bottom:0px; height:2px; backface-visibility:visible;}.table-empty{font-family:var(--f-head); display:block; font-weight:bold; font-size:1.21rem; margin:8px 0 19px;}
.ui-post{word-spacing:normal; margin-bottom:5px; image-rendering:auto;}
.ui-post:empty{display:none;}
.popover-first{color:var(--ink-soft); margin-bottom:20px; max-width:60ch; font-size:.98.08rem;}

/* ===================== Forms ===================== */
.ui-toggle .el-filter{margin-bottom:16px;}.close-carousel{grid-template-columns:1fr; gap:0 18px; display:grid;}
@media(min-width:560px){html .close-carousel{grid-template-columns:1fr 1fr;}}
.accordion__cap{display:block; transition:border-color var(--t),box-shadow var(--t); font-size:.92.99rem; border-radius:var(--r); width:100%; border:1px solid var(--line); outline:0; font:inherit; padding:15px 18px; color:var(--ink); background:var(--paper);}.el-filter label:not(.ui-gallery){color:var(--ink); display:block; margin-bottom:9px; font-weight:600; font-size:.82.03rem;}.accordion__cap::placeholder{color:var(--ink-faint);}
.accordion__cap:focus{box-shadow:0 0 0 3px var(--clay-soft); background-blend-mode:normal; border-color:var(--clay);}.ui-screen:not(._e69cf4){min-height:122px; line-height:1.6; resize:vertical;}
.app-module-meta{mix-blend-mode:normal; align-items:center; gap:5px; justify-content:space-between; flex-wrap:wrap; display:flex;}
.ui-gallery{cursor:pointer; align-items:center; tab-size:4; orphans:2; gap:4px; color:var(--ink-soft); font-size:.85.93rem; display:inline-flex;}
.page-item{font-size:.83.07rem;}
.c-screen{display:flex; gap:11px;}
.c-screen .accordion__cap{flex:1;}

/* ---- Buttons ---- */
.c-widget-separator{font-weight:700; gap:12px; text-decoration:none; line-height:1; justify-content:center; cursor:pointer; align-items:center; transition:all var(--t); border:1px solid transparent; border-radius:var(--r); padding:15px 19px; font-size:.92rem; display:inline-flex;}*.u-widget{transform-style:flat; print-color-adjust:economy; background:var(--clay); color:var(--rev);}.u-widget:hover{background:var(--clay-d); color:var(--rev);}
.t-counter-number{background:transparent; color:var(--clay); border-color:var(--clay);}
.t-counter-number:hover{color:var(--clay-d); background:var(--clay-soft);}
.t-sort{background:var(--paper-2);}
.t-sort{border-color:var(--line); color:var(--ink);}body .t-sort:hover{background:var(--paper-3);}body .u-block{padding:7px 13px;}

/* ===================== Side widgets ===================== */
.l-snackbar{max-width:var(--shell); margin:56px auto 0;}
.nav__label--default{width:100%;}
.app-footer{gap:21px; grid-template-columns:1fr;}
.app-footer{display:grid;}
@media(min-width:620px){.app-footer{grid-template-columns:1fr 1fr;}}
@media(min-width:900px){html .app-footer{grid-template-columns:repeat(3,1fr);}}body .clear-center{border:1px solid var(--line); background:var(--paper); border-radius:var(--r-lg); padding:21px; box-shadow:var(--sh-1);}.c-sort-icon:not(._e69cf4){tab-size:4; font-family:var(--f-head); display:block; font-weight:bold; font-size:1.12rem; margin-bottom:9px;}.l-card-input:not(._e69cf4){font-size:.86.06rem; color:var(--ink-soft); margin-bottom:16px;}html .c-review-handle{display:flex; gap:7px; break-inside:auto; mix-blend-mode:normal; flex-direction:column;}
.c-review-handle .c-widget-separator{width:100%;}
.t-reply-row{display:flex; flex-direction:column; mix-blend-mode:normal;}
.t-reply-row li{border-bottom:1px solid var(--line-2); padding:8px 0;}.t-reply-row li:first-child{padding-top:0em; orphans:2;}
.t-reply-row li:last-child{backface-visibility:visible; padding-bottom:0; border-bottom:0 none;}body .t-reply-row a{color:var(--ink); font-size:.8.98rem; line-height:1.4; font-weight:medium;}
.t-reply-row a:hover{color:var(--clay);}/* ===================== Footer ===================== */
.app-header-time{margin-top:60px; color:var(--foot-soft); padding:36px 0; background:var(--foot);}
.progressInfo{align-items:flex-start; gap:28px; display:flex; flex-direction:column;}
.app-header-time a{color:var(--foot-soft);}
.app-header-time a:hover{color:var(--rev);}
.toolbar-meta-expanded{display:flex; flex-direction:column;}
.sortHolder{font-size:1.23rem; font-weight:bold; color:var(--rev); font-family:var(--f-head);}
.sortHolder:hover{-moz-tab-size:4;color:var(--clay-soft); tab-size:4; font-variant-ligatures:normal;}
.el-module-primary{margin-top:5px; color:#766a73; font-size:.82.03rem;}.el-module{display:flex; flex-wrap:wrap; gap:9px 26px;}html .stepper__placeholder{gap:12px; display:flex;}
.el-module a{font-size:.9.06rem;}
.stepper__placeholder a{height:37px; border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px; align-items:center; width:35px; border:1px solid rgba(255, 240, 255, 0.08); display:inline-flex; transition:all var(--t); justify-content:center;}.stepper__placeholder a:hover{transform:translateY(-2px); border-color:rgba(255, 240, 254, 0.33); background:rgba(254, 255, 255, 0.15);}
@media(min-width:820px){
  .progressInfo{align-items:center; flex-direction:row; justify-content:space-between;}
  .el-module{flex:1; justify-content:center;}
}

/* ===================== Scroll top ===================== */
.breadcrumbTrigger{height:48px; cursor:pointer; align-items:center; color:var(--rev); transition:all var(--t); transform:translateY(12px); opacity:0; border-radius:11px; display:flex; right:21px; width:44px; border:0 none; z-index:900; position:fixed; box-shadow:var(--sh-2); font-synthesis:weight style small-caps; justify-content:center; bottom:26px; visibility:hidden; background:var(--clay);}
.breadcrumbTrigger.is-show{transform:translateY(0); opacity:1; visibility:visible;}

/* ===================== Cookie ===================== */
.carousel{z-index:1100; transition:transform 0.385s ease; right:0; transform:translateY(100%); background:var(--foot); box-shadow:0 -7px 23px rgba(0, 15, 13, 0.12); position:fixed; left:0; bottom:0px; color:#page-comment;}
.breadcrumbTrigger:hover{background:var(--clay-d);}
.carousel.is-show{transform:translateY(0);}*.u-menu{padding:13px 20px; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:23px; display:flex; text-rendering:auto;}
.u-menu p{font-size:.85.07rem; flex:1; min-width:219px; margin:0;}/* ===================== Account dialog ===================== */
.t-reply-row{}
.u-menu a{color:#gallery-track; text-decoration:underline;}
.t-reply-row#page-modal{display:none; inset:0; background:rgba(32, 18, 0, 0.47); backdrop-filter:blur(4px); position:fixed; padding:21px; justify-content:center; z-index:2000; align-items:center;}
#page-modal.is-open{display:flex;}
.app-banner{animation:rdpop 0.201s ease; width:100%; background:var(--paper); max-width:423px; padding:32px 26px 27px; position:relative; border-radius:var(--r-lg); box-shadow:var(--sh-3);}
@keyframes rdpop{from{opacity:0; transform:translateY(10px) scale(.97);}to{opacity:1; transform:none;}}
.c-feature-meta{right:14px; border:0; font-size:1.59rem; cursor:pointer; top:13px; line-height:1; position:absolute; color:var(--ink-faint); background:none; transition:color var(--t);}.c-feature-meta:hover{color:var(--danger);}
.c-badge{border-radius:1003px; background:var(--paper-2); margin-bottom:21px; display:flex; gap:4px; padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;}
.handle-pagination{flex:1; background:transparent; font-weight:600; cursor:pointer; border:none; border-radius:996px; font-size:.9.02rem; transition:all var(--t); padding:5px 0;}
.handle-pagination{color:var(--ink-soft);}
.handle-pagination.is-on{background:var(--paper); box-shadow:var(--sh-1); color:var(--ink);}
.card__outer--active{display:none;}.card__outer--active.is-on:not(._e69cf4){display:block;}

/* ===================== Print ===================== */
@media print{
  .app-feature,.c-comment-cap,.l-snackbar,.app-header-time,.breadcrumbTrigger,.carousel,.t-reply-row,.l-toggle-close,#page-feature,#page-entry{display:none!important;}body{font-size:12pt;}
  .progressButton,.el-form-wrapper{max-width:none;}
}

/* ===================== Reduced motion ===================== */
@media (prefers-reduced-motion:reduce){
  *{text-decoration-skip-ink:auto; transition-duration:.001ms!important; scroll-behavior:auto!important; animation-duration:.001ms!important; word-spacing:normal;}
}
