:root{--ink:#233f40;--blue:#226e65;--navy:#245f58;--pale:#edf6f1;--line:#d9e6df;--muted:#566968;--orange:#a05a22;--bg:#f8faf7}header{border-top:5px solid #2d766a}.primary{background:#246b60}.brand-mark{background:#246b60;border-radius:12px}.beginner-home .hero{grid-template-columns:1.6fr 1fr;padding:48px 0 36px;gap:28px}.beginner-home .hero h1{font-size:clamp(30px,3.4vw,44px);letter-spacing:0;line-height:1.6}.beginner-home .hero em{font-style:normal;background:linear-gradient(transparent 68%,#f3dea3 68%)}.beginner-home .hero figure{width:240px;position:static;align-self:center}.beginner-home .hero figure img{width:240px;height:240px;object-fit:cover;border-radius:50%;border:8px solid white;box-shadow:0 10px 28px #244d4810}.beginner-home .hero figcaption{font-size:13px;white-space:normal}.beginner-home .hero-copy{padding:0;max-width:580px}.hero-sub{display:block;margin-top:17px;font-size:14px;font-weight:700}.quick-route{padding:26px;border:1px solid #d9e6df;background:white;border-radius:20px;margin:0 0 22px}.quick-route h2{font-size:25px}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.route-grid>a{display:flex;flex-direction:column;padding:23px 19px;text-decoration:none;border-radius:14px;background:#edf6f1;color:#233f40;border:1px solid #d9e6df}.route-grid>a:nth-child(2){background:#f3f5ec}.route-grid>a:nth-child(3){background:#fcf3e6}.route-number{font-size:12px;font-weight:700;letter-spacing:1px;color:#38695f}.route-grid h3{font-size:20px;margin:12px 0 9px}.route-grid p{font-size:14px;flex:1}.route-grid b{font-size:13px;margin-top:20px}.route-grid>a:hover{border-color:#226e65}.beginner-home #toolbox{padding:28px 0}.beginner-home #toolbox h2{font-size:27px}.beginner-home #toolbox>p:not(.eyebrow){font-size:14px}.beginner-home .tool-grid a{border-radius:12px;background:white;font-size:15px;border-color:#d9e6df;padding:17px}.beginner-home .welcome{margin:20px 0}.beginner-home .welcome p{background:#fffdf5;border-color:#e6ddc4}.beginner-home .path{border-top-color:#3c8778;border-radius:13px}.beginner-home .latest-note{border-left:5px solid #bd7a36;background:#fffdf8;margin-top:30px}.beginner-home .feature{background:#eaf4ee;border-radius:20px}.beginner-home .article-card{border-radius:12px;box-shadow:0 3px 8px #163e5505}.beginner-home .article-card:hover{border-color:#3c8778}.home-about{display:grid;grid-template-columns:112px 1fr;gap:26px;margin:35px 0;padding:28px;border-radius:18px;background:white;border:1px solid var(--line)}.home-about img{border-radius:50%}.home-about h2{font-size:24px;margin-bottom:14px}.home-about p:not(.eyebrow){font-size:15px}.home-about a{display:inline-block;margin:15px 20px 0 0;font-size:14px}.home-faq{margin:40px 0}.home-faq h2{font-size:25px;margin-bottom:20px}.home-faq details{background:white;border:1px solid var(--line);border-radius:12px;padding:7px 20px;margin:12px 0}.home-faq details p{padding:8px 0 17px;font-size:15px}.reading-guide{display:flex;flex-wrap:wrap;gap:8px 16px;padding:16px;margin-bottom:26px;border:1px solid #d9e6df;background:#f3f8f4;border-radius:12px;font-size:13px}.reading-guide span{width:100%;font-weight:bold}.reading-guide a{display:inline-flex;align-items:center;min-height:36px}.prose h2{border-color:#d9e6df}.today{background:#fff8e9;border-color:#b87b30}.article-aside nav a:hover{background:#edf6f1}.article-top h1{color:#233f40}.tool-main button{background:#245f58}.tool-panel,.work-tool fieldset{background:#f0f6f2;border-color:#d9e6df}
@media(max-width:650px){.header-inner{padding:16px}.brand{font-size:18px}.beginner-home .hero{display:block;padding:28px 0 22px}.beginner-home .hero h1{font-size:27px;margin:10px 0 15px}.beginner-home .hero-copy{font-size:15px;margin-bottom:20px}.beginner-home .hero figure{display:none}.beginner-home .hero .button{background:#246b60;box-shadow:0 3px 0 #174a43;font-size:14px;padding:13px 10px}.beginner-home .hero .fine{margin-top:15px}.hero-sub{font-size:13px;text-align:center}.quick-route{padding:20px 16px;border-radius:16px}.quick-route .section-heading{margin-bottom:16px}.quick-route h2{font-size:21px}.route-grid{grid-template-columns:1fr;gap:12px}.route-grid>a{padding:16px 18px}.route-grid h3{font-size:19px;margin:6px 0}.route-grid b{margin-top:10px}.beginner-home #toolbox h2{font-size:23px}.beginner-home .tool-grid{gap:10px}.beginner-home .tool-grid a{font-size:14px;padding:14px 12px;line-height:1.65}.beginner-home .section-heading h2{font-size:23px}.home-about{grid-template-columns:1fr;padding:22px;gap:12px}.home-about img{width:68px;height:68px}.home-about h2{font-size:21px}.home-faq h2{font-size:22px}.home-faq summary{font-size:15px;line-height:1.7}.reading-guide{margin-bottom:20px;padding:12px;font-size:13px;gap:5px 12px}.reading-guide a{min-height:44px}.prose h2{background:#edf6f1;border-left-color:#3c8778}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.article-card{transition:none}}