:root{--blue:#713252;--navy:#311b33;--orange:#f3a185;--ink:#2f2430;--muted:#6f626b;--line:#e9dce1;--soft:#fff5f1;--width:1220px}
body{font-family:"Segoe UI",Arial,sans-serif;background:#fffcfa;color:var(--ink)}
h1,h2,h3{font-family:"Segoe UI",Arial,sans-serif;letter-spacing:-.025em}h1{font-weight:700}h2{font-weight:700}
.utility-bar{background:#2e1b30;color:#f7e7ed}.utility-bar a{color:#f3c2b2}
.site-header{background:#fffcfa}.masthead{min-height:92px;gap:18px}.brand img{width:128px}.brand-caption{font-size:11px;letter-spacing:.04em;line-height:1.5;color:var(--muted);border-left:1px solid var(--line);padding-left:17px}.masthead-actions{margin-left:auto;display:flex;align-items:center;gap:31px}.header-search{margin-left:0;width:315px;background:#fff;border-radius:50px}.header-search input{padding:11px 18px}.header-search button{color:var(--blue);border-radius:50%}.header-search button:hover{background:#fceae5}.support-link{font-size:13px;color:var(--blue);font-weight:700}.support-link span{white-space:nowrap}.support-link>svg{width:23px;height:23px;color:var(--orange)}
.navigation-band{border-color:var(--line);background:#fff7f3}.main-navigation{min-height:51px}.main-navigation a{font-family:"Segoe UI",Arial,sans-serif;font-size:13px;letter-spacing:.01em;font-weight:650;padding:12px 10px}.main-navigation a:hover,.main-navigation a[aria-current=page]{color:#a7495b;border-bottom-color:#ef8b75}
.hero{background:var(--navy);padding:62px 0 66px}.hero:before{background:radial-gradient(circle at 18% 80%,#83426090,transparent 38%),linear-gradient(120deg,#311b33,#543047 67%,#38283a)}.hero-grid{grid-template-columns:1.04fr .96fr;gap:70px}.eyebrow{color:#a54f61;font-size:11px;letter-spacing:.16em}.eyebrow.light{color:#f5b8a3}.hero h1{font-size:clamp(43px,4.7vw,66px);line-height:1.1;font-weight:650;letter-spacing:-.05em}.hero h1 em{color:#f5b8a3;font-style:italic}.hero-copy>p{font-size:16px;color:#f1dfe4;line-height:1.85;max-width:495px}.hero-actions{margin:32px 0 14px}.button{border-radius:40px;padding:14px 23px}.button.orange{background:#f3a185;color:#3c1d32}.button.orange:hover{background:#ffc5ae}.button.outline-light{border-color:#d6abb9}.button.outline-light:hover{color:#40213d}.hero-disclosure{color:#d4b5c4}.hero-stamp{margin-top:35px;display:flex;align-items:center;gap:15px;color:#f7e8ef}.hero-stamp b{font:italic 52px "Segoe UI",Arial,sans-serif;color:#f3a185;line-height:1}.hero-stamp span{font-size:12px;letter-spacing:.04em;line-height:1.5}
.hero-visual{min-height:500px;padding:10px 35px 25px 0}.hero-visual>img.hero-photo{height:455px;width:100%;border-radius:220px 220px 12px 12px;object-fit:cover;object-position:center 33%;box-shadow:0 24px 50px #1e0c1e66}.hero-mini{position:absolute;bottom:0;left:-65px;width:215px;height:185px;background:#fff7f3;transform:rotate(-7deg);box-shadow:0 14px 35px #170d1e5e;padding:8px}.hero-mini img{width:100%;height:122px;object-fit:cover}.hero-mini span{display:block;color:#40263f;font:italic 14px "Segoe UI",Arial,sans-serif;text-align:center;padding:5px}.hero-orbit{position:absolute;right:0;bottom:15px;width:104px;height:104px;border-radius:50%;background:#efaa8e;color:#3b1b33;display:flex;align-items:center;justify-content:center;font:italic bold 28px "Segoe UI",Arial,sans-serif;transform:rotate(14deg);border:8px solid #fff6f0}.hero-orbit span{font:normal 18px Arial,sans-serif;margin-left:2px}
.ticker{background:#f9e6df;border-bottom:1px solid #edd6d0}.ticker .wrap{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px}.ticker strong{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#854458;white-space:nowrap}.ticker a{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:#522a44;white-space:nowrap}.ticker a svg{width:13px}.ticker a:hover{color:#af5862}
.section{padding-block:78px}.section-soft{background:#fbf1ed}.section-heading h2{font-size:clamp(31px,3.4vw,43px)}.section-heading>p{max-width:295px;line-height:1.7}.text-link{color:#a54f61}.text-link:hover{color:#62304f}
.category-grid{border:0;gap:15px}.category-tile{border:1px solid var(--line);border-radius:15px;background:#fffaf7;min-height:172px;padding:23px;gap:20px;box-shadow:0 4px 20px #64374809}.category-tile:nth-child(2n){background:#fdf4ef}.category-tile h3{font-size:19px}.category-tile:hover{background:#f9e2d9;color:#78374f;transform:translateY(-3px)}.category-number{color:#aa6672;font-family:"Segoe UI",Arial,sans-serif;font-size:15px}.category-tile>svg:last-child{color:#af6873}.category-tile.support-tile{background:#713252;border-color:#713252}.support-tile .category-number,.support-tile>svg:last-child{color:#f3b9a2}.support-tile p{color:#f7dbe4}.support-tile:hover{background:#4e2441}
.home-reading,.archive-layout,.reading-layout{gap:48px}.story-grid{gap:25px}.story{border-radius:16px;background:#fffdfb;box-shadow:0 7px 24px #2b10220a}.story-image{background:#f5e5e0}.story-body{padding:23px}.story-meta span{color:#a95063}.story h3{font-size:22px}.story h3 a:hover{color:#a95063}.side-box{background:#4c2a43;border-radius:15px}.side-box .eyebrow{color:#f6b8a2}.side-story svg{color:#f4b091}.side-story:hover{color:#ffc9b1}.side-note{border-radius:15px;background:#fffdfb}.age{color:#5c2b4d}.editorial-panel{border-top:0;border-radius:20px;background:#f6e5df;gap:70px;padding:55px}.editorial-panel h2{font-size:43px}.editorial-points article{border-color:#e7cfc9}.editorial-points b{color:#b05d69;font-family:"Segoe UI",Arial,sans-serif;font-size:20px}.editorial-points h3{font-size:21px}.faq-list summary{font-family:"Segoe UI",Arial,sans-serif;font-size:19px}.faq-list summary:after{color:#b05d69}
.site-footer{background:#311b33;color:#e4cdd6}.footer-main{padding-block:68px}.footer-brand{border-radius:40px;padding:5px 13px}.footer-main h2{font-family:"Segoe UI",Arial,sans-serif;font-size:19px}.footer-main a:hover{color:#ffb9a3}.footer-age b{color:#fff}.footer-bottom{color:#d1afbf}
.page-top{background:#fbefe9;border-color:#e6d5d8}.page-top h1{font-size:clamp(36px,4vw,54px);font-weight:500}.breadcrumbs{color:#7a6070}.article-cover img{border-radius:15px}.contents{background:#f9efec;border-left-color:#a45063;border-radius:0 12px 12px 0}.prose{color:#3e3040}.prose h2{font-size:30px}.prose aside,.prose blockquote,.prose .note,.article-note{background:#fff1e9;border-left-color:#ed9b82}.article-neighbors a{border-radius:10px}.pagination a,.pagination span{border-radius:50%}.pagination a:hover,.pagination .current{background:#713252;border-color:#713252}
@media(max-width:1100px){.hero-grid{gap:42px}.hero-visual>img.hero-photo{height:420px}.hero-mini{left:-30px}.masthead-actions{gap:20px}.header-search{width:260px}.ticker .wrap{gap:10px}.ticker a{font-size:11px}.editorial-panel{gap:35px;padding:42px}}
@media(max-width:850px){.brand-caption{display:none}.hero-grid{gap:30px}.hero h1{font-size:44px}.hero-visual{min-height:390px;padding-right:15px}.hero-visual>img.hero-photo{height:370px}.hero-mini{width:160px;height:140px;left:-20px}.hero-mini img{height:90px}.hero-mini span{font-size:11px}.hero-orbit{width:76px;height:76px;font-size:22px;border-width:5px}.ticker .wrap{flex-wrap:wrap;justify-content:flex-start;padding-block:14px}.ticker strong{width:100%}.ticker a{margin-right:12px}.category-grid{gap:12px}.editorial-panel h2{font-size:34px}}
@media(max-width:600px){.hero-grid{grid-template-columns:1fr}.masthead{min-height:76px}.brand img{width:103px}.masthead-actions{margin-left:auto;gap:0}.header-search{width:40px}.header-search:focus-within{right:72px}.navigation-band{background:#fffcfa}.main-navigation a{background:#fbf1ed}.hero{padding:43px 0 38px}.hero-grid{gap:25px}.hero h1{font-size:44px}.hero-copy>p{font-size:14px}.hero-stamp{margin-top:22px}.hero-stamp b{font-size:42px}.hero-visual{min-height:350px;padding:0 20px 22px 32px}.hero-visual>img.hero-photo{height:315px;border-radius:160px 160px 10px 10px}.hero-mini{left:0;bottom:0;width:135px;height:123px}.hero-mini img{height:76px}.hero-mini span{font-size:10px;padding:4px}.hero-orbit{right:0;bottom:25px;width:65px;height:65px;font-size:19px}.ticker .wrap{min-height:0;gap:9px}.ticker strong{font-size:10px}.ticker a{font-size:10px;margin-right:8px}.ticker a svg{width:11px}.section{padding-block:48px}.section-heading h2{font-size:32px}.category-grid{gap:10px}.category-tile{padding:18px 15px;min-height:170px;gap:17px}.category-tile h3{font-size:18px}.category-number{font-size:13px}.story-grid,.story-grid.two-columns,.story-grid:not(.two-columns){gap:20px}.story h3{font-size:23px}.editorial-panel{padding:29px 22px}.editorial-panel h2{font-size:33px}.faq-list summary{font-size:18px}.footer-main{padding-block:44px}.page-top h1{font-size:35px}.prose h2{font-size:27px}}

/* Independent design for s666vn.study */
:root{--blue:#206182;--navy:#14364c;--orange:#8adcea;--ink:#233c4a;--line:#d5e7ef;--soft:#eaf5f9;--logo-width:167px}
body{background:#f4f9fc;color:#233c4a}
.utility-bar,.site-footer{background:#14364c}.site-header{background:#f4f9fc}.navigation-band{background:#eaf5f9;border-color:#d5e7ef}
.brand img{width:var(--logo-width);height:auto}.brand-caption{color:var(--muted)}
.header-search{border-color:#d5e7ef;background:#fff}.support-link,.text-link,.breadcrumbs a:hover{color:#206182}
.main-navigation a:hover,.main-navigation a[aria-current=page]{color:#206182;border-bottom-color:#8adcea}
.hero{background:#14364c}.hero:before{background:radial-gradient(circle at 15% 80%,#206182aa,transparent 40%),linear-gradient(120deg,#14364c,#206182)}
.hero h1 em,.hero-stamp b{color:#8adcea}.hero-copy>p{color:#f5ebf0}.hero-mini{background:#f4f9fc}.hero-mini span{color:#233c4a}.hero-orbit{background:#8adcea;color:#14364c;border-color:#f4f9fc}
.eyebrow,.category-number,.story-meta span,.editorial-points b{color:#206182}.eyebrow.light{color:#8adcea}
.button.orange{background:#8adcea;color:#14364c}.button.blue,.button.dark,.category-tile.support-tile{background:#206182;color:white}.button.blue:hover,.button.dark:hover,.category-tile.support-tile:hover{background:#14364c}
.ticker,.editorial-panel{background:#eaf5f9}.category-tile,.story,.side-note{border-color:#d5e7ef;background:#fff}.category-tile:hover{background:#eaf5f9;color:#206182}.category-tile.support-tile p{color:#f4edf1}.side-box{background:#14364c}
.section-soft,.page-top{background:#eaf5f9}.prose{color:#233c4a}.contents{border-left-color:#206182;background:#eaf5f9}.article-cover img{border-radius:16px}
.site-footer a:hover{color:#8adcea}.footer-brand{background:#fff}.footer-main h2{color:white}.footer-age b{border-color:#8adcea}
.signature-section{background:#14364c;color:white}.signature-grid{display:grid;grid-template-columns:90px 1fr auto;gap:34px;align-items:center}.signature-mark{font:700 56px/1 'Segoe UI',Arial,sans-serif;color:#8adcea}.signature-grid h2{color:white;margin:0 0 9px}.signature-grid p{color:#f3e9ed;max-width:650px;margin:0;font-size:14px}.signature-grid .eyebrow{color:#8adcea}
@media(max-width:850px){.brand-caption{display:none}.signature-grid{grid-template-columns:60px 1fr;gap:15px}.signature-grid .button{grid-column:2;justify-self:start}}
@media(max-width:600px){.hero-grid{display:grid;grid-template-columns:1fr}.hero-visual{order:initial;width:auto;margin:0;transform:none;min-height:350px}.hero-visual>img.hero-photo{height:315px;transform:none}.brand img{width:min(154px,calc(100vw - 125px))}.signature-grid{grid-template-columns:1fr;gap:16px}.signature-mark{font-size:38px}.signature-grid .button{grid-column:1}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
 .masthead{min-height:85px}.hero{color:#233c4a;background:#eaf5f9}.hero:before{background:linear-gradient(120deg,#edf8fc,#d7ecf3)}.hero h1{color:#14364c}.hero-copy>p,.hero-disclosure,.hero-stamp{color:#365461}.button.outline-light{color:#206182;border-color:#206182}.hero-grid{grid-template-columns:.9fr 1.1fr}.hero-visual>img.hero-photo{border-radius:8px}.hero-mini{transform:none;border-left:5px solid #8adcea}.hero-orbit{border-radius:8px;transform:none}.category-grid{grid-template-columns:repeat(2,1fr)}.category-tile{min-height:125px;border-radius:5px}.story{border-radius:5px}.editorial-panel{border-radius:5px}.ticker{background:#d8eff6}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr 1fr}.main-navigation a{font-size:12px;padding-inline:7px}}
@media(max-width:600px){.hero-grid{display:grid;grid-template-columns:1fr;text-align:left}.hero-copy{max-width:none;margin:0;text-align:left}.hero-actions,.hero-stamp{justify-content:flex-start}.hero-visual{width:auto;margin:0;order:initial;padding:0 20px 22px 32px}.hero-visual>img.hero-photo{height:315px;border-width:0;border-radius:150px 150px 10px 10px;transform:none}.hero-mini{left:0;right:auto;bottom:0}.hero-orbit{right:0;left:auto;bottom:25px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header{background:#f4f9fc}.navigation-band{background:#f4f9fc}.main-navigation a{color:#233c4a;border-radius:4px}}
