

/* ---- Reset ---- */
*,*::before,*::after{margin:0; box-sizing:border-box;}/* ==================================================================
   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{--sh-1:  0 1px 2px rgba(33,31,28,.06), 0 1px 3px rgba(33,31,28,.05); --danger:     #site-toolbar; --olive:      #6b6a32; --shell: 880px; --read:  760px; --ok:         #2e7d4f; --paper-3:    #site-action; --paper:      #app-widget; --ink-faint:  #918c83; --f-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Noto Sans", sans-serif; --line:       #hero_outer; --line-2:     #page-tabs; --paper-2:    #value-pagination; --foot:       #211f1c; --rev:        #app-widget; --clay:       #main-reply; --f-head: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, Cambria, "Times New Roman", "Noto Serif", serif; --r-lg:  14px; --sh-3:  0 16px 44px rgba(33,31,28,.18); --sh-2:  0 6px 22px rgba(33,31,28,.09); --ink-soft:   #5f5b54; --clay-d:     #97401f; --r:     8px; --ink:        #211f1c; --t:     .22s ease; --foot-soft:  #featureHead; --f-mono: ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace; --clay-soft:  #select_tertiary;}html{scroll-behavior:smooth; -webkit-text-size-adjust:100%; font-size:19px;}

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

/* ---- Shell ---- */
.profile__thumb--primary{margin:0 auto; width:100%; max-width:var(--shell); padding:0 20px;}body .t-menu{margin:-1px; height:1px; padding:0; border:0; width:1px; overflow:hidden; clip:rect(0,0,0,0); position:absolute; white-space:nowrap;}

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

/* ---- Below-fold render optimization ---- */
.ui-skeleton-expand{content-visibility:auto; contain-intrinsic-size:auto 520px;}

/* ===================== Main / Article ===================== */
.l-box{padding:34px 0 62px;}

.u-widget{text-underline-offset:auto; max-width:var(--read); mix-blend-mode:normal; margin:0 auto;}.footer__text--medium:not(._c073aa){line-height:1.16; margin-bottom:18px; font-size:2.23rem; letter-spacing:-.15.04em; font-weight:700;}
@media(min-width:680px){.footer__text--medium{font-size:2.59rem;}}body .list-horizontal{flex-wrap:wrap; padding-bottom:23px; gap:7px 19px;}body .list-horizontal{font-size:.83.01rem; color:var(--ink-soft); display:flex; border-bottom:1px solid var(--line-2); margin-bottom:30px;}
.o-nav-tertiary{align-items:center; gap:9px; display:inline-flex;}
.o-nav-tertiary svg{flex-shrink:0; opacity:0.55;}

