/* Public reading and maker tools. */
html{scroll-padding-top:110px}.site-header .brand img{object-fit:contain}.main-menu a[aria-current=page]{color:#075fa9;text-decoration:underline;text-underline-offset:6px}.search-toggle{min-height:44px}.search-bar.open{box-shadow:0 14px 24px #071a3314}.site-header a,.site-header button{touch-action:manipulation}.site-header :focus-visible,.site-footer :focus-visible{outline:3px solid #17bde0;outline-offset:5px}.hero-grid{min-height:450px;padding-block:54px}.hero h1{font-size:clamp(3rem,5vw,4.8rem)}.hero p{max-width:550px}.hero-visual img{max-width:360px;margin-inline:auto;aspect-ratio:1;object-fit:contain}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hero .button-secondary{background:transparent;color:#fff;border:1px solid #ffffff70}.hero .button-secondary:hover{background:#ffffff12}.start-paths{padding-block:48px 12px}.start-paths .section-title{margin-bottom:22px}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.path-card{display:flex;flex-direction:column;align-items:flex-start;padding:27px;border:1px solid #dce5ef;border-radius:18px;background:linear-gradient(145deg,#fff,#f4f9ff);transition:border-color .2s,box-shadow .2s}.path-card:hover{border-color:#087ee8;box-shadow:0 12px 26px #071a3310}.path-number{font-size:.73rem;font-weight:850;letter-spacing:.09em;color:#075fa9}.path-card h3,.path-card h2{font-size:1.35rem;line-height:1.25;letter-spacing:-.025em;margin:17px 0 10px}.path-card p{color:#526174;line-height:1.65;margin-top:0}.path-card>.text-link{margin-top:auto;padding-top:12px}.article-toc{margin-top:34px;padding:22px 26px;background:#f3f7fc;border:1px solid #dce5ef;border-radius:15px}.article-toc summary{cursor:pointer;font-weight:850;color:#071a33;font-size:1.05rem}.article-toc ol{padding-left:21px;margin-bottom:0;columns:2;column-gap:35px}.article-toc li{break-inside:avoid;padding:5px 0;font-size:.92rem;line-height:1.5}.article-toc a:hover{text-decoration:underline;color:#075fa9}.article-body h2[id]{scroll-margin-top:110px}.article-head .meta{flex-wrap:wrap}.article-head .meta a{color:#075fa9}.article-cover img{height:auto}.article-body img{height:auto;max-width:100%}.article-body table{min-width:0}.article-body li{padding-left:2px}.related-reading{border-top:1px solid #dce5ef}.related-reading h2{margin:0}.related-reading .section-title{gap:20px;flex-wrap:wrap}.breadcrumbs{flex-wrap:wrap;line-height:1.6}.maker-head{padding:60px 0 45px;background:linear-gradient(135deg,#f5f9fd,#eaf6fc)}.maker-head h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.08;letter-spacing:-.05em;margin:14px 0 22px}.maker-head .lead{color:#526174;max-width:740px}.learning-path,.tools-list{padding-block:45px 75px}.learning-step{display:grid;grid-template-columns:55px 1fr;gap:24px;padding:30px 0;border-bottom:1px solid #dce5ef}.step-number{display:grid;place-items:center;align-self:start;width:52px;height:52px;border-radius:14px;background:#071a33;color:#38d5ef;font-size:1.2rem;font-weight:900}.learning-step h2{font-size:1.5rem;margin:0 0 12px;letter-spacing:-.03em}.learning-step p{line-height:1.8;color:#526174}.maker-note{margin-top:38px;padding:25px;background:#f3f7fc;border-radius:15px}.maker-note h2{font-size:1.2rem;margin-top:0}.maker-note li{padding:6px 0;line-height:1.7}.cost-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:32px;padding-block:45px}.cost-form fieldset{border:1px solid #dce5ef;padding:25px;border-radius:16px;margin:0 0 24px}.cost-form legend{font-size:1.1rem;font-weight:850;padding:0 8px}.cost-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.cost-fields label{display:block;font-size:.9rem;font-weight:750}.cost-fields input{display:block;width:100%;min-height:48px;border:1px solid #a8b8ca;border-radius:9px;padding:10px 12px;margin-top:8px;background:#fff;color:#071a33;font:inherit;font-weight:500}.cost-fields small{display:block;font-size:.78rem;font-weight:400;line-height:1.5;color:#526174;margin-top:7px}.cost-fields input:focus{outline:3px solid #087ee830;border-color:#087ee8}.cost-actions{display:flex;flex-wrap:wrap;gap:12px}.button-secondary{background:#e9eff6;color:#071a33;border:1px solid #c9d6e4}.cost-result{align-self:start;background:#071a33;color:#dce8f5;border-radius:20px;padding:30px;position:sticky;top:108px}.cost-result h2{color:#fff;margin:12px 0 0;font-size:1.25rem}.cost-total{font-size:clamp(2.5rem,5vw,3.7rem);font-weight:900;line-height:1.1;color:#fff;overflow-wrap:anywhere;margin:22px 0}.cost-result [role=status]{font-size:.85rem;min-height:2.8em;line-height:1.5}.cost-breakdown{margin:25px 0}.cost-breakdown>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff26;padding:13px 0}.cost-breakdown dd{margin:0;font-weight:850;color:#fff;text-align:right}.cost-disclaimer,.cost-result>.muted{color:#b6c8db;font-size:.8rem;line-height:1.7}.calculator-explainer{padding-bottom:75px;margin-top:0}.site-footer .footer-grid{grid-template-columns:1.5fr 1fr 1fr}.site-footer .footer-grid>div:empty{display:none}.site-footer a:hover{text-decoration:underline}.empty .button{margin-top:15px}.not-found .archive-search{justify-content:center}.archive-search input{min-height:46px;min-width:0}.article-body pre{font-size:.84rem;white-space:pre;max-width:100%}.article-body p,.card-body h2,.path-card h3{overflow-wrap:anywhere}.post-card .card-media img{height:100%;object-fit:cover}.site-footer p{max-width:400px}
@media(max-width:1000px){.main-menu{gap:14px}.main-menu a{font-size:.84rem}.path-grid{gap:14px}.path-card{padding:22px}.cost-layout{gap:22px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr .65fr;gap:20px;padding-block:45px}.hero-visual img{width:100%;max-width:290px}.path-grid{grid-template-columns:1fr}.path-card{padding:25px}.path-card h3{margin-top:10px}.article-toc ol{columns:1}.cost-layout{grid-template-columns:1fr}.cost-result{position:static}.main-menu{max-height:calc(100vh - 85px);overflow-y:auto}.main-menu a{font-size:1rem;padding:6px 0}.site-footer .footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hero-grid{grid-template-columns:1fr;padding-block:42px}.hero-visual{display:none}.hero h1{font-size:3.1rem}.hero-actions .button{width:100%;justify-content:center}.start-paths{padding-block:34px 0}.article{padding-top:34px}.article-head h1{font-size:2.3rem;line-height:1.12}.article-toc{padding:20px}.article-body{font-size:1.06rem}.article-body h2{font-size:1.65rem}.article-cover{margin-top:28px}.article-body{margin-top:32px}.maker-head{padding:35px 0 28px}.maker-head h1{font-size:2.6rem}.cost-fields{grid-template-columns:1fr}.cost-form fieldset{padding:20px}.cost-result{padding:25px}.learning-step{grid-template-columns:40px 1fr;gap:16px}.step-number{width:38px;height:38px;border-radius:10px;font-size:.95rem}.site-footer .footer-grid{grid-template-columns:1fr}.related-reading .section-title{display:block}.related-reading .section-title>.text-link{display:block;margin-top:15px}.cost-actions .button{width:100%}.cost-breakdown>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.article-cover img{max-height:none;object-fit:contain;height:auto;display:block}

.hero-visual:before{display:none}.hero-project{display:block;padding:12px 12px 20px;background:#ffffff0d;border:1px solid #ffffff30;border-radius:23px;box-shadow:0 20px 40px #0002}.hero-project img{width:100%;max-width:none;aspect-ratio:auto;border-radius:13px;filter:none}.hero-project span{display:block;font-size:.68rem;letter-spacing:.11em;font-weight:850;color:#38d5ef;margin:19px 10px 8px}.hero-project strong{display:block;font-size:1.15rem;line-height:1.4;margin:0 10px}.hero-project:hover{border-color:#38d5ef}.hero .kicker{color:#38d5ef}
.article-body h2[id]{scroll-margin-top:0}

.key-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.key-tool-grid .path-card{height:100%}@media(max-width:760px){.key-tool-grid{grid-template-columns:1fr}}