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

:root{--rl:15px; --night:#10171f; --brand-deep:#0c7064;}/* =========================================================
   screen.css
   ========================================================= */

:root{--edge:#rating-spacer; --ink-2:#56616f; --rm:11px; --paper:#layout-area; --sh-3:0 18px 40px rgba(16,23,31,.14); --ink-3:#8a93a0; --max:1080px; --col:760px; --ink:#1b2430; --tr:.22s ease; --head:#10171f; --mist:#feature-info; --edge-2:#site-post; --rs:7px; --night-2:#9aa4ad; --sh-2:0 8px 20px rgba(16,23,31,.08); --sh-1:0 1px 2px rgba(16,23,31,.05); --brand:#0f8f7f; --brand-soft:#badge_prefix; --bar:58px; --ff:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,
       "Apple Color Emoji","Segoe UI Emoji",sans-serif;}
html{scroll-behavior:smooth; font-size:17px; -webkit-text-size-adjust:100%;}

*,*::before,*::after{margin:0; box-sizing:border-box; padding:0;}
img,svg{display:block; max-width:100%; backface-visibility:visible; height:auto;}
body{line-height:1.7; background:var(--mist); -webkit-font-smoothing:antialiased; color:var(--ink); -moz-osx-font-smoothing:grayscale; font-family:var(--ff);}
a{text-decoration:none;}
a{color:var(--brand); transition:color var(--tr);}a:hover{color:var(--brand-deep);}
ul,ol{list-style:none;}
button{font-family:inherit;}h1{line-height:1.22; color:var(--head);}h1{font-weight:700;}.accordionButton{white-space:nowrap; clip:rect(0,0,0,0); padding:0; overflow:hidden; height:1px; width:1px; margin:-1px; position:absolute; border:none;}

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

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

/* fixed header (content sits first in the DOM) */
.post__outer--bottom{transition:transform var(--tr),box-shadow var(--tr); z-index:900; top:0rem; widows:2; right:0; -webkit-backdrop-filter:blur(10px); will-change:auto; border-bottom:1px solid var(--edge-2); background:rgba(247, 240, 255, 0.96); backdrop-filter:blur(10px); left:0; height:var(--bar); position:fixed;}
.post__outer--bottom.is-shadow{box-shadow:var(--sh-2);}
.dialogSubtitle{gap:19px; display:flex; align-items:center; height:100%;}
.post__outer--bottom.is-hidden{transform:translateY(-100%);}
.priceButton{flex-shrink:0;}
.priceButton{align-items:center; display:inline-flex;}.priceButton img{height:32px; word-spacing:normal; contain:none; width:auto;}*.moduleName{flex:1; display:flex; gap:18px; align-items:center;}
.dialogContainer{gap:2px; display:flex; align-items:center;}
.action--disabled{margin-left:auto; gap:9px; align-items:center; display:flex;}
.gallerySecondary{color:var(--ink-2); align-items:center; display:inline-flex; border-radius:var(--rs); font-weight:500; padding:6px 11px; transition:color var(--tr),background var(--tr); font-size:.9375.06rem;}
.gallerySecondary:hover{color:var(--ink); background:var(--mist);}
.clear-4{width:34px; cursor:pointer; height:33px; background:none; padding:3px; display:none; flex-direction:column; justify-content:center; border:none; gap:1px;}
.clear-4 span{height:2px; width:100%; background:var(--ink); display:block; transition:transform var(--tr),opacity var(--tr);}
.clear-4 span{border-radius:2px; mix-blend-mode:normal; hyphens:manual;}.clear-4.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.clear-4.is-open span:nth-child(2){opacity:0;}body .clear-4.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* buttons */
.moduleNumber{transition:background var(--tr),border-color var(--tr),transform .14s ease; line-height:1.4; gap:4px; font-weight:700; display:inline-flex; font-size:.9375.02rem; color:#page-pagination; background:var(--brand); align-items:center; cursor:pointer; border-radius:var(--rm); border:2px solid var(--brand); padding:10px 20px; justify-content:center;}.moduleNumber:hover{border-color:var(--brand-deep); background:var(--brand-deep); color:#page-pagination; text-decoration-skip-ink:auto;}.moduleNumber:active{transform:scale(.97);}
.pagePrefix{orphans:2; color:var(--brand); background:transparent;}
.w-0{padding:10px 18px; font-size:.8124.92rem;}
.pagePrefix:hover{text-rendering:auto; background:var(--brand); color:#page-pagination;}
.postValue{flex-shrink:0; padding:9px 16px;}body .commentExpand{hyphens:manual; background:var(--ink-2); text-decoration-skip-ink:auto; border-color:var(--ink-2);}
.listExtra{width:100%; margin-top:4px;}/* page / reading column (content first, under fixed bar) */
.sidebarHandle{padding-bottom:59px; padding-top:var(--bar); min-height:100vh;}*.drawerLabel{max-width:var(--col); margin:0 auto; padding:27px 26px 0;}
#main-menu,#widgetIcon{scroll-margin-top:calc(var(--bar) + 18px);}/* article */
.ratingFoot{border:1px solid var(--edge); border-radius:var(--rl); overflow:hidden; background:var(--paper);}.timelineGroup:not(._ac3df2){padding:30px 34px; border-bottom:1px solid var(--edge-2);}
.cardSlot{margin-bottom:10px; widows:2; font-size:1.98rem;}*.post-close{flex-wrap:wrap; gap:20px; display:flex;}
.tag__detail--alt{gap:7px; font-size:.8124.97rem; color:var(--ink-3); align-items:center;}
.tag__detail--alt{display:inline-flex;}
.tag__detail--alt svg{opacity:0.72; flex-shrink:0;}

/* contents */
.mediaNumber{padding:17px 18px; background:var(--mist); border:1px solid var(--edge-2); border-radius:var(--rm); margin:22px 36px 0;}body .listThumb{display:flex; font-variant-ligatures:normal; justify-content:space-between; margin-bottom:7px; align-items:center;}
.mediaTertiary{color:var(--head); font-size:.9375.07rem; font-weight:bold;}
.accordionTrack{border:0; font-size:.8125.02rem; background:none; color:var(--brand); cursor:pointer;}
.headerExtra{gap:9px; display:flex; flex-direction:column;}
.headerExtra a{transition:color var(--tr); display:block; color:var(--ink-2); padding:5px 0; font-size:.875.08rem;}
.headerExtra a:hover{color:var(--brand);}
.headerExtra a.tagAction{padding-left:17px; font-size:.8125.03rem;}
.headerExtra a.timeline{font-size:.8125.08rem; padding-left:31px; color:var(--ink-3);}
.headerExtra.is-collapsed{display:none;}

/* article body */
.entryAction{padding:31px 33px; line-height:1.8; font-size:1.133rem;}
.entryAction h2{line-height:1.3; font-size:1.48rem; margin:1.93em 0 .6.97em; font-weight:700; padding-top:.3.96em; color:var(--head);}
.entryAction h3{font-weight:700; margin:1.67em 0 .55.03em; font-size:1.31rem; line-height:1.3; color:var(--head);}
.entryAction h4{margin:1.43em 0 .5.02em; font-size:1.053rem; font-weight:700; color:var(--head);}
.entryAction p{shape-margin:0; margin-bottom:1.2em;}
.entryAction ul,.entryAction ol{margin:0.97em 0 1.52em 1.35em;}
.entryAction ul{list-style:disc;}.entryAction ol{list-style:decimal;}
.entryAction li{padding-left:.2.08em; margin-bottom:.5.07em;}
.entryAction img{margin:1.54em 0; border-radius:var(--rm);}
.entryAction a{color:var(--brand);}
.entryAction a{text-underline-offset:2px; text-decoration:underline; text-decoration-color:rgba(26, 154, 142, 0.39);}
.entryAction a:hover{text-decoration-color:var(--brand);}
.entryAction blockquote{border-radius:0 var(--rs) var(--rs) 0; background:var(--mist); padding:1.03em 1.43em; border-left:4px solid var(--brand); font-style:italic; color:var(--ink-2); margin:1.53em 0;}
.entryAction pre{padding:13px 19px; font-size:.874.95rem;}
.entryAction pre{border-radius:var(--rm); background:var(--mist); overflow-x:auto; border:1px solid var(--edge); margin:1.47em 0;}
.entryAction code{padding:2px 2px; font-size:.9.01em; background:var(--mist); border-radius:2px;}
.entryAction pre code{padding:0; background:none;}
.entryAction table{margin:1.57em 0; width:100%; border-collapse:collapse; font-size:.9374.99rem;}
.entryAction th,.entryAction td{border:1px solid var(--edge); text-align:left; padding:7px 12px;}
.entryAction th{font-weight:700; background:var(--mist); color:var(--head);}/* share */
:where(.cardCap){border-top:1px solid var(--edge-2); display:flex; flex-wrap:wrap; align-items:center; gap:18px; padding:22px 29px;}
.c-feature-region{display:flex; gap:5px;}.align-auto{font-weight:700; font-size:.874.92rem; color:var(--ink-2);}
.paginationColumn{color:var(--ink-2); display:inline-flex; border:1px solid var(--edge); width:35px; font-weight:700;}
.paginationColumn{cursor:pointer; transition:background var(--tr),border-color var(--tr),color var(--tr); background:var(--paper); align-items:center; justify-content:center; border-radius:var(--rm); height:33px; font-size:.72.05rem;}
.paginationColumn:hover{background:var(--brand); color:#page-pagination; border-color:var(--brand);}.paginationColumn svg{pointer-events:none;}

/* cards (sections w/ span labels) */
.badgeHandle{border:1px solid var(--edge); background:var(--paper); padding:29px 29px; border-radius:var(--rl); margin-top:25px;}
.tooltipCap{font-weight:700; margin-bottom:22px; display:block; font-size:1.27rem; color:var(--head);}
.screenInfo{break-inside:auto; font-size:.875.05rem; margin-bottom:18px; color:var(--ink-2);}/* related */
.gridHead{display:flex; gap:8px; flex-direction:column;}*.headerContainer{transition:background var(--tr),transform .14s ease; background:var(--mist); padding:17px 14px; border-radius:var(--rm); display:block;}
.headerContainer:hover{background:var(--brand-soft); transform:translateX(4px);}

/* forms */
.profileExpand{outline:none; background:var(--paper); transition:border-color var(--tr),box-shadow var(--tr); width:100%; font-size:.9375.07rem; border-radius:var(--rm); color:var(--ink); appearance:none; padding:9px 13px; border:1px solid var(--edge);}*.headerContainer span{font-weight:700; font-size:.9374.99rem; color:var(--ink);}
.profileExpand:focus{box-shadow:0 0 0 0px rgba(20, 161, 121, 0.15); border-color:var(--brand);}.priceToggle:not(._ac3df2){min-height:121px; resize:vertical;}
.tabsLine{margin-bottom:13px; display:grid; gap:18px; grid-template-columns:1fr 1fr;}
.skeleton__wrapper .priceToggle{margin-bottom:18px;}
.skeleton__wrapper .profileExpand{margin-bottom:0;}
.modalContent{print-color-adjust:economy; gap:9px; shape-margin:0; display:flex;}
.modalContent .profileExpand{flex:1;}/* connect band (newsletter + contact) */
.ui-table{font-variant-ligatures:normal; border-top:1px solid var(--edge); max-width:var(--max);}/* connect band (newsletter + contact) */
.ui-table{padding-top:36px; margin:48px auto 0; mix-blend-mode:normal;}
.postArea{grid-template-columns:1fr 1fr; gap:24px; display:grid; padding:0; align-items:start;}

/* footer */
.commentSlot{background:var(--night); color:var(--night-2); padding:44px 0;}
.ui-table .badgeHandle{margin-top:0;}
.clear-6{justify-content:space-between; flex-wrap:wrap; display:flex; align-items:center; gap:22px;}
.font-half{display:flex; align-items:center; gap:13px; flex-wrap:wrap;}.font-half img{height:28px; width:auto; filter:brightness(0) invert(1);}.tableText{font-size:.8124.93rem;}
.listTrack{display:flex; gap:21px; flex-wrap:wrap;}
.listTrack a{color:var(--night-2);}
.listTrack a{transition:color var(--tr); font-size:.874.92rem;}
.listTrack a:hover{color:#page-pagination;}
.pageExtra{font-variant-caps:normal; gap:14px; display:flex; perspective:none;}.chipWrap{transform-style:flat; color:var(--night-2); align-items:center; background:rgba(255, 255, 242, 0.07); height:34px; border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px; justify-content:center; display:inline-flex; backface-visibility:visible; transition:background var(--tr),color var(--tr); width:31px;}.chipWrap:hover{color:#page-pagination; background:var(--brand);}

/* back to top */
.badgeSuffix{z-index:800; box-shadow:var(--sh-3); display:flex; align-items:center; transform:translateY(12px); height:48px; border-radius:50%; width:43px; right:22px; cursor:pointer;}

/* back to top */
.badgeSuffix{justify-content:center; position:fixed; transition:opacity var(--tr),visibility var(--tr),transform var(--tr),background var(--tr); background:var(--brand); color:#page-pagination; opacity:0; bottom:28px; print-color-adjust:economy; visibility:hidden; border:0 none; hyphens:manual;}body .badgeSuffix.is-on{text-underline-offset:auto; opacity:1; transform:translateY(0); visibility:visible;}*.badgeSuffix:hover{background:var(--brand-deep);}

/* modals (pure CSS :target) */
.ratingSubtitle{position:fixed; z-index:1100; justify-content:center; align-items:center; inset:0; padding:17px; display:none;}.ratingSubtitle:target{display:flex;}
.font-lg{-webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); position:absolute; inset:0; background:rgba(18, 6, 30, 0.63);}
.profileDot{position:relative; box-shadow:var(--sh-3); border-radius:var(--rl); z-index:1; max-width:376px; width:100%; background:var(--paper); padding:29px 24px 29px;}body .dropdownDetail{right:13px; width:32px; height:31px; justify-content:center; color:var(--ink-3); border-radius:12px; display:flex; align-items:center; top:15px; position:absolute;}.dropdownDetail:hover{color:var(--ink); background:var(--mist);}
.galleryToggle{margin-bottom:22px; font-size:1.33rem; text-align:center; display:block; color:var(--head); font-weight:900;}
.ratingSubtitle .skeleton__wrapper .profileExpand{margin-bottom:18px;}

/* =========================================================
   responsive
   ========================================================= */
@media (max-width:768px){
  :root{--bar:54px;}
.sliderRegion{margin-top:15px; text-align:center; color:var(--ink-2); font-size:.85.02rem;}
  .moduleName{background:var(--paper); position:absolute; align-items:stretch; box-shadow:var(--sh-3); gap:5px; padding:18px 27px; flex-direction:column; border-bottom:1px solid var(--edge); right:0; display:none; top:var(--bar); left:0;}
  .clear-4{display:flex; margin-left:auto;}
  .moduleName.is-open{display:flex; background-blend-mode:normal;}
  .action--disabled{margin-left:0;}
  .dialogContainer{align-items:stretch; flex-direction:column;}
  .drawerLabel{padding-left:16px; padding-right:12px;}
  .timelineGroup,.entryAction,.cardCap{padding-left:22px; padding-right:20px;}
  .mediaNumber{margin-right:24px; margin-left:20px;}
  .cardSlot{font-size:1.645rem;}
  .badgeHandle{padding:17px; background-blend-mode:normal;}html .tabsLine{backface-visibility:visible; break-inside:auto; grid-template-columns:1fr;}
  .postArea{grid-template-columns:1fr;}html .cardCap{flex-direction:column; align-items:flex-start;}
}
@media (max-width:480px){
  .cardSlot{font-size:1.32rem;}
  .clear-6{gap:23px; flex-direction:column; align-items:flex-start;}
  .entryAction{font-size:0.94rem;}
}

/* print */
@media print{
  .post__outer--bottom,.priceExtra,.badgeSuffix,.cardCap,.ui-table,.commentSlot,.ratingSubtitle{display:none!important;}.drawerLabel{image-rendering:auto; max-width:none;}
  .sidebarHandle{padding-top:0rem;}
}

  .ratingFoot,.badgeHandle{border:0rem!important;}