.beginner-article{color-scheme:dark}
.beginner-article *{box-sizing:border-box}
.beginner-article{margin:0;background:#142234;color:#dbe5f2;font:17px/1.8 system-ui,-apple-system,sans-serif}
.beginner-article{max-width:940px;margin:auto;padding:44px 24px 80px}
.beginner-article header{border-bottom:1px solid #3b5067;padding-bottom:28px}
.beginner-article h1{font-size:clamp(32px,5vw,48px);line-height:1.18;color:#fff}
.beginner-article h2{font-size:28px;line-height:1.35;color:#fff;margin-top:0}
.beginner-article h3,.beginner-article h4{font-size:21px;color:#f4d091}
.beginner-article section{padding:30px 0;border-bottom:1px solid #314259}
.beginner-article a{color:#a9d0ff;text-underline-offset:3px}
.beginner-article p{margin:14px 0}
.beginner-article li{margin:10px 0}
.beginner-article .eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#a9c4e3}
.beginner-article .dek{font-size:20px;color:#bfcfe2}
.beginner-article .answer,.beginner-article .example{background:#20334b;border:1px solid #3d5570;border-radius:12px;padding:18px 24px}
.beginner-article .table-wrap{overflow:auto}
.beginner-article table{border-collapse:collapse;width:100%;min-width:560px}
.beginner-article th,.beginner-article td{color:#dbe5f2;font-size:16px;line-height:1.7;padding:14px;text-align:left;vertical-align:top;border:1px solid #40516a}
.beginner-article th{background:#243b55}
.beginner-article small{color:#a9bace}
.beginner-article summary{cursor:pointer;color:#a9d0ff}
.beginner-article footer{padding-top:24px;color:#b5c6d8}@media(max-width:600px){
.beginner-article{padding:28px 18px}
.beginner-article h2{font-size:25px}
.beginner-article .answer,.beginner-article .example{padding:16px}
.beginner-article ul,.beginner-article ol{padding-left:23px}}
.beginner-article .test-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}
.beginner-article .test-screen{margin:0;text-align:center}
.beginner-article .test-screen img{display:block;width:100%;max-width:300px;height:auto;margin:auto;border:1px solid #40516a;border-radius:14px}
.beginner-article .test-screen a{display:block}
.beginner-article .coin-photo{max-width:760px;margin:24px auto}
.beginner-article .coin-photo img{display:block;width:100%;height:auto;border-radius:12px}
.beginner-article figcaption{font-size:14px;line-height:1.6;color:#b5c6d8;margin:12px auto 0;max-width:350px}
.beginner-article .coin-photo figcaption{max-width:none}
.beginner-article .case-step{margin:32px 0}
.beginner-article .single-screen{max-width:300px;margin:24px auto}@media(max-width:600px){
.beginner-article .test-pair{grid-template-columns:1fr;gap:28px}
.beginner-article .test-screen img{max-width:300px}}
.beginner-article{max-width:1240px}
.beginner-article .article-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px;align-items:start;margin-top:32px}
.beginner-article .article-layout article{min-width:0}
.beginner-article .article-nav{position:sticky;top:24px;display:flex;flex-direction:column;gap:6px;padding:20px 16px;max-height:calc(100vh - 48px);overflow:auto;background:#1c2e45;border:1px solid #ffffff18;border-radius:10px}
.beginner-article .contents-label{font-size:11px;letter-spacing:.12em;color:#b5c6d8;margin-bottom:8px}
.beginner-article .article-nav a,.beginner-article .mobile-toc a{display:block;padding:8px 10px;font-size:12px;line-height:1.6;text-decoration:none;border-radius:4px}
.beginner-article .article-nav a:hover,.beginner-article .mobile-toc a:hover{background:#243b55;color:#fff}
.beginner-article .article-nav a[aria-current="location"],.beginner-article .mobile-toc a[aria-current="location"]{background:#2c4765;color:#fff;font-weight:600}
.beginner-article .article-nav a:focus-visible,.beginner-article .mobile-toc a:focus-visible{outline:2px solid #f4d091;outline-offset:2px}
.beginner-article .mobile-toc{display:none}
.beginner-article section[id],.beginner-article h3[id],.beginner-article h4[id]{scroll-margin-top:24px}
.beginner-article #quick-answer{padding-top:0}@media(max-width:1050px){
.beginner-article{max-width:940px}
.beginner-article .article-layout{display:block}
.beginner-article .article-nav{display:none}
.beginner-article .mobile-toc{display:block;margin-bottom:28px;padding:14px 18px;background:#1c2e45;border:1px solid #ffffff18;border-radius:10px}
.beginner-article .mobile-toc summary{font-weight:600}
.beginner-article .mobile-toc nav{margin-top:12px}
.beginner-article .mobile-toc a{font-size:14px}}
.beginner-article .annotated-screen{display:block;position:relative;max-width:300px;margin:auto}
.beginner-article .screen-callout{position:absolute;border:3px solid #ff3535;border-radius:3px;pointer-events:none}
.beginner-article .mark-create .screen-callout{left:73%;top:36%;width:23.5%;height:4%}
.beginner-article .mark-first-set .screen-callout{left:2.5%;top:22.8%;width:94.5%;height:19.9%}

.beginner-article{margin:0 auto;padding-top:44px;background:#142234}.beginner-article .article-nav{top:104px;max-height:calc(100vh - 128px)}.beginner-article section[id],.beginner-article h3[id],.beginner-article h4[id]{scroll-margin-top:12px}.beginner-article .article-disclosure{font-size:13px;color:#b5c6d8;padding-top:24px}