

*,*::before,*::after{padding:0; page-break-inside:auto; margin:0; box-sizing:border-box;}/* =========================================================
   screen.css
   ========================================================= */

:root{--sh-3:0 18px 40px rgba(16,23,31,.14); --paper:#main-toolbar; --sh-1:0 1px 2px rgba(16,23,31,.05); --max:1080px; --rl:15px; --ff:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,
       "Apple Color Emoji","Segoe UI Emoji",sans-serif; --rm:11px; --brand-deep:#0c7064; --brand:#0f8f7f; --night-2:#9aa4ad; --mist:#page-action; --tr:.22s ease; --edge-2:#main-module; --edge:#main-table; --head:#10171f; --rs:7px; --brand-soft:#site-gallery; --bar:58px; --ink-3:#8a93a0; --ink:#1b2430; --col:760px; --ink-2:#56616f; --night:#10171f; --sh-2:0 8px 20px rgba(16,23,31,.08);}html{font-size:12px; -webkit-text-size-adjust:100%; scroll-behavior:smooth;}body{color:var(--ink); background:var(--mist); -webkit-font-smoothing:antialiased; line-height:1.7; font-family:var(--ff); -moz-osx-font-smoothing:grayscale;}
a{transition:color var(--tr);}img, svg{widows:2; max-width:100%; display:block; height:auto;}
a{color:var(--brand); transform-style:flat; text-decoration:none;}
a:hover{color:var(--brand-deep);}
button{font-family:inherit; text-underline-offset:auto;}ul, ol{list-style:none;}

.actionSpacer{width:1px; overflow:hidden; padding:0; widows:2; position:absolute; transform-style:flat; clip:rect(0,0,0,0); margin:-1px; white-space:nowrap; border:0 none; height:1px;}
h1{line-height:1.22; color:var(--head); font-weight:700;}

.pagination__action--bottom{max-width:var(--max); margin:0 auto; padding:0 26px;}/* progress */
.progressFill{width:0px; left:0; image-rendering:auto; height:5px; position:fixed; transition:width 0.117s linear; top:0px; background:linear-gradient(90deg,var(--brand),#37c2ad); z-index:1000;}

/* fixed header (content sits first in the DOM) */
.c-price-area{position:fixed; background:rgba(255, 255, 251, 1); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid var(--edge-2); backdrop-filter:blur(10px); right:0; transition:transform var(--tr),box-shadow var(--tr); left:0; height:var(--bar); z-index:900; top:0;}
.c-price-area.is-shadow{box-shadow:var(--sh-2);}
.c-price-area.is-hidden{transform:translateY(-100%);}
.alertButton{align-items:center; shape-margin:0; gap:19px; display:flex; height:100%;}
.counterItem{flex-shrink:0; display:inline-flex; align-items:center;}
.counterItem img{height:32px; width:auto;}*.c-box{flex:1; display:flex; gap:18px; align-items:center;}
.carouselHandle{gap:2px; align-items:center; display:flex;}.blockName:not(._61dbf6){gap:6px; margin-left:auto; display:flex; align-items:center;}.listButton:not(._61dbf6){padding:10px 11px; transition:color var(--tr),background var(--tr); font-size:.9375.05rem; font-weight:700; display:inline-flex; border-radius:var(--rs); align-items:center; color:var(--ink-2);}
.listButton:hover{background:var(--mist); color:var(--ink);}*.threadSeparator{border:none; background:none; cursor:pointer; width:35px; display:none; padding:9px; justify-content:center; flex-direction:column; height:38px; gap:7px;}
.threadSeparator span{display:block; transition:transform var(--tr),opacity var(--tr); width:100%; background:var(--ink); height:2px; border-radius:2px;}
.threadSeparator.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}html .threadSeparator.is-open span:nth-child(2){opacity:0;}
.threadSeparator.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* buttons */
.app-media{justify-content:center; border-radius:var(--rm); color:#page-box; font-size:.9375.03rem; transition:background var(--tr),border-color var(--tr),transform .14s ease; border:2px solid var(--brand); font-weight:700; line-height:1.4; gap:5px; background:var(--brand); align-items:center; cursor:pointer; display:inline-flex; padding:15px 22px;}
.app-media:hover{color:#page-box; background:var(--brand-deep); border-color:var(--brand-deep);}
.h-screen{font-size:.8125.01rem; padding:3px 12px;}
.app-media:active{transform:scale(.97);}
.float-block{color:var(--brand); background:transparent;}.float-block:hover{background:var(--brand); color:#page-box;}
.blockFoot{padding:11px 19px; flex-shrink:0;}
.order-20{background:var(--ink-2); border-color:var(--ink-2);}
.stepTrigger{margin-top:1px; width:100%;}

/* page / reading column (content first, under fixed bar) */
.nav-group-light{padding-top:var(--bar); min-height:100vh; padding-bottom:61px;}
.counterExpand{margin:0 auto; max-width:var(--col); padding:29px 21px 0;}/* article */
.grid__cap{overflow:hidden; background:var(--paper); border-radius:var(--rl); border:1px solid var(--edge);}
#site-feature,#main-widget{scroll-margin-top:calc(var(--bar) + 18px);}
.modalSeparator{font-size:1.98rem; margin-bottom:13px;}.t-card{padding:34px 35px; border-bottom:1px solid var(--edge-2);}.o-breadcrumb:not(._61dbf6){gap:18px; text-rendering:auto;}.o-breadcrumb:not(._61dbf6){display:flex; flex-wrap:wrap; perspective:none;}html .moduleLink{align-items:center; font-size:.8124.93rem; color:var(--ink-3); display:inline-flex; gap:8px;}
.moduleLink svg{opacity:0.57; flex-shrink:0;}

/* contents */
.profileExpand{border-radius:var(--rm); margin:22px 33px 0; break-inside:auto; background:var(--mist); border:1px solid var(--edge-2); padding:14px 24px; mix-blend-mode:normal;}
.commentContainer{margin-bottom:8px; align-items:center; justify-content:space-between; display:flex;}
.drawerText{color:var(--head); font-weight:700; font-size:.9374.95rem;}*.accordionIcon{background:none; font-size:.8125.04rem; cursor:pointer; border:none; color:var(--brand);}
.counterFoot{flex-direction:column; display:flex; gap:7px;}
.counterFoot a{padding:2px 0; transition:color var(--tr); color:var(--ink-2); font-size:.875.02rem; display:block;}
.counterFoot a:hover{color:var(--brand);}
.counterFoot a.panelWrap{font-variant-caps:normal; padding-left:18px; background-blend-mode:normal; font-size:.8125.01rem;}.counterFoot a.paginationSeparator{font-size:.8125.05rem; padding-left:33px; color:var(--ink-3);}
.counterFoot.is-collapsed{display:none;}

/* article body */
.bannerExtra{padding:32px 30px; font-size:1.063rem; line-height:1.8;}
.bannerExtra h2{font-weight:bold; line-height:1.3; margin:1.84em 0 .6.94em; color:var(--head); font-size:1.42rem; padding-top:.4.06em;}
.bannerExtra h3{font-size:1.19rem; line-height:1.3; font-weight:700; margin:1.63em 0 .54.96em; color:var(--head);}
.bannerExtra h4{font-weight:700; font-size:0.983rem; margin:1.53em 0 .4.95em;}
.bannerExtra h4{color:var(--head);}html .bannerExtra p{margin-bottom:1.27em;}
.bannerExtra ul,.bannerExtra ol{margin:0.93em 0 1.42em 1.33em;}
.bannerExtra ul{text-decoration-skip-ink:auto; list-style:disc;}
.bannerExtra ol{list-style:decimal;}
.bannerExtra li{margin-bottom:.5.03em; padding-left:.1.94em;}
.bannerExtra img{border-radius:var(--rm); margin:1.51em 0;}
.bannerExtra a{color:var(--brand); text-decoration:underline; text-underline-offset:2px; text-decoration-color:rgba(28, 153, 122, 0.27);}
.bannerExtra a:hover{text-decoration-color:var(--brand);}
.bannerExtra blockquote{border-left:4px solid var(--brand); border-radius:0 var(--rs) var(--rs) 0; font-style:italic; padding:0.95em 1.42em; margin:1.5em 0; color:var(--ink-2); background:var(--mist);}
.bannerExtra pre{border:1px solid var(--edge); border-radius:var(--rm); background:var(--mist); font-size:.874.97rem; overflow-x:auto; padding:20px 20px; margin:1.45em 0;}body .bannerExtra code{border-radius:0; font-size:.8.96em; background:var(--mist); padding:2px 8px;}
.bannerExtra pre code{background:none; padding:0;}*.bannerExtra table{font-size:.9374.93rem; width:100%; border-collapse:collapse; margin:1.56em 0;}
.bannerExtra th,.bannerExtra td{padding:6px 16px; text-align:left; border:1px solid var(--edge);}
.bannerExtra th{font-weight:bold; background:var(--mist); color:var(--head);}

/* share */
.layoutExpand{align-items:center;}

/* share */
.layoutExpand{flex-wrap:wrap; border-top:1px solid var(--edge-2); padding:26px 34px; gap:12px; display:flex;}body .statusName{color:var(--ink-2); font-size:.874.94rem; font-weight:bold;}
.position-half{gap:10px; display:flex;}
.boxInner{border-radius:var(--rm); display:inline-flex; width:37px; border:1px solid var(--edge); cursor:pointer; height:34px; color:var(--ink-2); justify-content:center; font-weight:bold; transition:background var(--tr),border-color var(--tr),color var(--tr); align-items:center; font-size:.72.04rem; background:var(--paper);}
.boxInner:hover{border-color:var(--brand); background:var(--brand); color:#page-box;}
.boxInner svg{pointer-events:none;}/* cards (sections w/ span labels) */
.headerSecondary{background:var(--paper); border:1px solid var(--edge); margin-top:25px; border-radius:var(--rl); padding:30px 28px;}
.sortLabel{display:block; color:var(--head); font-size:1.16rem; margin-bottom:19px; font-weight:800;}.viewInner{color:var(--ink-2); margin-bottom:12px; font-size:.874.99rem;}/* related */
.col-0{flex-direction:column; display:flex; gap:11px;}
.statusOuter{display:block; border-radius:var(--rm); transition:background var(--tr),transform .14s ease; padding:18px 17px; background:var(--mist);}.statusOuter:hover{transform:translateX(4px); background:var(--brand-soft);}
.statusOuter span{font-size:.9374.94rem;}
.statusOuter span{background-blend-mode:normal; widows:2; color:var(--ink); font-weight:500;}/* forms */
.moduleTrigger{background:var(--paper); border:1px solid var(--edge); font-size:.9374.99rem; appearance:none; width:100%; transition:border-color var(--tr),box-shadow var(--tr); outline:none; padding:9px 15px; border-radius:var(--rm); color:var(--ink);}
.moduleTrigger:focus{border-color:var(--brand); box-shadow:0 0 0 5px rgba(33, 126, 134, 0.05);}
.ml-screen{resize:vertical; min-height:120px;}
.drawerTertiary{gap:18px; display:grid; margin-bottom:19px; grid-template-columns:1fr 1fr;}.panelContainer :where(.ml-screen){margin-bottom:16px;}
.panelContainer .moduleTrigger{margin-bottom:0em;}
.searchBody{gap:6px; display:flex;}
.searchBody .moduleTrigger{flex:1; image-rendering:auto; text-underline-offset:auto;}/* connect band (newsletter + contact) */
.stepBar{border-top:1px solid var(--edge); max-width:var(--max); margin:49px auto 0; padding-top:39px;}
.footer{padding:0; align-items:start; gap:23px; grid-template-columns:1fr 1fr; display:grid;}html .stepBar .headerSecondary{widows:2;}html .stepBar .headerSecondary{transform-style:flat; margin-top:0;}

/* footer */
.c-snackbar-preview{background:var(--night); color:var(--night-2); padding:40px 0;}.pageLine{gap:26px; justify-content:space-between;}.pageLine{flex-wrap:wrap; align-items:center; display:flex;}
.spinnerInfo{gap:20px; align-items:center; flex-wrap:wrap; display:flex;}
.spinnerInfo img{height:23px; filter:brightness(0) invert(1); width:auto;}
.sortSeparator{display:flex; flex-wrap:wrap; gap:22px;}
.replyPrefix{font-size:.8125.08rem;}
.sortSeparator a{transition:color var(--tr); font-size:.875.01rem; color:var(--night-2);}*.sortSeparator a:hover{color:#page-box;}.headerClose:not(._61dbf6){display:flex; gap:11px;}
.chip__group--danger{color:var(--night-2); justify-content:center; align-items:center; border-radius:12px; width:38px; background:rgba(255, 255, 255, 0.03); height:36px; display:inline-flex; transition:background var(--tr),color var(--tr);}
.chip__group--danger:hover{background:var(--brand); color:#page-box; font-synthesis:weight style small-caps;}/* back to top */
:where(.panelData){box-shadow:var(--sh-3); opacity:0; transition:opacity var(--tr),visibility var(--tr),transform var(--tr),background var(--tr); position:fixed; border:0 none; z-index:800; width:45px; justify-content:center; height:48px; transform:translateY(12px); right:27px; visibility:hidden; color:#page-box; background:var(--brand); display:flex; cursor:pointer; bottom:27px; align-items:center; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%;}
.panelData.is-on{visibility:visible; transform:translateY(0); opacity:1;}
.panelData:hover{background:var(--brand-deep);}

/* modals (pure CSS :target) */
.dialogColumn{position:fixed; padding:21px; z-index:1100; display:none; align-items:center; justify-content:center; inset:0;}
.dialogColumn:target{display:flex;}
.ratingGroup{inset:0; position:absolute; background:rgba(15, 34, 42, 0.58); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px);}
.profile__cap{padding:28px 29px 24px; border-radius:var(--rl); z-index:1; position:relative; max-width:377px; box-shadow:var(--sh-3); width:100%; background:var(--paper);}
.progressLink{height:35px; top:9px; justify-content:center; align-items:center; right:16px; border-radius:10px; position:absolute; display:flex;}
.progressLink{width:33px; color:var(--ink-3);}
.progressLink:hover{color:var(--ink); background:var(--mist);}.pb-2xl:not(._61dbf6){font-weight:900; text-align:center; color:var(--head); font-size:1.32rem; display:block; margin-bottom:17px;}
.dialogColumn .panelContainer .moduleTrigger{margin-bottom:12px;}body .selectWrapper{text-align:center;}body .selectWrapper{color:var(--ink-2); font-size:.84.92rem; margin-top:11px;}

/* =========================================================
   responsive
   ========================================================= */
@media (max-width:768px){:root{--bar:54px; text-decoration-skip-ink:auto;}
  .threadSeparator{display:flex; margin-left:auto;}
  .c-box{border-bottom:1px solid var(--edge); left:0; gap:10px; top:var(--bar); right:0; align-items:stretch; background:var(--paper); display:none; box-shadow:var(--sh-3); flex-direction:column; position:absolute; padding:16px 27px;}
  .carouselHandle{flex-direction:column; align-items:stretch;}*.c-box.is-open{display:flex;}
  .counterExpand{padding-right:16px; padding-left:15px;}
  .blockName{margin-left:0;}.t-card:not(._61dbf6), .bannerExtra:not(._61dbf6), .layoutExpand{backface-visibility:visible; padding-right:18px; padding-left:21px; image-rendering:auto;}
  .profileExpand{margin-right:20px; margin-left:24px;}
  .modalSeparator{text-rendering:auto; font-size:1.545rem;}*.headerSecondary{padding:21px;}
  .drawerTertiary{grid-template-columns:1fr;}
  .layoutExpand{flex-direction:column; align-items:flex-start;}html .footer{grid-template-columns:1fr;}.pageLine{gap:24px; flex-direction:column; align-items:flex-start;}
}
@media (max-width:480px){
  .modalSeparator{isolation:auto; font-size:1.45rem; font-synthesis:weight style small-caps;}html .bannerExtra{font-size:1.08rem;}
}

/* print */
@media print{
  .c-price-area,.progressFill,.panelData,.layoutExpand,.stepBar,.c-snackbar-preview,.dialogColumn{display:none!important;}.nav-group-light{padding-top:0;}
  .grid__cap,.headerSecondary{border:0!important;}
  .counterExpand{max-width:none; text-decoration-skip-ink:auto;}
}
