[hidden]{display:none!important}
.topic-nav{display:flex;gap:24px;align-items:center;min-height:54px;overflow-x:auto;white-space:nowrap;border-bottom:1px solid var(--border);font-size:12px;font-weight:650;scrollbar-width:thin}
.topic-nav a{display:flex;align-items:center;min-height:48px;flex:none}
.topic-nav a:hover,.topic-nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}
.footer{flex-wrap:wrap;padding-block:22px}.footer nav{flex-wrap:wrap;gap:3px 18px}
.article-meta{flex-wrap:wrap;gap:6px 12px;line-height:1.6}.article-meta a{text-decoration:underline;text-underline-offset:3px}
.article-topic{margin:17px 0 0;font-size:12px;line-height:1.7;color:var(--muted)}.article-topic a{color:var(--fg);text-decoration:underline;text-underline-offset:4px;font-weight:650}
.article-editor-note{padding:24px 0;border-top:1px solid var(--border);margin-top:35px;font-size:13px}.article-editor-note p{color:var(--muted)}
.copy-article-link,.tutorial-search button{min-height:44px;padding:10px 16px;border:1px solid var(--border);border-radius:10px;background:#fff;font-weight:650}
.copy-article-link:hover,.tutorial-search button:hover{background:#f2f2f2}.copy-link-status{display:block;margin-top:9px;overflow-wrap:anywhere}
.article-table-wrap{width:100%;overflow-x:auto;margin:24px 0;overscroll-behavior-x:contain;border:1px solid var(--border);border-radius:14px}
.article-table-wrap table{width:100%;border-collapse:collapse;min-width:480px;font-size:14px;text-align:left;line-height:1.7}
.article-table-wrap caption{text-align:left;padding:15px 18px;background:#f5f5f5;font-weight:700;color:#111}
.article-table-wrap th,.article-table-wrap td{padding:14px 18px;vertical-align:top;border-top:1px solid var(--border)}.article-table-wrap th{font-weight:700;background:#fafafa}
.article-table-wrap th:first-child{min-width:130px}.article-table-wrap td:first-child{font-weight:650}
.tutorial-search{margin:0 0 30px;padding:23px;border:1px solid var(--border);border-radius:18px;background:#f7f7f7}
.tutorial-search label{display:block;font-weight:700;font-size:14px;margin-bottom:12px}.tutorial-search>div{display:flex;gap:10px}
.tutorial-search input{width:100%;min-width:0;min-height:48px;border:1px solid #aaa;border-radius:10px;padding:10px 14px;background:#fff;font-size:16px}
.tutorial-search button{flex:none}.tutorial-search p{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0 0}
.topic-hero{max-width:950px;padding:38px 0 44px}.topic-hero h1{font-size:clamp(35px,4.6vw,60px);font-weight:700;line-height:1.3;margin:17px 0 22px;letter-spacing:-.015em}
.topic-hero>p:last-child{max-width:56ch;font-size:17px;line-height:1.85;color:var(--muted)}
.topic-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;padding:36px 0 48px;border-top:1px solid var(--border)}
.topic-intro h2,.topic-section h2,.policy-content h2{font-size:27px;line-height:1.5;margin:0 0 16px;font-weight:700}
.topic-intro p,.topic-section>p,.policy-content p,.policy-content li{font-size:16px;line-height:1.95;margin:0 0 19px;max-width:70ch}
.topic-intro aside{padding:25px 28px;background:#f4f4f4;border-radius:18px}.topic-intro aside>strong{display:block;font-size:14px;margin-bottom:10px}.topic-intro aside p{font-size:14px;color:var(--muted)}
.topic-intro a,.topic-section>p a,.policy-content a{font-weight:650;text-decoration:underline;text-underline-offset:4px}
.topic-jump{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:30px}.topic-jump a{padding:13px 18px;border:1px solid var(--border);border-radius:30px;font-size:13px;font-weight:650}.topic-jump a:hover{background:#111;color:white}
.topic-section{padding:40px 0;border-top:1px solid var(--border);scroll-margin-top:100px}.topic-section>.section-index{font-size:11px;margin-bottom:12px}
.learning-steps{list-style:none;margin:24px 0 0;padding:0}.learning-steps li{display:flex;align-items:flex-start;gap:22px;padding:23px 0;border-top:1px solid #e6e6e6}
.learning-number{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid var(--border);border-radius:50%;font-family:var(--font-mono);font-size:12px}
.learning-steps h3{font-size:19px;font-weight:700;line-height:1.65;margin:0 0 7px}.learning-steps h3 a:hover{text-decoration:underline;text-underline-offset:5px}.learning-steps p{font-size:14px;color:var(--muted);line-height:1.8;margin:0;max-width:70ch}
.task-checklist{border:1px solid var(--border);border-radius:18px;padding:21px 26px;margin:35px 0 0;background:#f6f6f6}.task-checklist legend{font-size:16px;font-weight:700;padding:0 8px}
.task-checklist label{display:flex;gap:12px;align-items:flex-start;min-height:44px;padding:8px 0;font-size:14px;line-height:1.7;cursor:pointer}.task-checklist input{width:19px;height:19px;flex:none;margin-top:3px;accent-color:#111}.task-checklist input:checked+span{text-decoration:line-through;color:#666}.checklist-status{font-size:13px;font-weight:700;padding-top:13px;border-top:1px solid var(--border);margin:12px 0 0}
.topic-problems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 50px}.topic-problems a{display:flex;align-items:center;min-height:90px;border:1px solid var(--border);border-radius:16px;padding:20px;font-size:15px;font-weight:650;line-height:1.7}.topic-problems a:hover{background:#f4f4f4}
.topic-list{padding-left:23px;max-width:75ch;line-height:1.9;font-size:16px}.topic-list li{padding-bottom:12px}
.policy-content{max-width:760px;padding-bottom:65px}.policy-content h2{margin-top:35px}.policy-content ul{padding-left:23px}
.comparison-explainer{padding:35px 0 55px;border-top:1px solid var(--border)}.comparison-explainer h2{font-size:27px}.comparison-explainer p{max-width:75ch;font-size:15px;line-height:1.9}.comparison-explainer a{text-decoration:underline}
@media(max-width:900px){.topic-intro{grid-template-columns:1fr;gap:20px}.topic-problems{grid-template-columns:1fr}.topic-intro aside{max-width:700px}}
@media(max-width:620px){.topic-nav{gap:20px;min-height:48px;font-size:11px}.topic-hero{padding:27px 0}.topic-hero h1{font-size:35px}.topic-hero>p:last-child{font-size:15px}.topic-intro{padding:25px 0 35px}.topic-intro h2,.topic-section h2,.policy-content h2{font-size:23px}.topic-intro p,.topic-section>p,.policy-content p,.policy-content li,.topic-list{font-size:15px}.topic-section{padding:29px 0}.learning-steps li{gap:12px;padding:19px 0}.learning-number{width:30px;height:30px;font-size:10px}.learning-steps h3{font-size:17px}.task-checklist{padding:16px 18px}.tutorial-search{padding:17px}.article-table-wrap table{font-size:13px}.article-meta{font-size:11px}.article-visual-image--screenshot img{max-height:none!important}.article-outcome-prep{font-size:13px}.topic-problems a{min-height:68px}.footer nav a{min-height:44px}}

@media(max-width:620px){.topic-hero h1{font-size:clamp(29px,8vw,35px);text-wrap:balance}}
.reader-tasks{margin:3rem 0;padding:2rem 0;border-block:1px solid #ddd}.reader-tasks>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.reader-tasks a{display:grid;gap:.75rem;padding:1.4rem;border:1px solid #ddd;border-radius:18px;text-decoration:none;color:inherit}.reader-tasks a:hover{background:#f3f3f3}.reader-tasks a:focus-visible,.login-helper input:focus-visible{outline:3px solid #111;outline-offset:4px}.reader-tasks span{font-size:.95rem;line-height:1.6}.login-helper{padding:1.5rem;border:1px solid #ccc;border-radius:18px;margin:1.5rem 0}.login-helper label{display:block;font-weight:700}.login-helper input{display:block;box-sizing:border-box;width:100%;min-height:48px;margin:.7rem 0 1rem;padding:.8rem;border:1px solid #777;border-radius:10px;font:inherit}.login-helper-result,#login-helper-result{overflow-wrap:anywhere}#login-helper-result a{display:block}@media(max-width:700px){.reader-tasks>div{grid-template-columns:1fr}.login-helper{padding:1rem}}
.broad-topic-list{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;margin:20px 0}.broad-topic-list a{display:grid;gap:8px;padding:22px 0;border-bottom:1px solid #ddd}.broad-topic-list strong{font-size:22px}.broad-topic-list span{font-size:15px;line-height:1.8;color:#555}.broad-topic-list a:hover strong{text-decoration:underline;text-underline-offset:5px}.reader-tasks>div{grid-template-columns:1fr}.reader-tasks a{grid-template-columns:minmax(180px,1fr) 2fr;align-items:center;border-radius:0;border:0;border-bottom:1px solid #ddd;padding:20px 8px}.reader-tasks a strong{font-size:18px}.topic-nav{overflow-x:auto;white-space:nowrap;scrollbar-width:thin}@media(max-width:700px){.broad-topic-list{grid-template-columns:1fr}.reader-tasks a{grid-template-columns:1fr}.topic-nav{gap:22px}}