:root{--ink:#172b45;--muted:#526177;--paper:#faf8f2;--navy:#1c3658;--line:#d9dfe5;--gold:#b68b50}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.85}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{color:#8b6029}a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}h1,h2,h3{line-height:1.45;letter-spacing:-.025em}h2{font-size:30px}h3{font-size:20px}.site-width{width:min(1120px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:20px;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:8px}.masthead{border-bottom:1px solid var(--line)}.masthead-row{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:25px}.wordmark{font-size:29px;font-weight:750;letter-spacing:-1px;text-decoration:none}.wordmark span{font-size:15px;letter-spacing:.15em;margin-left:12px;font-weight:500}.desktop-nav{display:flex;gap:30px;font-size:14px}.desktop-nav a{text-decoration:none}.mobile-nav{display:none}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:650;margin-bottom:16px}.welcome{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:72px;padding-block:56px}.welcome h1{font-size:clamp(34px,4.4vw,57px);font-weight:650}.welcome-lead{font-size:22px;margin-top:22px;line-height:1.7}.welcome-note{font-size:13px;color:var(--muted);margin:20px 0 25px}.primary-link{display:inline-flex;align-items:center;min-height:50px;padding:10px 24px;color:white;background:var(--navy);text-decoration:none;border-radius:3px;font-size:14px}.primary-link:hover{color:white;background:#304c70}.welcome-photo{position:relative}.welcome-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:3px}.welcome-photo figcaption{font-size:11px;color:var(--muted);margin-top:7px}.topic-strip{border-block:1px solid var(--line);background:#eeeae1}.topic-strip>div{display:flex;gap:70px;min-height:62px;align-items:center}.topic-strip a{text-decoration:none;font-size:14px}.before-area{padding-block:65px}.direct-answer{font-size:19px;line-height:1.9;color:#2f4d70}.before-area>.direct-answer{max-width:790px;margin:23px 0 30px}.page-purposes{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin:0}.page-purposes>div{padding-top:18px;border-top:3px solid var(--gold)}dt{font-size:20px;font-weight:650}dd{margin:12px 0 0;color:var(--muted);font-size:15px}.section-tail{margin-top:30px;font-size:14px}.after-area{background:var(--navy);color:white}.after-layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:100px;padding-block:60px}.after-layout .section-heading>p:last-child{margin-top:22px;font-size:15px;color:#d3dcea}.after-layout h2{font-size:37px}.result-notes{display:grid;gap:24px}.result-notes article{padding-bottom:22px;border-bottom:1px solid #ffffff30}.result-notes h3{font-size:19px;margin-bottom:10px}.result-notes p{font-size:15px;color:#d3dcea}.light-link{font-size:14px;color:#eee3ce}.questions-section{padding-block:60px}.question-list{margin-top:25px;max-width:860px}.question-list details{border-bottom:1px solid var(--line);padding:17px 0}.question-list summary{cursor:pointer;font-weight:600;min-height:30px}.question-list details p{margin:15px 0 5px;color:var(--muted);font-size:15px}.reading-room{padding-block:15px 70px}.journal-list{margin-top:27px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.journal-entry{border-top:1px solid var(--line);padding-top:23px}.journal-entry h3{font-size:23px}.journal-entry h3 a{text-decoration:none}.journal-entry p:not(.eyebrow){color:var(--muted);font-size:15px;margin:15px 0}.journal-entry time{font-size:12px;color:var(--muted)}.site-foot{background:#e7e4db}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-block:36px}.footer-grid strong{font-size:23px}.footer-grid p{font-size:13px;color:var(--muted)}.footer-grid nav{display:flex;justify-content:flex-end;gap:23px;font-size:13px;align-items:start;flex-wrap:wrap}.footer-grid nav a{text-decoration:none}.footer-grid small{font-size:11px;color:var(--muted);grid-column:1/-1}.reading-main{max-width:850px;margin:auto;padding:35px 30px 70px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;color:var(--muted);margin-bottom:30px}.page-heading{border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:30px}.page-heading h1{font-size:37px}.page-heading>p:last-child{margin-top:19px;color:var(--muted)}.reading-body h2{font-size:26px;margin:35px 0 15px}.reading-body>p{margin-bottom:20px}.byline{font-size:12px}.reading-body .journal-list{margin-bottom:25px}
@media(max-width:700px){.site-width{width:calc(100% - 40px)}.masthead-row{min-height:67px}.wordmark{font-size:25px}.wordmark span{font-size:13px}.desktop-nav{display:none}.mobile-nav{display:block;position:relative;font-size:14px}.mobile-nav summary{min-height:44px;align-content:center}.mobile-nav nav{position:absolute;right:0;top:43px;z-index:4;background:var(--paper);border:1px solid var(--line);padding:15px;width:200px;box-shadow:0 9px 20px #172b4515}.mobile-nav nav>*{display:block;padding:9px 0}.welcome{grid-template-columns:1fr;gap:28px;padding-block:30px}.welcome h1{font-size:35px}.welcome-lead{font-size:19px;margin-top:17px}.welcome-note{margin-block:15px 20px}.welcome-photo img{height:210px;aspect-ratio:auto;object-position:center 58%}.welcome-photo figcaption{font-size:10px}.eyebrow{margin-bottom:11px}.topic-strip>div{gap:0;justify-content:space-between;min-height:55px}.topic-strip a{font-size:13px}.before-area{padding-block:36px}.before-area h2{font-size:27px}.direct-answer{font-size:18px}.page-purposes{grid-template-columns:1fr;gap:22px}.page-purposes>div{display:grid;grid-template-columns:70px 1fr;gap:12px;padding-top:14px;border-top:1px solid var(--line)}dt{font-size:18px}dd{margin:0;font-size:14px}.section-tail{margin-top:25px}.after-layout{grid-template-columns:1fr;gap:30px;padding-block:38px}.after-layout h2{font-size:30px}.after-layout h2 br{display:none}.after-layout .section-heading>p:last-child{margin-top:15px}.result-notes{gap:18px}.questions-section{padding-block:36px}.questions-section h2,.reading-room h2{font-size:27px}.question-list summary{font-size:16px}.reading-room{padding-block:10px 45px}.journal-list{grid-template-columns:1fr;gap:28px}.journal-entry h3{font-size:23px}.footer-grid{grid-template-columns:1fr;gap:19px;padding-block:30px}.footer-grid nav{justify-content:flex-start;gap:18px}.reading-main{padding:23px 22px 45px}.page-heading h1{font-size:30px}.reading-body h2{font-size:25px}.breadcrumbs{margin-bottom:26px}}
