.myko-page *{box-sizing:border-box}
.myko-page{scroll-behavior:smooth}
.myko-page{margin:0;background:#faf8f3;color:#243e3a;font-family:Arial,Helvetica,sans-serif}
.myko-page .sitehead{background:#faf8f3}
.myko-page .headin{width:min(100% - 112px,1400px);margin:auto;min-height:115px;display:flex;justify-content:space-between;align-items:center;gap:35px}
.myko-page .logo img{width:106px;height:88px;object-fit:contain}
.myko-page .headin nav{display:flex;gap:clamp(13px,2vw,34px);align-items:center;justify-content:flex-end;flex-wrap:wrap}
.myko-page .headin nav span{font-size:12px;letter-spacing:.02em;color:#173b37}
.myko-page .menu{display:none}
.myko-page{max-width:1600px;margin:auto;display:grid;grid-template-columns:112px minmax(0,1fr);min-height:100vh}
.myko-page .side{background:#f3ead8;position:relative;align-self:stretch}
.myko-page .side span{position:sticky;top:90px;display:block;margin:65px auto 0;writing-mode:vertical-rl;transform:rotate(180deg);font:400 25px/1.1 Georgia,serif;letter-spacing:.21em;color:#334b43;width:max-content}
.myko-page .maincol{min-width:0}
.myko-page .intro{padding:75px clamp(55px,6vw,110px) 75px clamp(55px,6vw,100px);display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,35%);column-gap:40px;align-items:start}
.myko-page .eyebrow{font:11px Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:#7a796e;margin:0 0 27px}
.myko-page .intro h1{font:400 clamp(64px,6vw,100px)/1.07 Georgia,serif;letter-spacing:-.045em;color:#103f3d;margin:0 0 42px}
.myko-page .illustration{padding-top:45px}
.myko-page .illustration img{width:100%;max-width:490px;display:block;mix-blend-mode:multiply}
.myko-page .article-intro p{font:400 16px/1.88 Arial,Helvetica,sans-serif;color:#4c5550;margin:0 0 23px;max-width:685px}
.myko-page .article-intro p:first-child{font:400 23px/1.65 Georgia,serif;color:#203e39}
.myko-page .articlewrap{padding:0 clamp(55px,6vw,110px) 100px clamp(55px,6vw,100px)}
.myko-page article{max-width:815px}
.myko-page article p{font:400 16px/1.9 Arial,Helvetica,sans-serif;color:#4c5550;margin:0 0 22px}
.myko-page article .article-section{margin:0 0 100px}
.myko-page article h2{font:400 clamp(38px,3.3vw,53px)/1.2 Georgia,serif;color:#103f3d;letter-spacing:-.018em;margin:0 0 35px}
.myko-page article h3{font:400 31px/1.2 Georgia,serif;color:#103f3d;margin:56px 0 22px}
.myko-page article .article-personal-note{background:none;border:0;padding:0;margin:52px 0}
.myko-page article ul{padding-left:20px}
.myko-page article li{line-height:1.85;margin-bottom:10px}
.myko-page .closing{margin:0 clamp(55px,6vw,110px) 95px clamp(55px,6vw,100px);padding:45px 0 0;display:flex;align-items:baseline;justify-content:space-between;gap:35px;max-width:815px}
.myko-page .closing p{font:normal 27px Georgia,serif;margin:0;color:#103f3d}
.myko-page .closing a{color:#103f3d;font:13px Arial;text-decoration:underline;text-underline-offset:6px}
.myko-page .watermark{position:fixed;bottom:0;right:0;background:#103f3d;color:#fff;padding:8px 12px;font:9px Arial;letter-spacing:.08em;opacity:.83}
@media (max-width:900px){.myko-page .headin{width:calc(100% - 55px);min-height:85px}
.myko-page .headin nav{display:none}
.myko-page .menu{display:block;font-size:12px}
.myko-page{grid-template-columns:54px minmax(0,1fr)}
.myko-page .side span{font-size:17px;letter-spacing:.12em}
.myko-page .intro{padding:60px 36px;grid-template-columns:1fr}
.myko-page .illustration{padding:12px 0 0;max-width:330px}
.myko-page .articlewrap{padding:0 36px 65px}
.myko-page .closing{margin:0 36px 60px;display:block}
.myko-page .closing a{display:inline-block;margin-top:20px}}
@media (max-width:560px){.myko-page .headin{width:calc(100% - 34px)}
.myko-page .logo img{height:68px;width:84px}
.myko-page{grid-template-columns:27px minmax(0,1fr)}
.myko-page .side span{font-size:11px;letter-spacing:.12em;margin-top:43px}
.myko-page .intro{padding:38px 20px 50px;display:flex;flex-direction:column}
.myko-page .intro h1{font-size:49px;margin-bottom:27px}
.myko-page .eyebrow{font-size:9px;margin-bottom:19px}
.myko-page .article-intro p{font-size:14px;line-height:1.85}
.myko-page .article-intro p:first-child{font-size:19px}
.myko-page .illustration{order:-1;padding:0;align-self:flex-end;max-width:185px;height:130px;overflow:hidden;margin-bottom:0}
.myko-page .illustration img{width:200px;margin-left:auto}
.myko-page .articlewrap{padding:0 20px 35px}
.myko-page article h2{font-size:34px}
.myko-page article h3{font-size:27px}
.myko-page article p{font-size:14px;line-height:1.85}
.myko-page article .article-section{margin-bottom:70px}
.myko-page .closing{margin:0 20px 60px}
.myko-page .closing p{font-size:23px}
.myko-page .watermark{font-size:7px}}
@media  (max-width:560px) {.myko-page{display:block; min-height:0;}
.myko-page .side{height:38px; width:100%; background:#f3ead8; display:flex; align-items:center; padding:0 24px;}
.myko-page .side span{position:static; transform:none; writing-mode:horizontal-tb; width:auto; margin:0; font:400 10px/1.2 Arial,Helvetica,sans-serif; letter-spacing:.22em; color:#103f3d;}
.myko-page .intro{padding:42px 26px 49px; gap:0;}
.myko-page .intro h1{font-size:clamp(43px,12vw,51px); margin-bottom:32px;}
.myko-page .eyebrow{margin-bottom:20px;}
.myko-page .article-intro p:first-child{font-size:20px;line-height:1.62;}
.myko-page .article-intro p{font-size:15px;line-height:1.82;}
.myko-page .illustration{order:initial; align-self:flex-end; width:55%; max-width:170px; height:auto; overflow:visible; padding-top:11px; margin:8px 5px 0 0; opacity:.82;}
.myko-page .illustration img{width:100%; margin:0; max-width:100%;}
.myko-page .articlewrap{padding:0 26px 46px;}
.myko-page article p{font-size:15px;line-height:1.82;}
.myko-page .closing{margin:0 26px 65px;}}
@media  (max-width:560px) {.myko-page .intro{ padding-bottom: 32px; }
.myko-page .article-intro p{ margin-bottom: 14px; line-height: 1.68; }
.myko-page .article-intro p:last-child{ margin-bottom: 0; }
.myko-page .illustration{ margin-top: 18px; padding-top: 0; }
.myko-page article p{ margin-bottom: 14px; line-height: 1.72; }
.myko-page article p:last-child{ margin-bottom: 0; }
.myko-page article h2{ margin-bottom: 19px; line-height: 1.2; }
.myko-page article h3{ margin: 33px 0 14px; line-height: 1.22; }
.myko-page article .article-section{ margin-bottom: 45px; }
.myko-page article .article-subsection{ margin-top: 25px; }
.myko-page article .article-subsection h3{ margin-top: 0; }
.myko-page article .article-personal-note{ margin: 28px 0; }
.myko-page .articlewrap{ padding-bottom: 26px; }}
/* V93 integration: retain the shared navigation, site footer, and approved V45 content. */
.myko-page {background:#faf8f3; color:#243e3a; width:100%; max-width:none; font-family:Arial,Helvetica,sans-serif;}
.myko-page .layout {max-width:1600px;}
.myko-page .intro {max-width:none; background:transparent; border:0;}
.myko-page .side {min-width:0;}
.myko-page .articlewrap article {display:block; width:auto; max-width:815px;}
.myko-page .illustration img {height:auto;}
@media(max-width:560px){.myko-page .layout{display:block}.myko-page .side{height:38px; width:100%;}.myko-page .intro{display:flex;}.myko-page .articlewrap{padding-left:26px;padding-right:26px;}}
/* The shared article component must not add a divider to the approved study. */
.myko-page .article-intro {border:0; padding-bottom:0; margin-bottom:0;}

/* V94: refined editorial illustration blending and measured type rhythm. */
.myko-page .intro{display:block;padding-top:58px;padding-bottom:38px;max-width:1130px;}
.myko-page .introcopy{display:flow-root;}
.myko-page .eyebrow{margin-bottom:19px;}
.myko-page .intro h1{margin-bottom:23px;font-size:clamp(57px,5.9vw,86px);line-height:1.08;}
.myko-page .illustration{float:right;width:42%;max-width:435px;margin:-28px -35px 4px 27px;padding:0;position:relative;isolation:isolate;}
.myko-page .illustration img{width:100%;max-width:none;height:auto;opacity:.89;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse 68% 69% at 51% 46%,#000 47%,rgba(0,0,0,.9) 68%,transparent 100%);mask-image:radial-gradient(ellipse 68% 69% at 51% 46%,#000 47%,rgba(0,0,0,.9) 68%,transparent 100%);}
.myko-page .article-intro p{font-size:15.5px;line-height:1.78;margin-bottom:16px;max-width:none;}
.myko-page .article-intro p:first-child{font-size:21px;line-height:1.57;margin-bottom:19px;}
.myko-page .articlewrap{padding-bottom:58px;}
.myko-page article{max-width:790px;}
.myko-page article .article-section{margin-bottom:54px;}
.myko-page article h2{font-size:clamp(34px,3.1vw,46px);line-height:1.16;margin-bottom:18px;}
.myko-page article h3{font-size:27px;line-height:1.25;margin:29px 0 12px;}
.myko-page article p{font-size:15.5px;line-height:1.76;margin-bottom:15px;}
.myko-page article .article-subsection{margin-top:29px;}
.myko-page article .article-subsection h3{margin-top:0;}
.myko-page article .article-personal-note{margin:30px 0;}
.myko-page .closing{padding-top:22px;margin-bottom:65px;}
@media(max-width:900px){
.myko-page .intro{padding:47px 36px 30px;}
.myko-page .illustration{width:43%;margin:-8px -16px 10px 18px;}
.myko-page .articlewrap{padding-left:36px;padding-right:36px;}
}
@media(max-width:560px){
.myko-page .intro{display:block;padding:37px 25px 26px;}
.myko-page .introcopy{display:flow-root;}
.myko-page .eyebrow{margin-bottom:15px;}
.myko-page .intro h1{font-size:clamp(41px,11vw,49px);margin-bottom:18px;}
.myko-page .illustration{float:right;order:initial;align-self:auto;width:47%;max-width:none;height:auto;overflow:visible;margin:0 -12px 4px 12px;padding:0;opacity:1;}
.myko-page .illustration img{width:100%;max-width:100%;height:auto;margin:0;opacity:.9;}
.myko-page .article-intro p:first-child{font-size:18px;line-height:1.58;margin-bottom:15px;}
.myko-page .article-intro p{font-size:14.5px;line-height:1.73;margin-bottom:14px;}
.myko-page .articlewrap{padding:0 25px 25px;}
.myko-page article h2{font-size:31px;line-height:1.17;margin-bottom:16px;}
.myko-page article h3{font-size:24px;line-height:1.24;margin:25px 0 10px;}
.myko-page article p{font-size:14.5px;line-height:1.72;margin-bottom:13px;}
.myko-page article .article-section{margin-bottom:39px;}
.myko-page article .article-subsection{margin-top:23px;}
.myko-page article .article-personal-note{margin:26px 0;}
.myko-page .closing{margin:0 25px 55px;}
}
