/* =========================================================
   screen.css
   ========================================================= */

:root{--max:1080px; --brand-deep:#0c7064; --edge-2:#eef1f0; --sh-2:0 8px 20px rgba(16,23,31,.08); --rs:7px; --ff:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,
       "Apple Color Emoji","Segoe UI Emoji",sans-serif; --head:#10171f; --rl:15px; --ink-2:#56616f; --ink-3:#8a93a0; --ink:#1b2430; --night:#10171f; --sh-3:0 18px 40px rgba(16,23,31,.14); --tr:.22s ease; --paper:#ffffff; --night-2:#9aa4ad; --edge:#e4e8e7; --bar:58px; --brand:#0f8f7f; --brand-soft:#dff3f0; --col:760px; --sh-1:0 1px 2px rgba(16,23,31,.05); --rm:11px; --mist:#f4f6f5;}

*,*::before,*::after{font-variant-ligatures:normal; box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth; font-size:19px; -webkit-text-size-adjust:100%;}
body{color:var(--ink); -moz-osx-font-smoothing:grayscale; font-family:var(--ff); -webkit-font-smoothing:antialiased; line-height:1.7; background:var(--mist);}
.progress--last {transition:color 0.15s; align-items:center; min-height:30px; max-width:100%; width:fit-content}

.list-bar:not(:last-child) {box-shadow:none; padding-right:1.125rem}

img,svg{display:block; height:auto; max-width:100%;}
a{color:var(--brand); transition:color var(--tr); text-decoration:none;}
ul,ol{list-style:none;}a:hover{color:var(--brand-deep);}button{font-family:inherit;}
h1{color:var(--head); line-height:1.22; font-weight:800;}.header-label-selected{width:1px; padding:0; clip:rect(0,0,0,0); overflow:hidden; white-space:nowrap; position:absolute;}.header-label-selected{border:0; margin:-1px; height:1px;}

/* progress */
.carousel-overlay{height:1px; left:0; width:0; position:fixed; z-index:1000; transition:width 0.057s linear; top:0; background:linear-gradient(90deg,var(--brand),#37c2ad);}

.toggleSuffix{padding:0 25px; max-width:var(--max); margin:0 auto;}

/* fixed header (content sits first in the DOM) */
.c-footer-close{position:fixed; height:var(--bar); border-bottom:1px solid var(--edge-2); top:0em; -webkit-backdrop-filter:blur(10px); left:0; transition:transform var(--tr),box-shadow var(--tr); backdrop-filter:blur(10px); z-index:900; right:0; background:rgba(245, 254, 254, 0.94);}
.c-footer-close.is-shadow{box-shadow:var(--sh-2);}
.c-footer-close.is-hidden{transform:translateY(-100%);}.screen-default{height:100%; display:flex; gap:23px; align-items:center;}
.nav-danger{display:inline-flex; flex-shrink:0; align-items:center;}*.alert--loading{align-items:center; display:flex; gap:20px; flex:1; break-inside:auto; backface-visibility:visible;}
.nav-danger img{page-break-inside:auto; font-variant-ligatures:normal; height:30px; width:auto;}
@media (max-width: 480px) {
  .chip-secondary:hover {margin:27px; flex-wrap:nowrap}
  .gallery-cell > info {align-items:baseline; gap:1.25rem; transition:all 0.5s ease; display:inline-flex}
}

.c-section:not(.void55){align-items:center; display:flex; gap:2px;}
.modal-wrap{margin-left:auto; align-items:center; display:flex; gap:13px;}
.badge-hover{padding-top:4px; padding-right:16px;}
.badge-hover{padding-bottom:4px; padding-left:16px; font-size:.9375.03rem; border-radius:var(--rs); transition:color var(--tr),background var(--tr); font-weight:600; align-items:center; color:var(--ink-2); display:inline-flex;}
.badge-hover:hover{color:var(--ink); background:var(--mist); font-variant-caps:normal; text-rendering:auto;}
.section-addon.banner-compact {display:none; min-width:0}

.widgetPlaceholder{border:0 none; flex-direction:column; width:38px; background:none; height:36px; display:none; gap:6px; cursor:pointer; padding:2px; justify-content:center;}html .widgetPlaceholder span{transition:transform var(--tr),opacity var(--tr); background:var(--ink); border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; height:2px; display:block; width:100%;}.is-open.widgetPlaceholder span:nth-child(1){transform:translateY(7px) rotate(45deg); font-variant-ligatures:normal;}html .widgetPlaceholder.is-open span:nth-child(2){opacity:0;}
.widgetPlaceholder.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* buttons */
.panel-action{cursor:pointer; border-radius:var(--rm); line-height:1.4; background:var(--brand); gap:6px; color:#fefdff; display:inline-flex; align-items:center; border:2px solid var(--brand); transition:background var(--tr),border-color var(--tr),transform .14s ease; font-size:.9374.94rem; justify-content:center; font-weight:bold; padding-top:14px;padding-right:20px;padding-bottom:14px;padding-left:20px;}
.panel-action:hover{color:#fff8fa;}
.panel-action:hover{border-color:var(--brand-deep); background:var(--brand-deep);}
.panel-action:active{transform:scale(.97);}
.media-full{padding:6px 14px; font-size:.8125.06rem; font-synthesis:weight style small-caps;}
.page-button-rounded{background:transparent; color:var(--brand);}
.page-button-rounded:hover{background:var(--brand); color:#f1f7f5;}
.hero{padding:7px 13px; flex-shrink:0;}
.feature-filled{mix-blend-mode:normal; backface-visibility:visible; border-color:var(--ink-2); background:var(--ink-2);}/* page / reading column (content first, under fixed bar) */
.c-block-preview{padding-bottom:62px; min-height:100vh; padding-top:var(--bar);}
.c-table-overlay{width:100%; margin-top:3px;}
.reply{padding:28px 26px 0; max-width:var(--col); margin:0 auto;}

/* article */
.body-grid{border:1px solid var(--edge); overflow:hidden; background:var(--paper); border-radius:var(--rl);}
#column-stepper,#site-view{scroll-margin-top:calc(var(--bar) + 18px);}
.c-badge-extra{padding:34px 32px; border-bottom:1px solid var(--edge-2);}
.comment-selected{font-size:1.98rem; margin-bottom:17px;}body .stepper{display:flex; flex-wrap:wrap; gap:17px;}
.inner-tabs{display:inline-flex; align-items:center; color:var(--ink-3); font-size:.8125.02rem; gap:5px;}
.inner-tabs svg{opacity:0.69; flex-shrink:0;}

/* contents */
.nav-addon-highlight{padding:21px 18px; border-radius:var(--rm); border:1px solid var(--edge-2); background:var(--mist); margin:23px 34px 0;}
.link-accordion{color:var(--head); font-weight:bold; font-size:.9375.06rem;}
.price-container-dark{margin-bottom:7px; justify-content:space-between; align-items:center; display:flex;}.body-form{color:var(--brand); border:0 none; cursor:pointer; font-size:.8124.94rem; background:none;}.footer-overlay{display:flex; shape-margin:0; gap:7px; flex-direction:column; tab-size:4;}
.action-close:not(:last-child) {flex-wrap:nowrap; padding-bottom:2.5rem; display:inline-flex; background-color:#f6f6f8}

.footer-overlay a{display:block; padding:4px 0; color:var(--ink-2); font-size:.875.05rem; transition:color var(--tr);}
.footer-overlay a:hover{color:var(--brand);}
.footer-overlay a.drawerHolder{padding-left:12px; font-size:.8125.05rem;}
.chip-secondary:hover {transition:all 0.45s ease; background:transparent}

.footer-overlay a.placeholder-breadcrumb{padding-left:36px; color:var(--ink-3); font-size:.8124.96rem;}
.footer-overlay.is-collapsed{display:none;}

/* article body */
.c-page-cell{font-size:1.023rem; line-height:1.8; padding:28px 28px;}
.c-page-cell h2{padding-top:.4.08em; color:var(--head); margin:1.9em 0 .6.99em; font-weight:700; line-height:1.3; font-size:1.54rem;}
.footer-line {letter-spacing:0.025em; padding-bottom:0.625rem; margin-right:auto; border-radius:24px}
html .c-page-cell h3{line-height:1.3; color:var(--head); margin:1.69em 0 .54.94em; font-weight:bold; font-size:1.2rem;}
.c-page-cell h4{font-weight:bold; margin:1.51em 0 .4.99em; color:var(--head); font-size:1.003rem;}
.c-page-cell p{margin-bottom:1.31em; tab-size:4; page-break-inside:auto;}
.c-page-cell ul,.c-page-cell ol{margin:1em 0 1.46em 1.43em;}
.c-page-cell ul{list-style:disc;}
.c-page-cell ol{list-style:decimal;}
.c-page-cell li{padding-left:.1.93em; margin-bottom:.4.99em;}body .c-page-cell img{margin:1.56em 0; border-radius:var(--rm);}
.c-page-cell a{text-underline-offset:2px;}
.gallery-cell > info {display:block; margin-bottom:0}

.c-page-cell a{text-decoration:underline; color:var(--brand); widows:2; text-decoration-color:rgba(13, 142, 134, 0.37);}
.c-page-cell a:hover{text-decoration-color:var(--brand);}
.c-page-cell blockquote{font-style:italic; margin:1.53em 0; color:var(--ink-2); border-radius:0 var(--rs) var(--rs) 0; border-left:4px solid var(--brand); padding:0.93em 1.45em; background:var(--mist);}
.c-page-cell pre{overflow-x:auto; padding:12px 22px; font-size:.874.96rem; margin:1.58em 0; border-radius:var(--rm); background:var(--mist); border:1px solid var(--edge);}
.divider-action:hover {padding-left:2.5rem; height:16px; font-size:1.5rem; transition:opacity 0.45s; padding-bottom:21px; flex-wrap:wrap}

.c-page-cell code{background:var(--mist); padding-top:2px;padding-right:2px;padding-bottom:2px;padding-left:2px; border-radius:3px; font-variant-ligatures:normal; font-size:.8.92em;}
.c-page-cell pre code{widows:2; background:none; padding:0;}
@media (min-width: 800px) {
  .sidebar-area .layout-fill {display:inline-block; background-color:#e7cf1c; letter-spacing:normal; font-weight:bold; margin-left:auto; transition:opacity 0.35s}
  #review-data {width:100%; min-height:26px; justify-content:space-around; box-shadow:none; align-items:flex-start; overflow:auto}
  .thread-number + .gallery-head {transition:transform 0.3s ease-in-out; text-align:center; background-color:rgb(129, 54, 189); gap:9px; min-height:14px; position:static}
}


.c-page-cell table{width:100%; margin:1.5em 0; font-size:.9375.03rem; border-collapse:collapse;}.c-page-cell th, .c-page-cell td{text-align:left; border:1px solid var(--edge); padding:9px 11px;}
.spinner-wrapper:hover {margin-left:21px; color:currentColor; transition:opacity 0.5s; max-width:none}

.c-page-cell th{font-weight:bold; background:var(--mist); color:var(--head);}
.el-modal-number{font-size:.875.01rem; break-inside:auto; font-weight:bold; color:var(--ink-2);}

/* share */
.widget-label-sticky{gap:12px; align-items:center; display:flex; flex-wrap:wrap; border-top:1px solid var(--edge-2); padding:23px 34px;}
.c-section-area{display:inline-flex; transition:background var(--tr),border-color var(--tr),color var(--tr); width:35px; justify-content:center; align-items:center; cursor:pointer; height:39px; border-radius:var(--rm); font-size:.71.95rem; color:var(--ink-2); border:1px solid var(--edge); background:var(--paper); font-weight:700;}
.view-tertiary{isolation:auto; display:flex; gap:7px; text-rendering:auto;}
.c-section-area:hover{color:hsl(179, 99.1%, 97.9%); border-color:var(--brand); background:var(--brand);}
.c-section-area svg{pointer-events:none;}/* cards (sections w/ span labels) */
.tertiary-list{background:var(--paper); padding-top:26px;padding-right:27px;padding-bottom:26px;padding-left:27px; margin-top:26px; border-radius:var(--rl); border:1px solid var(--edge);}body .card-wide{color:var(--ink-2); contain:none;}
.toggle-info{margin-bottom:16px; font-weight:800; display:block; color:var(--head); font-size:1.28rem;}body .card-wide{mix-blend-mode:normal; margin-bottom:19px; font-size:.875.07rem;}
.drawer-info-info{display:block; padding:14px 15px; border-radius:var(--rm); transition:background var(--tr),transform .14s ease; background:var(--mist);}/* related */
:where(.spinner-info){display:flex; flex-direction:column; gap:10px;}
.drawer-info-info:hover{transform:translateX(4px); background:var(--brand-soft);}
.drawer-info-info span{font-weight:600; color:var(--ink); font-size:.9375rem;}

/* forms */
.c-reply{font-size:.9374.96rem; outline:none; color:var(--ink); width:100%; background:var(--paper); border-radius:var(--rm); padding:10px 14px; border:1px solid var(--edge); transition:border-color var(--tr),box-shadow var(--tr); appearance:none;}
.modal-handle-dense{resize:vertical; min-height:117px;}
.c-reply:focus{box-shadow:0 0 0 4px rgba(30, 143, 116, 0.17); border-color:var(--brand);}
.box-extra{margin-bottom:20px; grid-template-columns:1fr 1fr; display:grid; gap:12px;}.dialog-trigger-even .modal-handle-dense:not(.skip81){mix-blend-mode:normal; word-spacing:normal; margin-bottom:17px;}
.dialog-trigger-even .c-reply{margin-bottom:0;}
.c-media-indicator{gap:11px; display:flex;}
.c-media-indicator .c-reply{flex:1; text-rendering:auto;}
.subtitle-step{grid-template-columns:1fr 1fr; gap:27px; align-items:start; padding:0; display:grid;}

/* connect band (newsletter + contact) */
.banner--dense{padding-top:39px; max-width:var(--max); border-top:1px solid var(--edge); margin:49px auto 0;}

/* footer */
.divider-fill-inverse{color:var(--night-2); padding:44px 0; background:var(--night);}html .banner--dense .tertiary-list{margin-top:0;}body .image-view{align-items:center; display:flex; flex-wrap:wrap;}.layoutThumb:not(.dummy20){gap:14px; tab-size:4; widows:2; align-items:center; flex-wrap:wrap; display:flex;}body .image-view{gap:28px; justify-content:space-between;}
.layoutThumb img{height:25px; filter:brightness(0) invert(1); width:auto;}.post-text:not(.void80){font-size:.8125.02rem;}
.c-menu-outer{flex-wrap:wrap; gap:22px; display:flex;}
.c-menu-outer a{color:var(--night-2); font-size:.874.98rem; transition:color var(--tr);}.searchArea{display:flex; gap:10px;}body .c-menu-outer a:hover{color:#f6fff8;}.c-profile-date{color:var(--night-2);}.c-profile-date{align-items:center; height:31px; transition:background var(--tr),color var(--tr); display:inline-flex; justify-content:center; perspective:none; background:rgba(255, 255, 255, 0.12); width:36px; border-radius:9px;}
.spinner-item.dialog-narrow {max-width:260px; min-width:3px; border-radius:50%; flex-wrap:nowrap; margin-top:0.25rem; color:inherit}

.c-profile-date:hover{color:#fff3f2; background:var(--brand);}

/* back to top */
.skeletonTertiary{background:var(--brand); bottom:24px; width:41px; justify-content:center; border-radius:50%; z-index:800; cursor:pointer; border:none; color:#f6f0ff; height:47px; position:fixed; box-shadow:var(--sh-3); opacity:0; transition:opacity var(--tr),visibility var(--tr),transform var(--tr),background var(--tr); right:25px; align-items:center; display:flex; transform:translateY(12px); visibility:hidden;}
.skeletonTertiary.is-on{opacity:1; visibility:visible; transform:translateY(0);}
.skeletonTertiary:hover{background:var(--brand-deep);}

/* modals (pure CSS :target) */
.accordion-left{z-index:1100; justify-content:center; position:fixed; padding:18px;}

/* modals (pure CSS :target) */
.accordion-left{align-items:center; print-color-adjust:economy; display:none; word-spacing:normal; inset:0;}
.accordion-left:target{display:flex;}
.panel-bar-alt{backdrop-filter:blur(2px); background:rgba(16, 17, 35, 0.51); inset:0px; -webkit-backdrop-filter:blur(2px); position:absolute;}
.media-title{position:relative; box-shadow:var(--sh-3); width:100%; z-index:1; border-radius:var(--rl); background:var(--paper); padding:29px 28px 32px; break-inside:auto; max-width:378px;}*.review-wrapper{justify-content:center; right:11px; height:35px; border-radius:8px; color:var(--ink-3); width:32px; display:flex; top:8px; position:absolute; align-items:center;}
.review-wrapper:hover{perspective:none; background-blend-mode:normal; background:var(--mist); color:var(--ink);}
.accordion-left .dialog-trigger-even .c-reply{margin-bottom:10px;}
#post-date {margin-right:37px; max-width:1160px; color:inherit; display:block}

.select-toggle{text-align:center; font-size:1.37rem; color:var(--head); display:block; margin-bottom:22px; font-weight:800;}
.list-dense{text-align:center; margin-top:10px; color:var(--ink-2); font-size:.84.96rem;}

/* =========================================================
   responsive
   ========================================================= */
@media (max-width:768px){:root{--bar:54px;}
  .widgetPlaceholder{margin-left:auto; display:flex;}*.alert--loading{right:0; padding:17px 22px; border-bottom:1px solid var(--edge); gap:12px; left:0; top:var(--bar); box-shadow:var(--sh-3); display:none; align-items:stretch; background:var(--paper); position:absolute; flex-direction:column;}
  .alert--loading.is-open{display:flex;}
.list-indicator:not(:last-child) {position:sticky; padding-right:17px; cursor:default; min-height:100vh; max-width:100%; transition:opacity 0.5s}

  .modal-wrap{margin-left:0;}
  .c-section{flex-direction:column; align-items:stretch;}
  .c-badge-extra,.c-page-cell,.widget-label-sticky{padding-left:24px; padding-right:24px;}
  .reply{padding-right:14px; padding-left:15px;}
  .nav-addon-highlight{margin-left:18px; margin-right:16px;}
  .comment-selected{font-size:1.585rem; widows:2;}
  .tertiary-list{padding:24px;}
  .box-extra{grid-template-columns:1fr;}
  .subtitle-step{grid-template-columns:1fr;}
  .image-view{align-items:flex-start; flex-direction:column; gap:21px;}
  .widget-label-sticky{flex-direction:column; align-items:flex-start;}
}
@media (max-width:480px){html .comment-selected{font-size:1.4rem;}
  .c-page-cell{font-size:0.97rem;}
}

/* print */
@media print{*.c-footer-close, html .carousel-overlay, body .skeletonTertiary, html .widget-label-sticky, .banner--dense:not(.null15), *.divider-fill-inverse, .accordion-left:not(.nil60){text-underline-offset:auto; image-rendering:auto; display:none!important;}
  .c-block-preview{padding-top:0;}
  .reply{max-width:none; tab-size:4; image-rendering:auto;}
  .body-grid,.tertiary-list{border:0!important; word-spacing:normal; background-blend-mode:normal;}
}