/* V7 reading stages: source material remains in its original order. */
body[data-v7-template="article"] > main.page-area,
body[data-v7-template="directory"] > main.page-area{
 width:min(1450px,calc(100% - clamp(24px,3.5vw,72px)));
 max-width:1450px;
 margin:22px auto 30px;
 padding:clamp(35px,5vw,75px) 0!important;
 background:linear-gradient(145deg,rgba(246,252,255,.94),rgba(222,241,251,.89))!important;
 border-radius:28px!important;
 border:1px solid rgba(255,255,255,.83)!important;
 box-shadow:0 22px 56px -25px rgba(0,18,39,.44),inset 0 1px rgba(255,255,255,.89);
 -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
 color:#163b51!important;
}
body[data-v7-template="article"] .page-layout{
 width:min(1240px,calc(100% - 84px))!important;
 display:grid!important;
 grid-template-columns:minmax(0,1.75fr) minmax(245px,.72fr)!important;
 align-items:start;gap:clamp(28px,3.9vw,63px)!important;
}
body[data-v7-template="article"] article.article{
 width:100%;min-width:0;
 font-size:16px;line-height:1.8;color:#22465b;
}
body[data-v7-template="article"] article.article h2,
body[data-v7-template="article"] article.article h3,
body[data-v7-template="article"] article.article h4{
 font-family:var(--sans);font-weight:710;letter-spacing:-.04em;
 color:#103c57!important;line-height:1.2;
}
body[data-v7-template="article"] article.article h2{font-size:clamp(29px,2.7vw,41px)}
body[data-v7-template="article"] article.article p,
body[data-v7-template="article"] article.article li{color:#285168!important;line-height:1.77}
body[data-v7-template="article"] article.article a{color:#0b6489}
body[data-v7-template="article"] article.article .block-media{
 margin:28px 0;
 overflow:hidden;border-radius:21px;
 border:1px solid rgba(171,210,231,.66);
 background:#dbeaf3;
 box-shadow:0 10px 28px -20px rgba(5,41,70,.28);
}
body[data-v7-template="article"] article.article .block-media img{
 max-width:100%;height:auto;border-radius:20px;
 display:block;
}
body[data-v7-template="article"] article.article .block-media:first-of-type{
 margin-top:34px;
}
body[data-v7-template="article"] article.article .source-list{
 background:rgba(242,249,252,.58);
 border:1px solid rgba(189,218,233,.6);border-radius:18px;
 padding:23px 28px;
}
body[data-v7-template="article"] aside.sidebox{
 position:sticky;top:122px;
 border-radius:21px!important;
 background:rgba(255,255,255,.74)!important;
 border:1px solid rgba(255,255,255,.93)!important;
 box-shadow:0 13px 38px -24px rgba(10,55,83,.21),inset 0 1px rgba(255,255,255,.9);
 padding:26px!important;
}
body[data-v7-template="article"] aside.sidebox h2{color:#123f58!important}
body[data-v7-template="article"] aside.sidebox a{color:#195879!important}
body[data-v7-template="article"] .origin,
body[data-v7-template="directory"] .origin{color:#45697c!important}
body[data-v7-template="article"] .sub-mobile-nav{
 width:min(1450px,calc(100% - clamp(24px,3.5vw,72px)));margin:0 auto;
 border-radius:15px;
}
body[data-v7-template="directory"] .directory-list{
 background:rgba(255,255,255,.63);
 border:1px solid rgba(178,210,229,.5);
 border-radius:19px;padding:25px;
}
body[data-v7-template="directory"] .directory-list a{color:#0a567c!important}
body[data-v7-template="directory"] main.page-area h1{color:#173c55!important}
@media(max-width:920px){
 body[data-v7-template="article"] .page-layout{grid-template-columns:1fr!important;gap:25px!important}
 body[data-v7-template="article"] aside.sidebox{position:relative;top:auto}
}
@media(max-width:680px){
 body[data-v7-template="article"] > main.page-area,
 body[data-v7-template="directory"] > main.page-area{
  width:calc(100% - 24px)!important;margin:12px auto 23px!important;
  padding:32px 0!important;border-radius:22px!important;
 }
 body[data-v7-template="article"] .page-layout{width:calc(100% - 37px)!important}
 body[data-v7-template="article"] article.article{font-size:15px}
 body[data-v7-template="article"] aside.sidebox{padding:22px!important}
 body[data-v7-template="directory"] .directory-list{padding:16px}
}
