:root{--font-sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;font-family:var(--font-sans);font-weight:400;letter-spacing:-.01em;color:#282c2a;background:#fff;font-synthesis:none;line-height:1.6;word-break:keep-all;--line:#e5e8e5;--muted:#6c736e;--soft:#f5f7f4;scroll-behavior:smooth;scroll-padding-top:24px}
*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}button{color:inherit}button[hidden],[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.025em;line-height:1.45}img{max-width:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:16px;top:-100px;background:#fff;padding:12px;z-index:10}.skip-link:focus{top:12px}
.header-inner,.nav-inner,.page-layout,.article-shell,.site-footer{width:min(1100px,calc(100% - 64px));margin-inline:auto}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-size:23px;font-weight:750;letter-spacing:-.03em}.header-tagline{color:var(--muted);font-size:13px}.desktop-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-links{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.nav-links a{font-size:14px;padding:15px 0 14px;border-bottom:2px solid transparent}.nav-links a[aria-current]{border-color:var(--accent);font-weight:650;color:var(--accent)}.header-search{font-size:13px;color:var(--muted)}.mobile-menu{display:none}
.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;column-gap:64px;padding-top:47px;padding-bottom:84px}.main-column{min-width:0}.page-intro{margin-bottom:33px}.section-kicker{font-size:12px;font-weight:650;color:var(--accent);display:block;margin-bottom:10px}.page-intro h1{font-size:32px;font-weight:700;line-height:1.45}.page-intro>p:last-child{font-size:15px;line-height:1.85;color:var(--muted);margin-top:13px;max-width:620px}.featured-story{border:1px solid #dfe6de;border-left:3px solid var(--accent);background:#f7f9f6;padding:26px 28px;margin-bottom:43px}.featured-label{font-size:12px;font-weight:650;color:var(--accent);margin-bottom:16px}.post-meta{display:flex;gap:14px;flex-wrap:wrap;color:#727a73;font-size:12px;line-height:1.5}.featured-story h2{font-size:24px;margin-top:10px;font-weight:650;line-height:1.5}.featured-story>p{margin-top:13px;color:#5b645d;font-size:14px;line-height:1.9}.text-link{font-size:13px;font-weight:600;color:var(--accent);display:inline-block;margin-top:20px;text-decoration:underline;text-underline-offset:4px}
.list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:2px solid #343c36;padding-bottom:13px;margin-bottom:20px}.list-heading h2{font-size:19px;font-weight:650}.result-count{font-size:12px;color:var(--muted)}.search-form{display:flex;gap:0;width:100%;margin:0 0 7px}.search-form input{border:1px solid #d9dfd9;background:#fff;min-width:0;flex:1;font-size:13px;padding:11px 13px;border-radius:2px 0 0 2px;color:#272e29}.search-form input::placeholder{color:#8a918b}.search-form button{border:1px solid #d9dfd9;background:#f5f7f3;font-size:13px;font-weight:500;padding:9px 18px;border-left:0}.search-form .search-reset{margin-left:8px;background:transparent;border:0;padding:8px;color:var(--muted)}.post-row{padding:25px 0 27px;border-bottom:1px solid var(--line)}.post-row h3{font-size:20px;font-weight:650;margin-top:10px;line-height:1.55}.post-row>p{font-size:14px;color:var(--muted);line-height:1.9;margin-top:9px}.read-link{font-size:12px;color:var(--accent);margin-top:13px;display:inline-block}
.sidebar{padding-top:5px}.sidebar-section{margin-bottom:34px}.sidebar-section>h2,.sidebar-note>h2{font-size:14px;font-weight:650;padding-bottom:13px;border-bottom:1px solid #a8b3a8}.category-list,.reading-list,.journal-sites{list-style:none;padding:0;margin:0}.category-list li{border-bottom:1px solid var(--line)}.category-list a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:13px}.category-list a span:last-child{color:#8a928b;font-size:12px}.reading-list{counter-reset:reading}.reading-list li{counter-increment:reading;position:relative;padding:15px 0 15px 26px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.85}.reading-list li::before{content:counter(reading,decimal-leading-zero);font-size:11px;color:var(--muted);position:absolute;left:0;top:17px;font-variant-numeric:tabular-nums}.sidebar-note{padding:18px;background:var(--soft)}.sidebar-note>h2{border:0;padding-bottom:9px}.sidebar-note p{font-size:12px;line-height:1.95;color:#70796f}.no-results{padding:48px 15px;text-align:center;border-bottom:1px solid var(--line)}.no-results h3{font-size:17px}.no-results p{font-size:13px;color:var(--muted);margin-top:10px}.no-results button{margin-top:20px;background:#fff;border:1px solid var(--line);padding:8px 14px;font-size:12px}
.site-footer{border-top:1px solid #d7ddd5;padding:27px 0 37px;display:flex;justify-content:space-between;gap:32px;font-size:12px;color:var(--muted)}.site-footer>div>a{font-weight:650;color:#39423b;font-size:13px}.site-footer p{margin-top:7px;font-size:11px;line-height:1.9}.footer-note{text-align:right}.footer-note>a{display:inline-block;margin-top:7px}.breadcrumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted)}.category-intro{margin-top:25px}.category-layout{padding-top:40px}
.article-shell{padding-top:30px;padding-bottom:65px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;column-gap:64px;margin-top:34px}.article{min-width:0}.article-header h1{font-size:34px;line-height:1.5;letter-spacing:-.03em;font-weight:700}.article-description{font-size:16px;color:#697269;line-height:1.9;margin-top:19px}.article-byline{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:#7a827b;margin-top:22px;padding-bottom:23px;border-bottom:1px solid var(--line);line-height:1.7}.sample-notice{font-size:11px;color:#777e77;line-height:1.8;margin-top:15px}.article-summary{background:#f5f7f3;border-left:3px solid var(--accent);padding:21px 24px;margin-top:28px}.article-summary>span{font-size:12px;font-weight:650;color:var(--accent)}.article-summary>p{font-size:15px;margin-top:8px;line-height:1.95}.article-body{font-size:var(--body-font-size,16px);line-height:2;color:#394139}.article-body>p{margin:20px 0}.article-body>h2,.faq-section>h2,.sources-section>h2{font-size:23px;font-weight:650;margin:47px 0 19px;line-height:1.5;padding-bottom:13px;border-bottom:1px solid #dce1d9;scroll-margin-top:24px}.article-list{list-style:none;padding:0;margin:19px 0}.article-list li{position:relative;padding:4px 0 4px 17px}.article-list li::before{content:"";position:absolute;left:1px;top:18px;width:5px;height:1px;background:#7e897d}
.table-scroll{overflow-x:auto;margin:25px 0;border-top:1px solid #6b786a;border-bottom:1px solid #d9e1d6}.table-scroll table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.85;text-align:left;min-width:565px}.table-scroll th,.table-scroll td{padding:15px 16px;border-bottom:1px solid #e2e7df;vertical-align:top}.table-scroll thead th{background:#f2f5ef;color:#3d4f3c;font-size:12px;font-weight:650}.table-scroll tbody th{font-weight:600;min-width:105px}.table-scroll tr:last-child>*{border-bottom:0}.table-scroll td{color:#5a6558;min-width:150px}.article-callout{border:1px solid #dfe5da;padding:22px 24px;background:#fafbf8;margin:26px 0}.article-callout h3{font-size:15px;font-weight:650}.article-callout p{font-size:14px;color:#687362;margin-top:7px;line-height:1.95}.checklist{margin:23px 0;border-top:1px solid var(--line)}.checklist label{display:flex;align-items:flex-start;gap:12px;padding:15px 3px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.9;cursor:pointer}.checklist input{flex-shrink:0;width:16px;height:16px;margin:5px 0 0;accent-color:var(--accent)}.checklist input:checked+span{text-decoration:line-through;color:#899184}
.article-aside{align-self:start;position:sticky;top:28px;margin-top:4px;max-height:calc(100vh - 56px);overflow:auto}.table-of-contents{border-top:2px solid #5b6b56;padding-top:16px}.table-of-contents h2{font-size:14px;font-weight:650}.table-of-contents ol{list-style:decimal;padding-left:19px;margin:14px 0 0}.table-of-contents li{font-size:12px;color:#66725f;line-height:1.8;padding:6px 0 6px 2px}.table-of-contents a:hover{color:var(--accent)}.article-side-note{margin-top:27px;padding:19px;background:#f6f8f3}.article-side-note h2{font-size:13px}.article-side-note p{font-size:12px;line-height:1.95;color:#77816f;margin-top:9px}.article-side-note>a{font-size:12px;text-decoration:underline;margin-top:11px;display:inline-block}.mobile-contents{display:none}.faq-section details{border-bottom:1px solid var(--line);padding:16px 0}.faq-section summary{font-size:15px;font-weight:550;line-height:1.8;list-style-position:outside;margin-left:18px;padding-left:3px}.faq-section details>p{font-size:14px;line-height:1.95;color:#65715e;margin:13px 0 3px 21px}.sources-section{margin-top:43px}.sources-section>h2{font-size:19px;margin-top:0}.sources-section>p{font-size:12px;color:#7a8275;line-height:1.9}.sources-section ul{list-style:none;padding:0;margin:16px 0 0}.sources-section li{margin:11px 0;font-size:13px;line-height:1.8}.sources-section a{text-decoration:underline;text-underline-offset:4px}.sources-section li span{display:block;font-size:11px;color:#7f877a;margin-top:4px}.article-next{border-top:1px solid var(--line);padding-top:23px;margin-top:42px}.article-next h2{font-size:15px;margin-bottom:12px}.article-next a{display:block;font-size:13px;color:var(--accent);margin-top:8px}.not-found{width:min(1100px,calc(100% - 64px));margin:70px auto 110px}.not-found h1{font-size:28px}.not-found>p:not(.section-kicker){margin-top:15px;color:var(--muted)}
.journal{background:#f9f7f2;color:#38362f;--line:#e2ddd1;--muted:#7a766b;--soft:#efebe2}.journal-header,.journal-intro,.journal-layout,.journal .site-footer{width:min(1120px,calc(100% - 72px));margin-inline:auto}.journal-masthead{padding:38px 0 29px;text-align:center}.journal-wordmark{font-size:37px;letter-spacing:-.035em;font-weight:700}.journal-masthead p{font-size:12px;margin-top:8px;letter-spacing:.02em;color:#847d6e}.journal-nav{border-top:1px solid #6b6253;border-bottom:1px solid #d6cfc0;display:flex;justify-content:space-between;align-items:center;gap:20px}.journal .nav-links{gap:31px}.journal .nav-links a{font-size:12px;padding-top:13px;padding-bottom:12px}.journal .nav-links a[aria-current]{border-bottom-color:#877358;color:#66543b}.journal-intro{padding:43px 0 33px;border-bottom:1px solid #d8d0c0;margin-bottom:36px}.journal .section-kicker{color:#8a7455;font-size:11px;font-weight:500}.journal-intro h1{font-weight:650;font-size:36px;line-height:1.65;letter-spacing:-.03em;max-width:680px}.journal-intro>p{font-size:14px;line-height:1.95;color:#8b8273;margin-top:14px}.journal-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:76px;padding-bottom:70px}.journal-main{min-width:0}.journal .list-heading{border-bottom:1px solid #8d806a;padding-bottom:12px}.journal .list-heading h2{font-size:17px;font-weight:500}.journal .search-form input{background:transparent;border-color:#d6cfc0}.journal .search-form button{background:#eee8dc;border-color:#d6cfc0}.journal-category-links{display:flex;gap:22px;border-bottom:1px solid #d7cebc;padding:18px 0 12px}.journal-category-links a{color:#8a8170;font-size:12px;padding:0 0 3px}.journal .post-row{padding:27px 0 29px}.journal .post-row h3{font-size:22px;font-weight:600;line-height:1.6}.journal .post-row>p{font-size:13px;color:#8a8172}.journal .post-meta{font-size:11px;gap:12px}.journal .read-link{color:#846e4c;font-size:11px}.journal-sidebar{padding-top:1px}.journal-introduction{border-top:2px solid #80715a;border-bottom:1px solid #d4cbb9;padding:22px 0 25px;margin-bottom:30px}.journal-introduction h2{font-size:21px;font-weight:600;line-height:1.7;margin-top:12px}.journal-introduction>p{font-size:12px;line-height:2;color:#8c8271;margin-top:13px}.journal .sidebar-section>h2{font-size:13px;font-weight:500;border-color:#b7aa93}.journal-sites li{border-bottom:1px solid #e2d9c9}.journal-sites a{display:flex;flex-direction:column;gap:3px;padding:14px 0;font-size:13px}.journal-sites small{font-size:11px;color:#978b77}.journal .sidebar-note{background:#f0ece3;padding:18px}.journal .sidebar-note h2{font-weight:500}.journal .sidebar-note p{color:#8e8372}.journal .site-footer{border-color:#b8ab94}.journal .site-footer>div>a{font-weight:500}.journal .category-layout{padding-top:35px}.journal .category-intro h1{font-weight:650}.journal .article-header h1{font-weight:700}.journal .article-summary,.journal .article-side-note{background:#f0ece3}.journal .article-summary{border-color:#b4a489}.journal .article-body{color:#4d493f}.journal .article-body>h2{border-color:#d8d0c0}
@media(min-width:1300px){.journal-intro{position:relative;min-height:213px}.journal-intro>p{position:absolute;right:0;top:68px;width:250px;margin:0}.journal-intro h1 br{display:none}.journal-intro h1{max-width:710px;font-size:35px;line-height:1.7}}
@media(max-width:1050px){.page-layout,.article-layout{grid-template-columns:minmax(0,1fr) 215px;gap:40px}.journal-layout{grid-template-columns:minmax(0,1fr) 215px;gap:40px}.article-header h1{font-size:30px}.page-intro h1{font-size:28px}.header-tagline{font-size:12px}}
@media(max-width:780px){.header-inner,.nav-inner,.page-layout,.article-shell,.site-footer{width:calc(100% - 40px)}.header-inner{min-height:72px}.wordmark{font-size:21px}.header-tagline{display:none}.desktop-nav{display:none}.site-header{border-bottom:1px solid var(--line)}.mobile-menu{display:block;position:relative}.mobile-menu>summary{font-size:13px;padding:8px 0 8px 13px;list-style:none}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu[open]>summary{font-weight:650;color:var(--accent)}.mobile-menu>.nav-links{position:absolute;z-index:5;right:0;top:39px;width:190px;display:flex;align-items:stretch;gap:0;flex-direction:column;padding:6px 17px;border:1px solid #d9dfd7;background:#fff;box-shadow:0 4px 14px #2530250a}.mobile-menu .nav-links a{padding:13px 0;font-size:13px;border-bottom:1px solid var(--line)}.mobile-menu .nav-links a:last-child{border-bottom:0}.page-layout{display:block;padding-top:33px;padding-bottom:45px}.page-intro{margin-bottom:24px}.page-intro h1{font-size:27px}.page-intro>p:last-child{font-size:14px;line-height:1.9}.featured-story{padding:21px 22px;margin-bottom:34px}.featured-story h2{font-size:22px}.featured-story>p{font-size:13px}.sidebar{display:none}.post-row h3{font-size:19px}.post-row>p{font-size:13px}.post-row{padding:23px 0}.list-heading h2{font-size:18px}.search-form input{font-size:12px}.search-form button{font-size:12px;padding-inline:15px}.search-form .search-reset{padding-inline:3px;font-size:11px}.site-footer{padding-top:23px;display:block}.footer-note{text-align:left;margin-top:17px}.article-shell{padding-top:23px;padding-bottom:43px}.article-layout{display:block;margin-top:25px}.article-header h1{font-size:29px}.article-description{font-size:15px;line-height:1.9;margin-top:15px}.article-byline{gap:8px 13px;font-size:10px;margin-top:19px}.article-aside{display:none}.article-summary{padding:19px 20px;margin-top:24px}.article-summary>p{font-size:14px}.article-body{font-size:var(--body-font-size,16px);line-height:2}.article-body>h2,.faq-section>h2{font-size:21px;margin-top:36px}.mobile-contents{display:block;border:1px solid var(--line);margin-top:23px;background:#fff}.mobile-contents>summary{font-size:13px;font-weight:600;padding:14px 19px;list-style-position:inside}.mobile-contents .table-of-contents{border:0;padding:0 22px 18px}.mobile-contents .table-of-contents h2{display:none}.mobile-contents .table-of-contents ol{margin:0}.table-scroll table{font-size:12px}.table-scroll th,.table-scroll td{padding:13px}.article-callout{padding:19px 20px}.checklist label{font-size:13px}.faq-section summary{font-size:14px}.faq-section details>p{font-size:13px}.not-found{width:calc(100% - 40px);margin-top:48px}.not-found h1{font-size:25px}.journal-header,.journal-intro,.journal-layout,.journal .site-footer{width:calc(100% - 40px)}.journal-masthead{padding:28px 0 23px}.journal-wordmark{font-size:31px}.journal-masthead p{font-size:10px;line-height:1.8}.journal-nav{display:block}.journal .nav-links{justify-content:space-between;gap:8px;flex-wrap:nowrap}.journal .nav-links a{font-size:11px;white-space:nowrap}.journal .header-search{display:none}.journal-intro{padding:30px 0 25px;margin-bottom:29px}.journal-intro h1{font-size:29px}.journal-intro>p{font-size:13px;margin-top:12px}.journal-layout{display:block;padding-bottom:44px}.journal-sidebar{border-top:1px solid #b8ab94;margin-top:35px;padding-top:24px}.journal-introduction{border-top:0;padding-top:0}.journal-introduction h2 br{display:none}.journal-introduction h2{font-size:19px}.journal .post-row h3{font-size:21px}.journal .post-row>p{font-size:13px}.journal .sidebar-note{margin-top:20px}.journal .category-layout{padding-top:27px}.journal-category-links{gap:23px;padding-top:16px}.journal .post-meta{gap:11px;font-size:10px}}
.nav-inner>.nav-links,.journal-nav>.nav-links{min-width:0;flex:1}.header-search{flex:none}.nav-links a,.journal-category-links a{max-width:100%;overflow-wrap:anywhere}.journal-category-links{flex-wrap:wrap;row-gap:12px}.article-aside>.article-side-note:first-child{margin-top:0}
@media(max-width:780px){.journal .nav-links{overflow-x:auto;max-width:100%}.journal .nav-links a{flex:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}@media print{.site-header,.journal-header,.site-footer,.article-aside,.mobile-contents,.article-next,.sample-notice{display:none}.article-shell{width:100%;padding:0}.article-layout{display:block}.article-header h1{font-size:24px}.article-body{font-size:12px}.table-scroll{overflow:visible}.table-scroll table{min-width:0}details>p{display:block!important}}

.rich-content>p{min-height:1em}.rich-content h3{font-size:1.25em;margin:30px 0 14px}.rich-content h4{font-size:1.1em;margin:25px 0 12px}.rich-content ul,.rich-content ol{padding-left:1.5em;margin:20px 0}.rich-content li{padding:3px 0}.rich-content li p{margin:0}.rich-content a{text-decoration:underline;text-underline-offset:3px}.rich-content blockquote{margin:24px 0;padding:16px 22px;border-left:3px solid var(--accent);background:var(--soft)}.rich-content blockquote p{margin:5px 0}.rich-content figure{max-width:100%;margin:26px auto}.rich-content figure[data-align="left"]{margin-left:0;margin-right:auto}.rich-content figure[data-align="right"]{margin-right:0;margin-left:auto}.rich-content figure[data-align="center"]{margin-inline:auto}.rich-content figure img{display:block;width:100%;height:auto;border-radius:2px}.rich-content figcaption{font-size:13px;color:var(--muted);text-align:center;line-height:1.7;margin-top:10px}.rich-content>img{display:block;max-width:100%;height:auto;margin:24px auto}.rich-content hr{border:0;border-top:1px solid var(--line);margin:30px 0}.rich-content pre{overflow:auto;padding:18px;background:var(--soft);font-size:14px;white-space:pre-wrap}.rich-content code{font-family:ui-monospace,monospace}.rich-content .table-scroll p{margin:0}.rich-content .table-scroll table{min-width:560px}

/* The photo-led guide theme is deliberately scoped away from the journal. */
.guide {
  color: #282333;
  background: #fcfaff;
  --line: #e8e1f0;
  --muted: #77707f;
  --soft: #f2edf9;
}
.guide .guide-container,
.guide .header-inner,
.guide .article-shell {
  width: min(1160px, calc(100% - 80px));
  margin-inline: auto;
}
.guide .guide-header { border: 0; background: #fcfaff; }
.guide .header-inner { min-height: 104px; gap: 40px; }
.guide .wordmark { color: var(--accent); font-size: 25px; font-weight: 800; flex-shrink: 1; min-width: 0; overflow-wrap: anywhere; }
.guide .guide-desktop-navigation { display: flex; justify-content: flex-end; align-items: center; gap: 30px; min-width: 0; }
.guide .nav-links { justify-content: flex-end; gap: 28px; }
.guide .nav-links a { font-size: 14px; padding-block: 12px; }
.guide .guide-header-search { flex-shrink: 0; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; }
.guide .guide-header-search:hover { background: var(--soft); }
.guide .search-symbol { width: 15px; height: 15px; border: 1.7px solid currentColor; border-radius: 50%; position: relative; }
.guide .search-symbol::after { content: ''; position: absolute; width: 7px; height: 1.7px; background: currentColor; transform: rotate(45deg); right: -5px; bottom: -2px; }
.guide .guide-hero { position: relative; }
.guide .guide-hero-inner { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 82px; padding-block: 44px 57px; }
.guide .guide-kicker { display: inline-block; color: #8b6612; font-weight: 650; font-size: 12px; letter-spacing: -.01em; position: relative; line-height: 1.8; }
.guide .guide-kicker::after { content: ''; position: absolute; height: 2px; bottom: -5px; left: -3px; right: -4px; background: #d4c3ed; border-radius: 50%; transform: rotate(-2deg); }
.guide .guide-hero-copy h1 { font-size: clamp(36px, 3.65vw, 51px); line-height: 1.38; font-weight: 750; letter-spacing: -.055em; margin-top: 26px; max-width: 560px; text-wrap: balance; }
.guide .guide-hero-copy h1 span { display: block; color: var(--accent); }
.guide .guide-hero-copy h1 { overflow-wrap: anywhere; }
.guide .guide-hero-description { font-size: 15px; line-height: 1.9; color: #746d7c; margin-top: 23px; max-width: 430px; }
.guide .guide-hero-link { display: inline-flex; align-items: center; gap: 18px; color: var(--accent); font-size: 13px; font-weight: 650; margin-top: 30px; }
.guide .link-arrow { display: inline-block; width: 22px; height: 1px; background: currentColor; position: relative; vertical-align: middle; flex-shrink: 0; }
.guide .link-arrow::after { content: ''; width: 6px; height: 6px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; position: absolute; right: 0; top: -3px; transform: rotate(45deg); }
.guide .guide-hero-visual { position: relative; padding: 18px 14px 19px 8px; max-width: 465px; width: 100%; justify-self: end; }
.guide .guide-hero-visual::before { content: ''; position: absolute; inset: 8px 6px 5px 8px; background: var(--accent); border-radius: 42% 55% 40% 46% / 47% 38% 51% 50%; transform: rotate(-9deg); }
.guide .guide-hero-photo { position: relative; aspect-ratio: 1.2; border-radius: 47% 45% 38% 49% / 45% 39% 51% 50%; overflow: hidden; background: #e9e3ef; }
.guide .guide-hero-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.guide .guide-photo-accent { position: absolute; width: 43px; height: 43px; border: 2px solid #b59cda; border-left-color: transparent; border-bottom-color: transparent; border-radius: 0 100% 0 0; top: -2px; right: 15px; transform: rotate(10deg); }
.guide .guide-photo-accent::before,
.guide .guide-photo-accent::after { content: ''; position: absolute; border: 2px solid #b59cda; border-left-color: transparent; border-bottom-color: transparent; border-radius: 0 100% 0 0; }
.guide .guide-photo-accent::before { width: 30px; height: 30px; right: 5px; top: 5px; }
.guide .guide-photo-accent::after { width: 18px; height: 18px; right: 10px; top: 10px; }
.guide .guide-waves { height: 145px; width: 100%; background: url('/images/guide/waves.svg') center / 100% 100% no-repeat; }
.guide .guide-posts { padding-top: 57px; padding-bottom: 110px; }
.guide .guide-section-heading { text-align: center; max-width: 650px; margin: 0 auto 48px; }
.guide .guide-section-heading h2 { font-size: 34px; line-height: 1.45; font-weight: 700; letter-spacing: -.04em; margin-top: 25px; text-wrap: balance; }
.guide .guide-section-heading > p { margin: 17px auto 0; max-width: 480px; color: var(--muted); font-size: 14px; line-height: 1.8; }
.guide .guide-list-tools { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-bottom: 12px; }
.guide .guide-category-tabs { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; }
.guide .guide-category-tabs a { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; border-radius: 22px; padding: 8px 17px; font-size: 12px; color: #80748f; background: #f0eaf7; overflow-wrap: anywhere; }
.guide .guide-category-tabs a:hover { color: var(--accent); background: #e9e0f4; text-decoration: none; }
.guide .guide-category-tabs a[aria-current] { color: #fff; background: var(--accent); font-weight: 600; }
.guide .guide-list-tools .search-form { width: 266px; flex-shrink: 0; margin: 0; align-items: stretch; flex-wrap: wrap; row-gap: 5px; }
.guide .guide-list-tools .search-form input { width: 140px; border-color: #e2d9ed; border-radius: 20px 0 0 20px; background: transparent; padding: 9px 14px; font-size: 12px; }
.guide .guide-list-tools .search-form button[type='submit'] { border-color: #e2d9ed; border-radius: 0 20px 20px 0; color: var(--accent); background: #f3eef9; padding: 8px 15px; font-size: 12px; }
.guide .guide-list-tools .search-reset { margin: 0 0 0 auto; padding: 3px 8px; font-size: 11px; }
.guide .guide-list-count { min-height: 26px; text-align: right; margin-bottom: 15px; }
.guide .guide-list-count .result-count { color: #786b85; font-size: 11px; }
.guide .guide-post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 51px 30px; }
.guide .guide-post-card { min-width: 0; display: flex; flex-direction: column; }
.guide .guide-card-image { display: block; position: relative; aspect-ratio: 1.52; overflow: hidden; border-radius: 24px; background: #eae4f0; }
.guide .guide-card-image img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 220ms ease; }
.guide .guide-card-image:hover img { transform: scale(1.035); }
.guide .guide-category-badge { position: absolute; top: 15px; left: 15px; display: block; max-width: calc(100% - 30px); border-radius: 8px; padding: 5px 11px; background: #ffda59; color: #5d4512; font-size: 11px; font-weight: 650; overflow-wrap: anywhere; line-height: 1.6; }
.guide .guide-card-content { display: flex; flex: 1; flex-direction: column; padding-top: 17px; }
.guide .guide-card-content h3 { font-size: 20px; line-height: 1.5; letter-spacing: -.035em; font-weight: 650; }
.guide .guide-card-content h3 a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.guide .guide-card-content > p { color: #756c7e; font-size: 13px; line-height: 1.85; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.guide .guide-card-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-top: 21px; margin-top: auto; }
.guide .guide-read-link { display: inline-flex; align-items: center; gap: 12px; font-size: 12px; color: var(--accent); font-weight: 550; }
.guide .guide-read-link .link-arrow { width: 20px; }
.guide .guide-card-bottom time { font-size: 10px; color: #786b85; }
.guide .no-results { border: 1px dashed #d6c8e5; border-radius: 18px; background: #f7f3fc; margin-top: 25px; }
.guide .no-results button { border-radius: 20px; border-color: #d8c9ed; color: var(--accent); }
.guide .guide-category-heading { padding-top: 40px; padding-bottom: 8px; }
.guide .guide-category-heading h1 { margin-top: 30px; font-size: 40px; font-weight: 700; letter-spacing: -.04em; }
.guide .guide-category-heading + .guide-posts { padding-top: 32px; }
.guide .guide-category-heading > p { margin-top: 12px; font-size: 14px; line-height: 1.8; color: var(--muted); }
.guide .guide-footer { position: relative; margin-top: 80px; background: #f0eafa; }
.guide .guide-footer::before { content: ''; position: absolute; top: -100px; height: 101px; left: 0; right: 0; background: url('/images/guide/footer-wave.svg') center / 100% 100% no-repeat; }
.guide .guide-footer-inner { width: min(1160px, calc(100% - 80px)); margin-inline: auto; padding-top: 57px; display: grid; grid-template-columns: 1fr 1fr; gap: 40px 90px; }
.guide .guide-footer-information { padding-top: 20px; }
.guide .guide-footer-wordmark { display: inline-block; color: var(--accent); font-size: 27px; letter-spacing: -.04em; font-weight: 800; }
.guide .guide-footer-information > p:first-of-type { font-size: 12px; color: #75647f; margin-top: 8px; }
.guide .guide-footer-links { display: flex; flex-wrap: wrap; column-gap: 24px; row-gap: 14px; max-width: 350px; margin-top: 40px; }
.guide .guide-footer-links a { font-size: 13px; color: #6f5f7c; }
.guide .guide-footer-disclaimer { font-size: 11px; line-height: 1.9; max-width: 340px; color: #706376; margin-top: 33px; }
.guide .guide-footer-feature { width: 100%; max-width: 385px; justify-self: end; }
.guide .guide-footer-feature h2 { font-size: 29px; font-weight: 700; line-height: 1.5; letter-spacing: -.04em; }
.guide .guide-footer-feature h2 span { color: var(--accent); }
.guide .guide-footer-photo { border: 14px solid var(--accent); border-bottom-width: 22px; border-radius: 34px; margin-top: 27px; overflow: hidden; background: var(--accent); aspect-ratio: 1.55; }
.guide .guide-footer-photo img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 18px; }
.guide .guide-footer-bottom { grid-column: 1 / -1; border-top: 1px solid #d5c6e4; padding-block: 23px 27px; margin-top: 20px; display: flex; justify-content: space-between; align-items: center; gap: 20px; color: #706376; font-size: 11px; }
.guide .guide-footer-bottom a { display: inline-flex; gap: 14px; align-items: center; color: #755c87; }
.guide .article-shell { padding-top: 32px; padding-bottom: 70px; }
.guide .article-layout { grid-template-columns: minmax(0, 1fr) 215px; gap: 60px; margin-top: 36px; }
.guide .article-header h1 { font-size: 38px; font-weight: 700; line-height: 1.45; }
.guide .article-description { color: #807589; font-size: 16px; }
.guide .article-byline { border-bottom-color: #e3d9ed; color: #796d84; }
.guide .guide-article-cover { margin: 30px 0 0; border-radius: 24px; overflow: hidden; background: var(--soft); }
.guide .guide-article-cover img { display: block; width: 100%; max-height: 560px; aspect-ratio: 1.65; object-fit: cover; }
.guide .article-summary { border-left: 0; border-radius: 18px; background: #f1eaf9; padding: 24px 28px; }
.guide .article-summary > p { color: #655a70; }
.guide .article-body { color: #514759; }
.guide .article-body > h2 { border-color: #e5dcef; }
.guide .article-callout { background: #f6f1fb; border-color: #e2d7ef; border-radius: 16px; }
.guide .table-of-contents { border-top-color: var(--accent); }
.guide .table-of-contents li { color: #786387; }
.guide .article-side-note { background: #f2edf9; border-radius: 16px; }
.guide .table-scroll thead th { background: #f1eaf9; color: #665176; }
.guide .table-scroll td { color: #73647e; }
.guide .article-next { border-color: #e3d9ed; }
.guide .mobile-contents { border-color: #e2d5ee; border-radius: 14px; overflow: hidden; }
.guide .not-found { min-height: 280px; }
@media (max-width: 1050px) {
  .guide .guide-container, .guide .header-inner, .guide .article-shell, .guide .guide-footer-inner { width: calc(100% - 56px); }
  .guide .header-inner { min-height: 92px; gap: 24px; }
  .guide .wordmark { font-size: 23px; }
  .guide .guide-desktop-navigation { gap: 17px; }
  .guide .nav-links { gap: 19px; }
  .guide .nav-links a { font-size: 12px; }
  .guide .guide-hero-inner { gap: 45px; padding-block: 38px 45px; }
  .guide .guide-hero-copy h1 { font-size: 39px; }
  .guide .guide-hero-description { font-size: 14px; }
  .guide .guide-post-grid { gap: 40px 24px; }
  .guide .guide-card-content h3 { font-size: 18px; }
  .guide .guide-list-tools { flex-direction: column; gap: 19px; }
  .guide .guide-list-tools .search-form { width: min(100%, 340px); align-self: end; }
  .guide .guide-footer-inner { gap: 35px 50px; }
  .guide .article-layout { gap: 40px; grid-template-columns: minmax(0, 1fr) 190px; }
}
@media (max-width: 780px) {
  .guide .guide-container, .guide .header-inner, .guide .article-shell, .guide .guide-footer-inner { width: calc(100% - 40px); }
  .guide .header-inner { min-height: 78px; }
  .guide .wordmark { font-size: 22px; }
  .guide .guide-desktop-navigation { display: none; }
  .guide .mobile-menu > summary { border: 1px solid #dfd3ed; border-radius: 18px; padding: 5px 15px; color: #79618e; font-size: 12px; }
  .guide .mobile-menu > .nav-links { border: 1px solid #e4d9ed; border-radius: 16px; padding: 8px 18px; width: min(260px, calc(100vw - 40px)); top: 41px; max-height: 65vh; overflow-y: auto; align-items: stretch; }
  .guide .mobile-menu .nav-links a { color: #706079; font-size: 13px; padding-block: 12px; }
  .guide .guide-hero-inner { gap: 28px; padding-block: 25px 32px; }
  .guide .guide-hero-copy h1 { font-size: 32px; margin-top: 20px; }
  .guide .guide-hero-description { margin-top: 18px; font-size: 13px; }
  .guide .guide-hero-link { margin-top: 21px; font-size: 12px; gap: 12px; }
  .guide .guide-kicker { font-size: 11px; }
  .guide .guide-waves { height: 95px; }
  .guide .guide-photo-accent { transform: scale(.7); transform-origin: top right; }
  .guide .guide-posts { padding-top: 45px; padding-bottom: 75px; }
  .guide .guide-section-heading { margin-bottom: 33px; }
  .guide .guide-section-heading h2 { font-size: 29px; margin-top: 21px; }
  .guide .guide-section-heading > p { font-size: 13px; }
  .guide .guide-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 37px 22px; }
  .guide .guide-card-image { border-radius: 21px; }
  .guide .guide-category-badge { top: 12px; left: 12px; max-width: calc(100% - 24px); padding: 4px 9px; font-size: 10px; }
  .guide .guide-card-content h3 { font-size: 18px; }
  .guide .guide-card-content > p { font-size: 13px; }
  .guide .guide-footer { margin-top: 45px; }
  .guide .guide-footer::before { top: -70px; height: 71px; }
  .guide .guide-footer-inner { padding-top: 35px; gap: 30px; }
  .guide .guide-footer-wordmark { font-size: 24px; }
  .guide .guide-footer-feature h2 { font-size: 25px; }
  .guide .guide-footer-photo { border-width: 10px; border-bottom-width: 18px; border-radius: 26px; margin-top: 22px; }
  .guide .guide-footer-links { margin-top: 25px; gap: 14px; }
  .guide .guide-footer-disclaimer { margin-top: 23px; }
  .guide .guide-footer-bottom { margin-top: 0; font-size: 10px; }
  .guide .article-layout { display: block; }
  .guide .article-header h1 { font-size: 30px; }
  .guide .article-description { font-size: 15px; }
  .guide .guide-article-cover { border-radius: 18px; margin-top: 24px; }
  .guide .article-summary { padding: 21px 23px; }
}
@media (max-width: 540px) {
  .guide .guide-hero-inner { grid-template-columns: 1fr; gap: 25px; padding-top: 30px; padding-bottom: 18px; }
  .guide .guide-hero-copy h1 { font-size: 35px; max-width: 370px; line-height: 1.38; }
  .guide .guide-hero-description { max-width: 345px; font-size: 14px; }
  .guide .guide-hero-visual { width: min(100%, 345px); justify-self: center; margin-top: 6px; padding: 15px 12px 15px 6px; }
  .guide .guide-hero-photo { aspect-ratio: 1.24; }
  .guide .guide-waves { height: 75px; background-size: 165% 100%; }
  .guide .guide-posts { padding-top: 37px; padding-bottom: 63px; }
  .guide .guide-section-heading h2 { font-size: 27px; max-width: 300px; margin-inline: auto; }
  .guide .guide-section-heading > p { max-width: 300px; font-size: 12px; }
  .guide .guide-list-tools { gap: 18px; }
  .guide .guide-category-tabs { gap: 6px; }
  .guide .guide-category-tabs a { padding: 7px 13px; min-height: 35px; font-size: 11px; }
  .guide .guide-list-tools .search-form { width: 100%; }
  .guide .guide-list-tools .search-form input { font-size: 13px; padding-block: 10px; }
  .guide .guide-list-tools .search-form button[type='submit'] { font-size: 12px; padding-inline: 19px; }
  .guide .guide-list-count { margin-bottom: 12px; min-height: 22px; }
  .guide .guide-post-grid { grid-template-columns: minmax(0, 1fr); gap: 37px; }
  .guide .guide-card-image { aspect-ratio: 1.6; border-radius: 23px; }
  .guide .guide-card-content { padding-top: 15px; }
  .guide .guide-card-content h3 { font-size: 21px; }
  .guide .guide-card-content > p { font-size: 14px; }
  .guide .guide-card-bottom { padding-top: 17px; }
  .guide .guide-read-link { font-size: 12px; }
  .guide .guide-card-bottom time { font-size: 11px; }
  .guide .guide-category-heading { padding-top: 28px; }
  .guide .guide-category-heading h1 { font-size: 32px; }
  .guide .guide-footer-inner { grid-template-columns: 1fr; padding-top: 28px; gap: 33px; }
  .guide .guide-footer-information { padding-top: 5px; }
  .guide .guide-footer-feature { justify-self: start; max-width: 340px; }
  .guide .guide-footer-feature h2 { font-size: 27px; }
  .guide .guide-footer-photo { max-width: 310px; }
  .guide .guide-footer-links { max-width: none; column-gap: 21px; }
  .guide .guide-footer-disclaimer { margin-top: 23px; max-width: 300px; }
  .guide .guide-footer-bottom { grid-column: 1; flex-wrap: wrap; font-size: 10px; gap: 14px; padding-block: 21px 25px; }
  .guide .article-header h1 { font-size: 29px; }
}
@media (prefers-reduced-motion: reduce) {
  .guide .guide-card-image img { transition: none; }
  .guide .guide-card-image:hover img { transform: none; }
}
@media print {
  .guide .guide-footer, .guide .guide-waves { display: none; }
  .guide .article-shell { width: 100%; padding: 0; }
}

/* The independent study journal uses the selected information magazine theme. */
.journal {
  color: #243541;
  background: #fff;
  --line: #dbe3e8;
  --muted: #62717b;
  --soft: #eef3f6;
}
.journal .journal-header,
.journal .magazine-container,
.journal .site-footer {
  width: min(1180px, calc(100% - 80px));
  margin-inline: auto;
}
.journal .journal-masthead { padding: 37px 0 28px; text-align: center; }
.journal .journal-wordmark { display: inline-block; max-width: 100%; color: #243541; font-size: 38px; font-weight: 700; line-height: 1.4; letter-spacing: -.045em; overflow-wrap: anywhere; }
.journal .journal-masthead > p { color: var(--muted); font-size: 11px; line-height: 1.8; margin-top: 7px; letter-spacing: .01em; }
.journal .journal-nav { display: grid; grid-template-columns: 68px minmax(0, 1fr) 68px; align-items: center; gap: 0; border-top: 2px solid #243541; border-bottom: 1px solid var(--line); min-height: 53px; }
.journal .journal-nav > .nav-links { grid-column: 2; justify-content: center; gap: 0 29px; flex-wrap: wrap; overflow: visible; max-width: 100%; padding-block: 2px; }
.journal .journal-nav > .nav-links a { font-size: 13px; color: #566773; padding: 13px 0 11px; line-height: 1.7; white-space: normal; overflow-wrap: anywhere; }
.journal .journal-nav > .nav-links a[aria-current] { color: var(--accent); border-bottom-color: var(--accent); font-weight: 650; }
.journal .journal-nav > .header-search { display: inline-flex; grid-column: 3; justify-self: end; color: var(--muted); font-size: 12px; padding-block: 10px; }
.journal .section-kicker { color: var(--accent); font-size: 11px; line-height: 1.7; font-weight: 600; letter-spacing: .01em; margin-bottom: 9px; overflow-wrap: anywhere; }
.journal .magazine-intro { padding-block: 32px 27px; border-bottom: 1px solid var(--line); }
.journal .magazine-intro h1 { font-size: 27px; font-weight: 600; line-height: 1.6; letter-spacing: -.035em; max-width: 880px; overflow-wrap: anywhere; }
.journal .magazine-intro > p { margin-top: 8px; color: var(--muted); font-size: 14px; line-height: 1.9; max-width: 800px; }
.journal .magazine-feature-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 38px; padding-block: 32px 38px; border-bottom: 1px solid var(--line); }
.journal .magazine-feature-alone { grid-template-columns: minmax(0, 1fr); }
.journal .magazine-lead { min-width: 0; }
.journal .magazine-lead-image { display: block; aspect-ratio: 1.78; overflow: hidden; border-radius: 2px; background: var(--soft); margin-bottom: 21px; }
.journal .magazine-lead-image > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 42%; }
.journal .magazine-lead h2 { font-size: 30px; font-weight: 650; line-height: 1.5; letter-spacing: -.04em; overflow-wrap: anywhere; }
.journal .magazine-lead-description { color: var(--muted); font-size: 15px; line-height: 1.9; margin-top: 13px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.journal .magazine-lead .post-meta { font-size: 11px; color: var(--muted); gap: 10px 16px; margin-top: 18px; }
.journal .magazine-feature-aside { min-width: 0; border-left: 1px solid var(--line); padding-left: 31px; }
.journal .magazine-feature-aside > h2 { font-size: 15px; font-weight: 650; line-height: 1.6; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.journal .magazine-related { padding: 21px 0 23px; border-bottom: 1px solid var(--line); }
.journal .magazine-related:last-child { padding-bottom: 0; border-bottom: 0; }
.journal .magazine-related .section-kicker { margin-bottom: 6px; }
.journal .magazine-related h3 { font-size: 19px; font-weight: 600; line-height: 1.65; letter-spacing: -.025em; overflow-wrap: anywhere; }
.journal .magazine-related > p:not(.section-kicker) { margin-top: 8px; color: var(--muted); font-size: 13px; line-height: 1.85; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.journal .magazine-posts { padding-top: 34px; padding-bottom: 74px; }
.journal .magazine-list-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; border-bottom: 2px solid #243541; padding-bottom: 15px; }
.journal .magazine-list-heading > h2 { font-size: 21px; font-weight: 650; line-height: 1.6; letter-spacing: -.025em; overflow-wrap: anywhere; }
.journal .magazine-list-heading .result-count { font-size: 12px; line-height: 1.8; flex-shrink: 0; color: var(--muted); }
.journal .magazine-list-tools { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 19px 30px; padding-block: 17px; border-bottom: 1px solid var(--line); }
.journal .magazine-list-tools > .journal-category-links { min-width: 0; display: flex; flex: 1 1 350px; flex-wrap: wrap; gap: 10px 25px; border: 0; padding: 0; margin: 0; }
.journal .magazine-list-tools .journal-category-links a { display: inline-block; max-width: 100%; font-size: 12px; line-height: 1.9; color: var(--muted); padding-bottom: 2px; border-bottom: 1px solid transparent; overflow-wrap: anywhere; }
.journal .magazine-list-tools .journal-category-links a[aria-current] { color: var(--accent); border-bottom-color: var(--accent); font-weight: 650; }
.journal .magazine-list-tools > .search-form { width: min(100%, 300px); min-width: 0; flex: 0 1 300px; margin: 0; flex-wrap: wrap; row-gap: 7px; }
.journal .magazine-list-tools .search-form input { min-width: 0; flex: 1 1 150px; color: #243541; background: #fff; border-color: #cdd8df; border-radius: 2px 0 0 2px; font-size: 12px; padding: 10px 12px; }
.journal .magazine-list-tools .search-form input::placeholder { color: #657681; }
.journal .magazine-list-tools .search-form button[type='submit'] { flex-shrink: 0; color: var(--accent); background: var(--soft); border-color: #cdd8df; border-radius: 0 2px 2px 0; padding: 9px 16px; font-size: 12px; }
.journal .magazine-list-tools .search-form .search-reset { color: var(--muted); margin-left: auto; padding: 3px 7px; font-size: 11px; }
.journal .magazine-post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 38px 30px; padding-top: 27px; }
.journal .magazine-post-card { min-width: 0; display: flex; flex-direction: column; }
.journal .magazine-card-image { display: block; width: 100%; aspect-ratio: 1.6; overflow: hidden; border-radius: 2px; background: var(--soft); }
.journal .magazine-card-image > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.journal .magazine-type-cover { display: flex; flex-direction: column; justify-content: space-between; gap: 17px; aspect-ratio: 1.6; min-width: 0; padding: 23px 25px; background: var(--soft); color: var(--accent); border-radius: 2px; overflow: hidden; }
.journal .magazine-card-image > .magazine-type-cover { height: 100%; aspect-ratio: auto; }
.journal .magazine-type-cover > span { display: block; font-size: 11px; line-height: 1.7; overflow-wrap: anywhere; }
.journal .magazine-type-cover > strong { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 23px; font-weight: 550; line-height: 1.5; letter-spacing: -.035em; overflow-wrap: anywhere; }
.journal .magazine-card-content { display: flex; flex: 1; flex-direction: column; padding-top: 18px; }
.journal .magazine-card-content .section-kicker { margin-bottom: 7px; }
.journal .magazine-card-content h3 { font-size: 20px; font-weight: 600; line-height: 1.6; letter-spacing: -.025em; overflow-wrap: anywhere; }
.journal .magazine-card-content h3 > a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.journal .magazine-card-content > p:not(.section-kicker) { color: var(--muted); font-size: 13px; line-height: 1.9; margin-top: 9px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.journal .magazine-card-content .post-meta { gap: 9px 15px; margin-top: auto; padding-top: 15px; font-size: 11px; color: var(--muted); }
.journal .magazine-posts > .no-results { padding: 43px 20px; border: 1px solid var(--line); background: #f8fafb; margin-top: 25px; }
.journal .magazine-posts > .no-results h3 { font-size: 18px; color: #243541; }
.journal .magazine-posts > .no-results p { color: var(--muted); }
.journal .magazine-posts > .no-results button { color: var(--accent); border-color: #cdd8df; border-radius: 2px; }
.journal .magazine-category-heading { padding-block: 33px 28px; border-bottom: 1px solid var(--line); }
.journal .magazine-category-heading .breadcrumbs { color: var(--muted); }
.journal .magazine-category-heading h1 { font-size: 35px; font-weight: 650; line-height: 1.5; letter-spacing: -.035em; margin-top: 23px; overflow-wrap: anywhere; }
.journal .magazine-category-heading > p { color: var(--muted); font-size: 14px; line-height: 1.9; margin-top: 10px; max-width: 760px; }
.journal .article-header h1 { color: #243541; overflow-wrap: anywhere; }
.journal .article-description { color: var(--muted); }
.journal .article-byline { color: var(--muted); }
.journal .article-body { color: #33434f; }
.journal .article-summary,
.journal .article-side-note { background: var(--soft); }
.journal .article-summary { border-left-color: var(--accent); }
.journal .article-summary > p { color: #3d5261; }
.journal .article-side-note p { color: var(--muted); }
.journal .article-body > h2,
.journal .faq-section > h2,
.journal .sources-section > h2 { border-bottom-color: var(--line); }
.journal .table-of-contents { border-top-color: var(--accent); }
.journal .table-of-contents li { color: #566a78; }
.journal .article-callout { background: #f8fafb; border-color: var(--line); }
.journal .article-callout p { color: var(--muted); }
.journal .table-scroll thead th { color: #3b5363; background: var(--soft); }
.journal .table-scroll { border-top-color: #7a8d99; border-bottom-color: var(--line); }
.journal .table-scroll th,
.journal .table-scroll td { border-bottom-color: var(--line); }
.journal .table-scroll td { color: #4e6371; }
.journal .faq-section details > p,
.journal .sources-section > p,
.journal .sources-section li span { color: var(--muted); }
.journal .magazine-article-cover { margin: 29px 0 0; border-radius: 2px; overflow: hidden; background: var(--soft); }
.journal .magazine-article-cover > img { display: block; width: 100%; max-height: 560px; aspect-ratio: 1.65; height: auto; object-fit: cover; }
.journal .site-footer { border-top-color: var(--line); color: var(--muted); padding-top: 24px; padding-bottom: 34px; }
.journal .site-footer > div > a { color: #243541; font-size: 14px; font-weight: 650; }
@media (max-width: 1024px) {
  .journal .journal-header, .journal .magazine-container, .journal .site-footer { width: calc(100% - 56px); }
  .journal .magazine-feature-grid { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 28px; }
  .journal .magazine-feature-alone { grid-template-columns: minmax(0, 1fr); }
  .journal .magazine-feature-aside { padding-left: 24px; }
  .journal .magazine-lead h2 { font-size: 27px; }
  .journal .magazine-related h3 { font-size: 18px; }
  .journal .magazine-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 35px 27px; }
  .journal .magazine-list-tools > .journal-category-links { flex-basis: 310px; }
}
@media (max-width: 760px) {
  .journal .journal-header, .journal .magazine-container, .journal .site-footer { width: calc(100% - 40px); }
  .journal .journal-masthead { padding: 28px 0 23px; }
  .journal .journal-wordmark { font-size: 33px; }
  .journal .journal-masthead > p { font-size: 10px; }
  .journal .journal-nav { grid-template-columns: minmax(0, 1fr); min-height: 51px; }
  .journal .journal-nav > .nav-links { grid-column: 1; gap: 0 23px; justify-content: center; flex-wrap: wrap; overflow: visible; }
  .journal .journal-nav > .nav-links a { font-size: 12px; padding-block: 13px 11px; white-space: normal; }
  .journal .journal-nav > .header-search { display: none; }
  .journal .magazine-intro { padding-block: 26px 23px; }
  .journal .magazine-intro h1 { font-size: 24px; line-height: 1.6; }
  .journal .magazine-intro > p { font-size: 13px; margin-top: 8px; }
  .journal .magazine-feature-grid { grid-template-columns: minmax(0, 1fr); padding-block: 25px 29px; }
  .journal .magazine-feature-aside { display: none; }
  .journal .magazine-lead-image { aspect-ratio: 1.72; margin-bottom: 18px; }
  .journal .magazine-lead h2 { font-size: 27px; }
  .journal .magazine-lead-description { font-size: 14px; margin-top: 11px; }
  .journal .magazine-lead .post-meta { margin-top: 15px; }
  .journal .magazine-posts { padding-top: 29px; padding-bottom: 54px; }
  .journal .magazine-list-heading > h2 { font-size: 20px; }
  .journal .magazine-list-tools { gap: 17px; }
  .journal .magazine-list-tools > .journal-category-links { flex-basis: 100%; gap: 9px 23px; }
  .journal .magazine-list-tools > .search-form { width: min(100%, 340px); flex-basis: 340px; margin-left: auto; }
  .journal .magazine-post-grid { gap: 32px 22px; padding-top: 24px; }
  .journal .magazine-card-content h3 { font-size: 19px; }
  .journal .magazine-type-cover { padding: 20px; }
  .journal .magazine-type-cover > strong { font-size: 21px; }
  .journal .magazine-category-heading { padding-block: 27px 24px; }
  .journal .magazine-category-heading h1 { font-size: 31px; margin-top: 21px; }
  .journal .magazine-category-heading > p { font-size: 13px; }
  .journal .article-header h1 { font-size: 30px; }
  .journal .magazine-article-cover { margin-top: 24px; }
}
@media (max-width: 600px) {
  .journal .journal-wordmark { font-size: 31px; }
  .journal .journal-nav > .nav-links { column-gap: 21px; }
  .journal .magazine-intro h1 { font-size: 23px; }
  .journal .magazine-lead h2 { font-size: 26px; }
  .journal .magazine-lead-description { -webkit-line-clamp: 3; }
  .journal .magazine-list-tools > .search-form { width: 100%; flex-basis: 100%; margin-left: 0; }
  .journal .magazine-post-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .journal .magazine-card-image { aspect-ratio: 1.62; }
  .journal .magazine-type-cover { aspect-ratio: 1.62; padding: 23px; }
  .journal .magazine-card-image > .magazine-type-cover { aspect-ratio: auto; }
  .journal .magazine-type-cover > strong { font-size: 25px; }
  .journal .magazine-card-content { padding-top: 17px; }
  .journal .magazine-card-content h3 { font-size: 21px; }
  .journal .magazine-card-content > p:not(.section-kicker) { font-size: 14px; }
  .journal .magazine-category-heading h1 { font-size: 29px; }
  .journal .article-header h1 { font-size: 28px; }
}
@media print {
  .journal .magazine-feature-aside, .journal .magazine-list-tools { display: none; }
  .journal .magazine-feature-grid, .journal .magazine-post-grid { display: block; }
  .journal .magazine-post-card { break-inside: avoid; margin-block: 24px; }
}

/* Imported guide home plans share the existing photo and lavender theme. */
.guide .guide-plan-section { padding-block: 48px 40px; scroll-margin-top: 28px; }
.guide .guide-plan-section .guide-section-heading { max-width: 760px; margin-bottom: 36px; }
.guide .guide-plan-section .guide-section-heading h2 { margin-top: 0; font-size: 31px; overflow-wrap: anywhere; }
.guide .guide-plan-section .guide-section-heading > p { max-width: 620px; }
.guide .guide-plan-section + .guide-plan-section { border-top: 1px solid var(--line); margin-top: 30px; padding-top: 65px; }
.guide .guide-plan-section .guide-post-grid { row-gap: 43px; }
.guide .guide-plan-comparison { margin-block: 53px 66px; padding: 37px 38px; border: 1px solid #e4d9ef; border-radius: 24px; background: #f5f0fb; scroll-margin-top: 28px; min-width: 0; }
.guide .guide-plan-comparison .guide-section-heading { max-width: 780px; margin-bottom: 26px; }
.guide .guide-plan-comparison h2 { margin-top: 0; font-size: 27px; font-weight: 700; line-height: 1.5; letter-spacing: -.035em; overflow-wrap: anywhere; }
.guide .guide-plan-comparison > p { font-size: 14px; line-height: 1.9; color: #75677f; margin-top: 13px; max-width: 780px; }
.guide .guide-plan-comparison .table-scroll { margin-block: 26px 21px; border-color: #d8c9e7; background: #fcfaff; }
.guide .guide-plan-comparison .table-scroll thead th { background: #ece2f7; }
.guide .guide-plan-comparison .table-scroll th, .guide .guide-plan-comparison .table-scroll td { border-bottom-color: #e5dced; }
.guide .guide-plan-comparison > a, .guide .guide-plan-comparison > p > a { display: inline-block; color: var(--accent); font-size: 13px; line-height: 1.8; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.guide .guide-plan-comparison > .guide-hero-link { margin-top: 0; }
.guide .guide-plan-all { padding-bottom: 55px; text-align: center; }
.guide .guide-plan-all .guide-hero-link { margin-top: 0; }
.guide .guide-index-heading { padding-top: 38px; padding-bottom: 28px; }
.guide .guide-index-heading h1 { margin-top: 25px; font-size: 40px; font-weight: 700; letter-spacing: -.04em; overflow-wrap: anywhere; }
.guide .guide-index-heading > p { margin-top: 13px; max-width: 690px; color: var(--muted); font-size: 15px; line-height: 1.9; }
.guide .guide-index-shortcuts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; padding-bottom: 29px; }
.guide .guide-index-shortcuts > section { padding: 25px 27px 27px; border: 1px solid #e5dced; border-radius: 19px; background: #f5f0fa; min-width: 0; scroll-margin-top: 28px; }
.guide .guide-index-shortcuts h2 { color: #4d3d60; font-size: 21px; font-weight: 650; overflow-wrap: anywhere; }
.guide .guide-index-shortcuts p { color: #75677f; font-size: 13px; line-height: 1.85; margin-top: 9px; }
.guide .guide-index-shortcuts ul { display: flex; flex-wrap: wrap; gap: 9px; list-style: none; margin: 18px 0 0; padding: 0; }
.guide .guide-index-shortcuts li { max-width: 100%; min-width: 0; }
.guide .guide-index-shortcuts a { display: inline-flex; align-items: center; min-height: 39px; max-width: 100%; padding: 8px 15px; border: 1px solid #e2d4ed; border-radius: 21px; background: #fcfaff; color: var(--accent); font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.guide .guide-index-shortcuts a:hover { background: #eee4f7; text-decoration: none; }
.guide .guide-index-shortcuts + .guide-posts { padding-top: 25px; }

@media (max-width: 1120px) {
  .guide .guide-desktop-navigation { display: none; }
  .guide .mobile-menu { display: block; position: relative; flex: none; }
  .guide .mobile-menu > summary { border: 1px solid #dfd3ed; border-radius: 18px; padding: 6px 16px; color: #79618e; font-size: 12px; list-style: none; }
  .guide .mobile-menu > summary::-webkit-details-marker { display: none; }
  .guide .mobile-menu[open] > summary { color: var(--accent); font-weight: 650; }
  .guide .mobile-menu > .nav-links { position: absolute; z-index: 8; right: 0; top: 43px; display: flex; flex-direction: column; align-items: stretch; gap: 0; width: min(280px, calc(100vw - 40px)); max-height: 70vh; overflow-y: auto; padding: 8px 18px; background: #fff; border: 1px solid #e4d9ed; border-radius: 16px; box-shadow: 0 8px 24px #3920500f; }
  .guide .mobile-menu .nav-links a { padding: 12px 0; border-bottom: 1px solid var(--line); color: #706079; font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; }
  .guide .mobile-menu .nav-links a:last-child { border-bottom: 0; }
  .guide .guide-plan-section { padding-block: 43px 34px; }
  .guide .guide-plan-comparison { padding: 29px 28px; }
}
@media (max-width: 780px) {
  .guide .guide-plan-section { padding-block: 37px 27px; }
  .guide .guide-plan-section .guide-section-heading { margin-bottom: 29px; }
  .guide .guide-plan-section .guide-section-heading h2 { font-size: 28px; }
  .guide .guide-plan-section + .guide-plan-section { margin-top: 23px; padding-top: 45px; }
  .guide .guide-plan-comparison { margin-block: 38px 47px; padding: 25px 22px; border-radius: 21px; }
  .guide .guide-plan-comparison h2 { font-size: 24px; }
  .guide .guide-plan-comparison > p { font-size: 13px; }
  .guide .guide-index-heading { padding-top: 28px; padding-bottom: 24px; }
  .guide .guide-index-heading h1 { font-size: 33px; }
  .guide .guide-index-heading > p { font-size: 14px; }
  .guide .guide-index-shortcuts { gap: 16px; }
  .guide .guide-index-shortcuts > section { padding: 21px 21px 23px; }
  .guide .guide-index-shortcuts h2 { font-size: 20px; }
}
@media (max-width: 540px) {
  .guide .guide-plan-section { padding-block: 31px 24px; }
  .guide .guide-plan-section .guide-section-heading h2 { font-size: 26px; max-width: none; }
  .guide .guide-plan-section .guide-section-heading > p { max-width: none; font-size: 13px; }
  .guide .guide-plan-section .guide-post-grid { row-gap: 34px; }
  .guide .guide-plan-comparison { padding: 22px 18px; border-radius: 18px; }
  .guide .guide-plan-comparison h2 { font-size: 22px; }
  .guide .guide-plan-comparison .table-scroll { margin-top: 22px; }
  .guide .guide-index-heading h1 { font-size: 30px; }
  .guide .guide-index-shortcuts { grid-template-columns: minmax(0, 1fr); gap: 14px; padding-bottom: 14px; }
  .guide .guide-index-shortcuts > section { padding: 21px 20px 22px; }
  .guide .guide-index-shortcuts a { min-height: 40px; padding-inline: 14px; }
}