/* ---- Contents ---- */
.layoutPreview{background:var(--paper-2); border-radius:var(--r-lg); border:1px solid var(--line); position:relative; padding:14px 24px; margin:0 0 33px;}.l-dropdown:not(._c073aa){color:var(--ink-faint);}
.layoutPreview.is-empty{display:none;}html .el-popover-action{font-family:var(--f-head); font-weight:bold; margin-bottom:0px; display:block; font-size:1.05rem;}
.u-widget-suffix{cursor:pointer; font-weight:600; font-size:.81.96rem; top:16px; position:absolute; color:var(--clay); right:21px; border:0em; background:none;}
.app-table{margin-top:8px;}.app-table[hidden]{display:none;}
.app-table ol{flex-direction:column; gap:9px; counter-reset:toc; display:flex;}
.app-table ol ol{border-left:2px solid var(--line); tab-size:4; padding-left:10px; margin:6px 0 0 13px;}
.app-table li{counter-increment:toc;}
.app-table>ol>li>a::before{color:var(--ink-faint); content:counter(toc) "."; font-variant-numeric:tabular-nums; margin-right:9px; font-size:.85rem;}*.app-table a{color:var(--ink); font-size:.92.01rem;}
.app-table a:hover{color:var(--clay);}/* ---- Article body (only place with real h2/h3) ---- */
.u-post{font-size:1.05rem; line-height:1.82; image-rendering:auto;}/* ---- Article body (only place with real h2/h3) ---- */
.u-post{text-underline-offset:auto; color:#1f311c;}body .u-post>*+*{margin-top:1.12em;}*.u-post h2{-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual; font-weight:700; margin-top:1.9em; font-variant-ligatures:normal; font-size:1.63rem; font-family:var(--f-head); line-height:1.25;}
.u-post h3{line-height:1.3; font-weight:700; font-family:var(--f-head); margin-top:1.49em; font-size:1.29rem;}
.u-post h4{font-size:1.15rem; font-weight:700; font-family:var(--f-head); margin-top:1.32em;}.u-post p{margin-top:1.13em;}.u-post a{text-decoration-thickness:1px; color:var(--clay); text-decoration:underline; text-underline-offset:2px;}html .u-post ul, *.u-post ol{margin:1.13em 0 1.1em 1.28em; list-style:revert;}
.u-post li{margin-top:.44.97em;}
.u-post img{border-radius:var(--r); margin:1.37em 0;}
.u-post blockquote{margin:1.5em 0; font-style:italic; background:var(--paper-2); border-left:3px solid var(--clay); border-radius:0 var(--r) var(--r) 0; padding:14px 22px; color:var(--ink-soft);}
.u-post blockquote:empty{display:none;}
.u-post pre{font-family:var(--f-mono); line-height:1.6; color:#icon-layout; overflow-x:auto; padding:19px 20px; border-radius:var(--r); font-size:.88rem; background:#2b1e11;}
.u-post code{padding:2px 10px; font-size:.87.92em; font-family:var(--f-mono); background:var(--paper-3); border-radius:8px;}
.u-post pre code{background:none; padding:0;}
.u-post table{margin:1.34em 0; font-size:.95.07rem; border-collapse:collapse;}
.u-post table{width:100%;}
.u-post th,.u-post td{will-change:auto; text-align:left; padding:6px 13px; border:1px solid var(--line); text-rendering:auto;}
.u-post th{background:var(--paper-2); font-weight:700;}
.u-post hr{margin:1.73em 0; border-top:1px solid var(--line); border:0 none;}.app-grid{margin-left:12px; text-decoration:none; transition:opacity var(--t); color:var(--ink-faint); font-size:.78.03em; opacity:0;}.u-post :is(h2, h3, h4):hover :where(.app-grid){opacity:1;}

/* ---- Share ---- */
.el-page{margin-top:30px; border-top:1px solid var(--line-2); flex-wrap:wrap; padding-top:26px; align-items:center; display:flex; gap:18px;}
.heroInput{text-underline-offset:auto; transform-style:flat; text-transform:uppercase; color:var(--ink-soft); font-size:.78.05rem; letter-spacing:.6.02em; font-weight:bold;}body .o-feature-track{gap:11px; display:flex;}
.badge-row{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px; display:inline-flex; align-items:center; cursor:pointer; border:1px solid var(--line); height:35px; color:var(--ink-soft); justify-content:center; width:40px; transition:all var(--t); background:var(--paper);}
.badge-row:hover{color:var(--rev); border-color:transparent; transform:translateY(-2px);}
.c-counter-close:hover{background:#0872e5;}
.u-snackbar:hover{background:hsl(214, 84.7%, 4.6%);}html .o-chip-block:hover{orphans:2; background:var(--ok);}body .ui-form-holder:hover{background:#19a3d3;}html .o-chip-block.is-done{color:var(--rev); background:var(--ok); word-spacing:normal; border-color:transparent;}

/* ===================== Section labels (spans as headings) ===================== */
.dividerSuffix{margin:52px auto 0; max-width:var(--read);}.ui-drawer{line-height:1.25; position:relative; margin-bottom:16px; font-weight:bold; font-family:var(--f-head); padding-bottom:16px; font-size:1.57rem; display:block;}*.ui-drawer::after{left:0; content:""; position:absolute; border-radius:2px; height:0px; bottom:0; background:var(--clay); width:49px;}
.row-inline{font-family:var(--f-head); font-size:1.07rem; display:block; font-weight:bold; margin:4px 0 17px;}body .el-menu{margin-bottom:9px;}
.status--light{text-rendering:auto; margin-bottom:16px; color:var(--ink-soft); max-width:60ch; text-underline-offset:auto; font-size:.98.08rem;}
.el-menu:empty{display:none;}.app-drawer-input:not(._c073aa){grid-template-columns:1fr; display:grid; gap:0 19px;}

/* ===================== Forms ===================== */
.el-tooltip .t-skeleton{margin-bottom:13px;}
@media(min-width:560px){.app-drawer-input{grid-template-columns:1fr 1fr;}}
.widgetInfo{border-radius:var(--r); padding:13px 15px; border:1px solid var(--line); font-size:.93rem; width:100%; background:var(--paper); outline:0; transition:border-color var(--t),box-shadow var(--t); color:var(--ink); display:block; font:inherit;}
.t-skeleton label:not(.ui-feature){font-weight:600; display:block; font-size:.82.02rem; color:var(--ink); margin-bottom:9px;}
.widgetInfo::placeholder{color:var(--ink-faint);}
.widgetInfo:focus{border-color:var(--clay); box-shadow:0 0 0 3px var(--clay-soft);}
.entry{line-height:1.6; resize:vertical; min-height:116px;}.o-form-foot{justify-content:space-between; flex-wrap:wrap; align-items:center; gap:8px; display:flex;}html .position-2{font-size:.83.04rem;}.ui-feature:not(._c073aa){cursor:pointer; gap:7px; display:inline-flex; font-size:.85.95rem; align-items:center; color:var(--ink-soft);}
.rating{display:flex; gap:11px;}

/* ---- Buttons ---- */
.o-carousel{transition:all var(--t); display:inline-flex; padding:15px 19px; border:1px solid transparent; cursor:pointer; gap:4px; text-decoration:none; align-items:center; border-radius:var(--r); font-weight:700; line-height:1; font-size:.92rem; justify-content:center;}
.rating .widgetInfo{flex:1;}
.o-panel-container{background:var(--clay); color:var(--rev);}
.o-panel-container:hover{hyphens:manual; color:var(--rev); background:var(--clay-d); break-inside:auto;}
.el-sidebar{color:var(--clay); transform-style:flat; text-underline-offset:auto; border-color:var(--clay); background:transparent;}
.el-sidebar:hover{color:var(--clay-d); background:var(--clay-soft);}
.l-media-close{background:var(--paper-2); border-color:var(--line); color:var(--ink); text-rendering:auto;}
.l-media-close:hover{background:var(--paper-3);}
.el-widget{padding:12px 14px;}

/* ===================== Side widgets ===================== */
.o-chip{margin:54px auto 0; max-width:var(--shell);}
.h-inline{width:100%;}.t-dropdown{display:grid; gap:19px; grid-template-columns:1fr;}
@media(min-width:620px){html .t-dropdown{print-color-adjust:economy; grid-template-columns:1fr 1fr;}}
@media(min-width:900px){.t-dropdown{grid-template-columns:repeat(3,1fr); mix-blend-mode:normal;}}
.t-box-cap{border:1px solid var(--line); box-shadow:var(--sh-1); padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px; text-underline-offset:auto; transform-style:flat; background:var(--paper); border-radius:var(--r-lg);}*.ui-dropdown{margin-bottom:12px; color:var(--ink-soft); font-size:.86rem;}
.ui-profile{font-weight:700; margin-bottom:15px; font-size:1.06rem; display:block; font-family:var(--f-head);}*.toolbar__number{gap:9px; flex-direction:column;}*.toolbar__number{display:flex;}*.toolbar__number .o-carousel{width:100%;}
.toggle-bar-alt{display:flex; flex-direction:column;}
.toggle-bar-alt li{border-bottom:1px solid var(--line-2); padding:10px 0;}
.toggle-bar-alt li:first-child{padding-top:0;}
.toggle-bar-alt li:last-child{border-bottom:0; padding-bottom:0;}.toggle-bar-alt a{color:var(--ink); line-height:1.4; font-weight:medium; font-size:.9.02rem;}
.toggle-bar-alt a:hover{color:var(--clay);}/* ===================== Footer ===================== */
.slider__container--half{color:var(--foot-soft); margin-top:63px; hyphens:manual; tab-size:4; padding:41px 0; background:var(--foot);}
.u-action{flex-direction:column; display:flex; align-items:flex-start; gap:27px;}.slider__container--half a{color:var(--foot-soft);}
.dropdown__preview--danger{flex-direction:column; display:flex;}
.slider__container--half a:hover{color:var(--rev); will-change:auto;}
.el-alert{font-weight:700; font-family:var(--f-head); color:var(--rev); font-size:1.12rem;}
.el-alert:hover{word-spacing:normal;}
.el-alert:hover{color:var(--clay-soft); font-variant-caps:normal;}
.c-block{margin-top:6px; color:#7b7f73; font-size:.81.96rem;}.u-price{display:flex; gap:7px 24px; flex-wrap:wrap;}
.u-price a{hyphens:manual; break-inside:auto; font-size:.9.07rem;}
.ui-popover{gap:10px; display:flex;}.ui-popover a{justify-content:center; border:1px solid rgba(251, 255, 246, 0.12); print-color-adjust:economy; display:inline-flex; border-radius:12px; width:38px; transition:all var(--t); height:38px; isolation:auto; align-items:center;}
.ui-popover a:hover{transform:translateY(-2px); border-color:rgba(255, 247, 241, 0.22); background:rgba(255, 250, 255, 0.14);}
@media(min-width:820px){*.u-action{align-items:center; flex-direction:row; justify-content:space-between;}.u-price{flex:1; justify-content:center;}
}

/* ===================== Scroll top ===================== */
.t-rating{opacity:0; align-items:center; transform:translateY(12px); color:var(--rev); border:0 none; z-index:900; cursor:pointer; visibility:hidden; transition:all var(--t); background:var(--clay); height:42px; position:fixed; width:48px; bottom:20px; box-shadow:var(--sh-2); justify-content:center; border-radius:11px; display:flex; right:28px;}
.t-rating.is-show{visibility:visible; transform:translateY(0); opacity:1; hyphens:manual;}
.t-rating:hover{background:var(--clay-d);}

/* ===================== Cookie ===================== */
.w-md{left:0; transform:translateY(100%); color:#site-widget; z-index:1100; right:0; bottom:0; widows:2; background:var(--foot); box-shadow:0 -2px 26px rgba(13, 0, 4, 0.11); transition:transform 0.404s ease; position:fixed;}.is-show.w-md{transform:translateY(0);}
.badgeHead{display:flex; padding:14px 18px; align-items:center; gap:23px; flex-wrap:wrap; justify-content:space-between;}body .badgeHead p{-moz-tab-size:4;margin:0; min-width:223px; tab-size:4; font-size:.85.02rem; flex:1;}*.badgeHead a{color:#skeleton-wrapper; text-decoration:underline;}/* ===================== Account dialog ===================== */
:where(.toggle-bar-alt){}
.toggle-bar-alt#commentValue{z-index:2000; inset:0; padding-top:21px;}
.toggle-bar-alt#commentValue{padding-right:21px; padding-bottom:21px; padding-left:21px; background:rgba(3, 8, 6, 0.5); position:fixed; justify-content:center; backdrop-filter:blur(4px); align-items:center; display:none;}
#commentValue.is-open{display:flex;}
.c-hero{animation:rdpop 0.217s ease; background:var(--paper); position:relative; padding:29px 26px 31px; width:100%; max-width:416px; box-shadow:var(--sh-3); border-radius:var(--r-lg);}
@keyframes rdpop{from{opacity:0; transform:translateY(10px) scale(.97);}to{transform:none; opacity:1;}}
.commentOverlay{top:11px; will-change:auto; border:0 none; color:var(--ink-faint); backface-visibility:visible; background:none; cursor:pointer; right:11px; font-size:1.59rem; position:absolute; line-height:1; transition:color var(--t);}.commentOverlay:hover{color:var(--danger);}
.o-comment{display:flex; margin-bottom:24px; padding:7px; gap:3px; border-radius:998px; background:var(--paper-2);}
.ui-timeline-image{border-radius:1002px; color:var(--ink-soft); font-size:.8.99rem; font-weight:500; border:0; flex:1; cursor:pointer; background:transparent; padding:11px 0; transition:all var(--t);}html .ui-timeline-image.is-on{color:var(--ink); background:var(--paper); box-shadow:var(--sh-1);}*.c-dialog{display:none;}html .c-dialog.is-on{display:block;}

/* ===================== Print ===================== */
@media print{.o-header:not(._c073aa), html .el-page, body .o-chip, body .slider__container--half, body .t-rating, .w-md, html .toggle-bar-alt, body .sortThumb, #site-card, #modalTrack{display:none!important;}.u-widget, body .dividerSuffix{max-width:none;}
  body{font-size:12pt;}
}

/* ===================== Reduced motion ===================== */
@media (prefers-reduced-motion:reduce){
  *{backface-visibility:visible;}
  *{scroll-behavior:auto!important; transition-duration:.001ms!important; text-underline-offset:auto; animation-duration:.001ms!important;}
}
