@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f4f1e9;--ink:#1b2926;--muted:#53605b;--orange:#e66b39;--line:#d5d8c9;--lime:#dbe7a6;--white:#fffdf7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.65}a{color:inherit}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--orange)}button{cursor:pointer}img{max-width:100%;display:block}.wrap{max-width:1280px;margin:auto;padding:0 48px}.skip{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:10px}.skip:focus{top:10px;z-index:50}
header{border-bottom:1px solid var(--line)}.nav{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;display:flex;align-items:center;gap:15px;font:800 12px/1.35 'Manrope',sans-serif;letter-spacing:1px}.brand b{font-size:28px;letter-spacing:-1px;border:2px solid;padding:3px 8px}.navlinks{display:flex;align-items:center;gap:28px;font-size:14px}.navlinks a{text-decoration:none}.navlinks a:hover{text-decoration:underline}.navcta{border:1px solid var(--ink);padding:10px 16px;border-radius:3px}.eyebrow{font:700 11px/1.5 'Manrope',sans-serif;letter-spacing:1.7px;text-transform:uppercase}.pill{display:inline-block;border:1px solid var(--line);border-radius:40px;padding:6px 12px;font-size:12px}.hero{padding:58px 0 60px;display:grid;grid-template-columns:1.08fr 1fr;gap:64px;align-items:center}.hero h1{font:800 clamp(44px,5.5vw,76px)/1.08 'Manrope',sans-serif;letter-spacing:-3.8px;margin:25px 0}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{max-width:530px;color:var(--muted);margin:0 0 26px;font-size:18px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:var(--ink);color:var(--white);text-decoration:none;border:1px solid var(--ink);padding:14px 21px;font-weight:600;font-size:14px;border-radius:3px}.button.light{background:transparent;color:var(--ink)}.button.orange{background:var(--orange);border-color:var(--orange);color:#1b211f}.button:hover{filter:brightness(1.09)}.small{font-size:13px;color:var(--muted)}.video-feature{background:var(--ink);color:var(--white);padding:22px;transform:rotate(1deg);box-shadow:12px 12px 0 var(--lime)}.poster{position:relative;aspect-ratio:16/9;background:#1b211f;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover}.poster .play{position:absolute;inset:auto 20px 20px auto;background:var(--white);color:var(--ink);width:56px;height:56px;display:grid;place-items:center;border-radius:50%;text-decoration:none;font-size:19px}.feature-meta{display:flex;justify-content:space-between;gap:20px;margin:18px 0 6px;font-size:11px;letter-spacing:1px}.video-feature h2{font:700 23px/1.35 'Manrope',sans-serif;margin:12px 0}.video-feature>a{text-decoration:none}.method-strip{background:var(--ink);color:var(--white);padding:24px 0}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.method-grid div{font-size:15px}.method-grid span{color:var(--lime);font-size:12px;margin-right:12px}.section{padding:72px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.section-head h2,.section h2{font:700 36px/1.2 'Manrope',sans-serif;letter-spacing:-1.2px;margin:10px 0}.section-head p{max-width:350px;color:var(--muted);font-size:15px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.article-card{border-top:2px solid var(--ink);padding:22px 0 0}.article-card .number{font:800 42px/1 'Manrope';color:#adbaa9}.article-card h3{font:700 23px/1.3 'Manrope';margin:23px 0 12px;letter-spacing:-.5px}.article-card h3 a{text-decoration:none}.article-card p{font-size:15px;color:var(--muted)}.textlink{font-weight:600;font-size:14px;text-underline-offset:5px}.tool-promo{display:grid;grid-template-columns:1fr 1fr;background:var(--lime);padding:44px;gap:48px;border-radius:5px}.tool-promo h2{margin:10px 0 20px;font-size:39px}.tool-promo p{color:var(--muted)}.worksheet{border:1px solid var(--ink);background:var(--white);padding:26px;transform:rotate(-1deg)}.worksheet .row{border-bottom:1px solid var(--line);padding:13px 0;font-size:14px}.worksheet .row strong{font-size:11px;letter-spacing:1px;display:block}.worksheet .row span{color:var(--muted)}.partners{max-width:720px}.partners p{color:var(--muted)}footer{padding:36px 0;font-size:13px;color:var(--muted)}.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px}.foot nav{display:flex;gap:22px}.breadcrumb{font-size:12px;margin:30px 0;color:var(--muted)}.page-title{max-width:980px;margin:40px auto}.page-title h1{font:800 clamp(36px,4.5vw,60px)/1.15 'Manrope';letter-spacing:-2px;margin:16px 0 24px}.page-title .lede{font-size:20px;color:var(--muted);max-width:850px}.video-layout{margin:30px auto 50px;max-width:1050px}.video-box{background:#000;aspect-ratio:16/9}.video-box iframe{width:100%;height:100%;border:0}.chapters{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}.chapters a{padding:12px 16px;background:var(--white);font-size:14px;text-decoration:none;border:1px solid var(--line)}.chapters span{color:var(--muted);margin-right:14px;font-variant-numeric:tabular-nums}.reading{display:grid;grid-template-columns:240px minmax(0,700px);gap:60px;max-width:1050px;margin:48px auto 72px}.reading aside{font-size:13px;color:var(--muted)}.reading aside a{display:block;margin:13px 0;text-decoration:none}.reading article h2{font:700 27px/1.3 'Manrope';letter-spacing:-.5px;margin:40px 0 18px}.reading article h2:first-child{margin-top:0}.reading article p,.reading article li{line-height:1.85}.callout{margin:32px 0;padding:24px;background:var(--lime);border-left:4px solid var(--ink)}.callout p{font-size:15px}.narrow{max-width:850px;margin:50px auto}.tool-form{padding:35px;background:var(--white);border:1px solid var(--line);border-radius:5px}.tool-form fieldset{border:0;padding:0;margin:0 0 30px}.tool-form legend{font:700 21px 'Manrope';margin-bottom:15px}.tool-form label{display:block;font-size:14px;font-weight:600;margin:12px 0 5px}.tool-form input,.tool-form textarea{display:block;width:100%;padding:14px;border:1px solid #aeb5a5;border-radius:3px;background:var(--white);color:var(--ink)}.tool-form textarea{resize:vertical;min-height:90px}.tool-form .hint{font-size:13px;color:var(--muted);margin:0 0 10px}.result{padding:28px;background:var(--lime);margin-top:30px}.result h2{font:700 25px 'Manrope'}.result dl{margin:0}.result dt{margin-top:16px;font-weight:700;font-size:14px}.result dd{margin:4px 0 0;white-space:pre-line;overflow-wrap:anywhere}.status{padding-top:12px;font-size:14px;font-weight:600}.result[hidden]{display:none}.printable{background:white;max-width:850px;margin:40px auto;padding:45px}.printable h1{font:800 36px/1.2 'Manrope'}.blank-line{border-bottom:1px solid #999;min-height:40px}.printable h2{margin-top:28px;font-size:20px}.printbar{max-width:850px;margin:30px auto;display:flex;gap:15px;align-items:center}.printbar p{font-size:14px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
@media(max-width:1000px){.wrap{padding:0 28px}.hero{gap:35px}.hero h1{letter-spacing:-2px}.reading{grid-template-columns:180px minmax(0,1fr);gap:30px}.tool-promo{padding:30px;gap:25px}}
@media(max-width:720px){.wrap{padding:0 22px}.nav{min-height:80px;flex-wrap:wrap;padding:18px 0;gap:15px}.navlinks{width:100%;gap:18px;justify-content:space-between;font-size:12px}.navcta{padding:7px 12px}.hero{grid-template-columns:1fr;padding:35px 0 48px;gap:35px}.hero h1{font-size:48px;letter-spacing:-2.4px}.video-feature{transform:none;margin-right:8px}.hero p{font-size:17px}.method-grid{grid-template-columns:1fr 1fr;gap:15px}.method-grid div{font-size:13px}.section{padding:45px 0}.section-head{display:block}.section-head h2,.section h2{font-size:30px}.article-grid{grid-template-columns:1fr;gap:35px}.article-card .number{font-size:32px}.article-card h3{margin-top:15px}.tool-promo{grid-template-columns:1fr;padding:25px;gap:20px}.tool-promo h2{font-size:32px}.reading{display:block;margin:35px 0}.reading aside{border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:28px}.reading article h2{font-size:25px}.page-title h1{font-size:39px;letter-spacing:-1.3px}.page-title .lede{font-size:18px}.chapters{grid-template-columns:1fr}.tool-form{padding:22px}.printable{margin:25px 15px;padding:25px}.printbar{margin:25px 20px}.foot nav{flex-wrap:wrap}}
.template{margin:38px 0;padding:24px;background:var(--white);border:1px solid var(--line)}.template pre{font:14px/1.8 'DM Sans',sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:var(--paper);border-left:3px solid var(--ink)}.related{padding:8px 0 20px;border-top:1px solid var(--line);margin-top:40px}.related li{margin:12px 0}.article-grid+.article-grid{margin-top:30px}
@media(max-width:720px){.wrap.nav{padding:18px 22px}.template{padding:18px}.template pre{padding:12px}}
@media print{header,footer,.printbar,.actions,.small.no-print{display:none!important}body{background:white;color:black;font-size:12px}.printable{margin:0;padding:0;max-width:none}.printable h1{font-size:26px}.printable h2{font-size:17px}.blank-line{min-height:25px}.tool-form{border:0}.tool-form fieldset{break-inside:avoid}.result{background:white;border:1px solid #777}}
.branch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:32px 0}.branch-card{display:block;text-decoration:none;background:var(--white);border:1px solid var(--line);padding:28px;border-radius:5px}.branch-card:hover{border-color:var(--orange)}.branch-card h3{font:700 23px/1.35 'Manrope',sans-serif;margin:14px 0}.branch-card p{font-size:15px;color:var(--muted)}.branch-card .textlink{display:block;margin-top:22px}.branch-intro{max-width:850px;margin:0 0 40px;color:var(--muted)}
.guide-diagram{margin:0 0 48px;padding:25px;background:var(--ink);color:var(--white);border-radius:6px}.guide-diagram .eyebrow{color:var(--lime);margin:0 0 12px}.reading article .guide-diagram h2{margin:0 0 22px;font-size:26px}.diagram-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0}.diagram-step{padding:20px;background:#293b35;border:1px solid #53665a;border-radius:5px}.diagram-step:last-child{background:var(--lime);color:var(--ink)}.step-mark{display:flex;align-items:center;justify-content:space-between;gap:16px}.step-mark span{font:700 13px 'Manrope',sans-serif;color:#c3cec6}.diagram-step:last-child .step-mark span{color:var(--muted)}.step-mark svg{width:28px;height:28px;color:var(--orange)}.diagram-step:last-child .step-mark svg{color:var(--ink)}.diagram-step h3{font:700 19px/1.35 'Manrope',sans-serif;margin:18px 0 8px}.reading article .diagram-step p{font-size:14px;line-height:1.7;margin:0}.guide-diagram figcaption{font-size:13px;line-height:1.65;color:#c3cec6;margin:20px 0 12px}.guide-diagram>.textlink{color:var(--lime);font-size:12px}.reading aside{align-self:start;position:sticky;top:25px}.reading article{min-width:0}.reading article section{scroll-margin-top:25px}
@media(max-width:720px){.branch-grid{grid-template-columns:1fr}.branch-card{padding:22px}.guide-diagram{padding:20px}.diagram-grid{grid-template-columns:1fr}.diagram-step{padding:18px}.reading aside{position:static}.reading article .guide-diagram h2{font-size:24px}.diagram-step h3{margin-top:10px}}
.schema-export{margin:18px 0;font-size:13px}.schema-export summary{cursor:pointer;text-underline-offset:4px}.schema-export img{margin:16px 0;border-radius:4px;width:100%;height:auto}