.learning-article{gap:42px;grid-template-columns:minmax(0,760px) minmax(0,260px)}
.learning-article,.learning-article *{letter-spacing:0}
.learning-article .article-header h1{font-size:48px;line-height:1.12;overflow-wrap:break-word}
.learning-article .article-header .dek{font-size:17px;line-height:1.65}
.article-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;margin-bottom:24px;color:var(--muted)}
.article-breadcrumbs a:hover{text-decoration:underline}
.guide-byline{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.guide-figure{margin:28px 0 30px}
.guide-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:8px;background:#fff}
.guide-figure--square{max-width:640px}
.guide-figure--square img{aspect-ratio:1}
.guide-figure figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:10px}
.image-credit{display:block;font-size:11px}
.learning-article .article-body h2{font-size:30px;line-height:1.2;scroll-margin-top:110px}
.learning-article .article-body h3{font-size:22px;line-height:1.3}
.learning-article .article-body a{color:#70354f;text-decoration:underline;text-underline-offset:3px}
.guide-answer{border-left:3px solid var(--moss);padding:12px 20px;margin:26px 0;background:#eaf0eb}
.guide-answer p{margin:6px 0 0}
.guide-contents{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:30px 0}
.learning-article .guide-contents h2{font:600 22px/1.3 var(--serif);margin:0 0 12px}
.guide-contents ol{margin-bottom:0}
.guide-related{border-top:1px solid var(--line);padding:20px 0;margin-bottom:16px}
.guide-related h2{font:600 22px/1.25 var(--serif);margin:0 0 12px}
.guide-related p{font-size:13px;color:var(--muted)}
.guide-table-wrap{overflow-x:auto;margin:20px 0 24px}
.guide-table-wrap table{border-collapse:collapse;width:100%;min-width:420px;font-size:14px;line-height:1.6}
.guide-table-wrap caption{text-align:left;font-weight:700;padding-bottom:10px}
.guide-table-wrap th,.guide-table-wrap td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px 10px}
.guide-table-wrap th{background:#eaf0eb}
.guide-thumbnail{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#fff;border-radius:6px;margin-bottom:18px}
.article-card:has(.guide-thumbnail){border-radius:8px}
.guide-topic-index,.guide-topic-index *{letter-spacing:0}
.guide-topic-index .article-header h1{font-size:48px;line-height:1.15}
.guide-topic-nav{display:flex;flex-wrap:wrap;gap:12px 24px;padding:22px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:700}
.guide-topic-nav a{color:#70354f;text-decoration:underline;text-underline-offset:3px}
.guide-topic-section{padding-top:38px}
.guide-topic-section>h2{font:600 30px/1.2 var(--serif);margin:0 0 22px;scroll-margin-top:110px}
.guide-source-note{margin:38px 0 0;font-size:12px;color:var(--muted)}
.learning-article .faq{margin-top:16px}
.learning-article .faq summary{line-height:1.5}
.learning-article .faq p{color:#50434b}
.guide-references ul{font-size:14px}
.guide-skip{position:fixed;top:8px;left:8px;z-index:100;transform:translateY(-160%);background:white;padding:12px;color:#251d24;border:2px solid #70354f}
.guide-skip:focus{transform:translateY(0)}
.learning-article a:focus-visible,.learning-article summary:focus-visible{outline:2px solid #55705c;outline-offset:4px}
@media(max-width:1000px){.learning-article{grid-template-columns:minmax(0,1fr)}.learning-article .article-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:680px){.learning-article .article-header h1{font-size:36px}.learning-article .article-body h2{font-size:27px}.learning-article .article-sidebar{grid-template-columns:minmax(0,1fr)}.learning-article .article-header .dek{font-size:16px}.guide-answer{padding:12px 16px}}
@media(max-width:680px){.guide-topic-index .article-header h1{font-size:36px}.guide-topic-index .article-header .dek{font-size:16px}.guide-topic-section>h2{font-size:27px}}
@media(max-width:420px){body:has(.learning-article,.guide-topic-index) .nav-wrap{gap:10px;flex-wrap:wrap}body:has(.learning-article,.guide-topic-index) .nav-links{margin-left:0;flex:1;justify-content:flex-end}body:has(.learning-article,.guide-topic-index) .nav-links a{padding:9px 5px;font-size:11px}}