:root{--paper:#f8f7f2;--ink:#183c36;--muted:#596c66;--line:#d9dfd6;--accent:#24584a;--wash:#eaf0e6;--white:#fffefa}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:4px}a:hover{color:#386d58}a:focus-visible,[tabindex]:focus-visible{outline-offset:5px;outline:3px solid #b15a27}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.13}h1{margin-bottom:24px;font-size:clamp(2.8rem,5.1vw,4.7rem);font-weight:500}h2{font-size:clamp(1.7rem,3vw,2.35rem);font-weight:500}h3{font-size:1.3rem;font-weight:600}p{margin-bottom:1.1rem}em{font-family:Georgia,serif;font-weight:400}main,.site-header,.site-footer{max-width:1160px;margin:auto;padding-left:40px;padding-right:40px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:105px;display:flex}.brand{letter-spacing:-.06em;align-items:center;gap:10px;font-size:1.3rem;font-weight:700;text-decoration:none;display:flex}.brand-mark{background:var(--ink);color:var(--paper);border-radius:8px;place-items:center;width:33px;height:36px;font-family:Georgia,serif;font-size:24px;display:grid}nav{gap:12px;display:flex}nav a{color:var(--muted);border-radius:5px;padding:8px 15px;text-decoration:none}nav a[aria-current=page]{background:var(--wash);color:var(--ink);font-weight:600}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;margin-top:75px;padding-top:25px;padding-bottom:30px;font-size:.8rem;display:flex}.skip-link{background:var(--white);z-index:10;padding:10px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;padding:76px 0 66px;display:grid}.eyebrow{letter-spacing:.15em;color:var(--muted);margin-bottom:22px;font-size:.7rem;font-weight:700}.lede{color:var(--muted);max-width:540px;font-size:1.14rem;line-height:1.7}.actions{flex-wrap:wrap;align-items:center;gap:24px;margin:28px 0 18px;display:flex}.button{background:var(--ink);color:#fff;border-radius:5px;align-items:center;gap:24px;padding:13px 20px;font-size:.9rem;text-decoration:none;display:inline-flex}.button:hover{background:var(--accent);color:#fff}.text-link{font-size:.9rem;font-weight:600}.small{font-size:.8rem}.muted{color:var(--muted)}.flow-card{background:var(--wash);border:1px solid var(--line);border-radius:12px;padding:32px}.flow-node{background:var(--white);border:1px solid var(--line);border-radius:7px;align-items:center;gap:16px;padding:18px;display:flex}.flow-node strong,.flow-node span:not(.node-icon){display:block}.flow-node strong{font-size:.94rem}.flow-node span:not(.node-icon){color:var(--muted);font-size:.72rem}.node-icon{font-family:Georgia,serif;font-size:1.2rem}.featured{background:var(--ink);color:#fff}.featured span:not(.node-icon){color:#dce7df}.flow-line{text-align:center;color:#657e70;height:36px;font-size:22px}.flow-card>p:last-child{color:var(--muted);margin:24px 0 0}.section{border-top:1px solid var(--line);padding:42px 0}.section-heading .eyebrow{margin-bottom:14px}.steps-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.step-card{padding-top:15px}.step-number{color:var(--muted);margin-bottom:22px;font-size:.8rem;display:block}.step-card p{color:var(--muted);font-size:.94rem}.source-banner{background:var(--wash);border-radius:8px;grid-template-columns:1.7fr 1fr;gap:50px;margin-top:15px;padding:36px;display:grid}.source-banner .eyebrow{margin-bottom:14px}.source-banner p{color:var(--muted);font-size:.94rem}.future-note{border-left:1px solid #bdcbbb;align-self:center;padding-left:28px}.page-heading{max-width:780px;padding:60px 0 35px}.page-heading h1{font-size:clamp(2.5rem,4.3vw,3.6rem)}.page-heading .eyebrow{margin-bottom:18px}.badge{background:var(--wash);border:1px solid var(--line);border-radius:4px;margin-bottom:20px;padding:4px 10px;font-size:.75rem;display:inline-block}.content-section{border-top:1px solid var(--line);padding:32px 0}.content-section h2{font-size:1.8rem}.content-section>p{max-width:850px;color:var(--muted)}code{overflow-wrap:anywhere;font-family:Consolas,Courier New,monospace;font-size:.88em}p code,li code,td code{background:var(--wash);border-radius:3px;padding:2px 4px}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#edf3e9;background:#173b35;border-radius:7px;margin:18px 0;padding:22px;font-size:.9rem;line-height:1.7}pre code{font-size:inherit}table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%;font-size:.9rem}th,td{border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;padding:15px 14px 15px 0}th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.72rem}th:first-child{width:28%}th:nth-child(2){width:20%}td:last-child{color:var(--muted)}.notice{background:var(--wash);border-left:3px solid #65805b;border-radius:0 5px 5px 0;margin:22px 0;padding:18px 22px}.notice p:last-child{margin-bottom:0}.two-column{grid-template-columns:1fr 1fr;gap:35px;display:grid}.tutorial-step{border-top:1px solid var(--line);grid-template-columns:65px 1fr;gap:20px;padding:35px 0;display:grid}.tutorial-step>.step-number{font-family:Georgia,serif;font-size:1.7rem}.tutorial-step h2{font-size:1.9rem}.tutorial-step h3{margin-top:28px}.tutorial-step>div{min-width:0}.tutorial-step li{margin-bottom:8px}.prompt{background:var(--wash);border-radius:7px;margin:20px 0;padding:24px;font-family:Georgia,serif;font-size:1.3rem}.link-list{padding-left:20px}.link-list li{margin-bottom:8px}@media (max-width:760px){main,.site-header,.site-footer{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;gap:30px;padding:44px 0}.flow-card{width:100%;max-width:520px;padding:24px}.steps-grid{grid-template-columns:1fr;gap:4px}.step-card{border-bottom:1px solid var(--line);padding-bottom:10px}.step-number{margin-bottom:12px}.source-banner,.two-column{grid-template-columns:1fr;gap:20px}.source-banner{padding:25px}.future-note{border-top:1px solid #bdcbbb;border-left:0;padding:20px 0 0}.site-footer{flex-direction:column;gap:5px}.tutorial-step{grid-template-columns:32px 1fr;gap:12px}.page-heading{padding-top:40px}th,td{padding-right:8px;font-size:.8rem}th:first-child{width:30%}th:nth-child(2){width:22%}}@media (max-width:420px){.site-header{flex-wrap:wrap;justify-content:center;gap:10px;padding-top:20px;padding-bottom:16px}nav{justify-content:center;width:100%}h1{font-size:2.8rem}.tutorial-step{display:block}.tutorial-step>.step-number{margin-bottom:14px}pre{padding:16px;font-size:.8rem}}tbody th{text-transform:none;letter-spacing:0;color:var(--ink);font-weight:400}
