.tutorial{--ink:#173d30;--muted:#627167;--line:#cdd4c9;--paper:#f4f4eb;background:var(--paper);color:var(--ink);padding:100px max(5vw,24px) 0;scroll-padding-top:90px}.t-top{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0 23px;font:11px 'Courier New',monospace;letter-spacing:1.5px}.t-top b{font:700 20px 'Space Grotesk',sans-serif;letter-spacing:-.7px}.t-top button,.t-footer button{border:0;background:none;font-size:12px}.t-hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1.05fr;gap:5vw;align-items:center;padding:68px 0 64px}.t-kicker,.t-step-tag{font:10px 'Courier New',monospace;letter-spacing:1.6px}.t-hero h1{font:500 clamp(52px,5.6vw,88px)/.98 'Space Grotesk',sans-serif;letter-spacing:-4px;margin:26px 0}.t-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#65925c}.t-hero-copy>p{color:var(--muted);line-height:1.75;font-size:16px;margin:25px 0}.t-primary{background:var(--ink);color:#fff;border:0;padding:19px 24px;min-width:270px;text-align:left;font-size:13px}.t-primary span{float:right;margin-left:24px}.t-hero-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;font:9px 'Courier New',monospace;color:var(--muted)}.t-evidence{position:relative;background:#e0e5d8;border:1px solid #b8c3b4;padding:16px;transform:rotate(2deg);box-shadow:12px 15px 0 #d6decd}.t-evidence-top{display:flex;justify-content:space-between;padding:0 0 13px;font:9px 'Courier New',monospace;letter-spacing:1px}.t-evidence-top i{color:#51844e}.t-evidence>img{width:100%;display:block;filter:saturate(.85)}.t-evidence-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:18px;align-items:center}.t-evidence-bottom small{font:9px 'Courier New',monospace;letter-spacing:1px;display:block;margin-bottom:8px}.t-evidence-bottom strong{font:500 clamp(18px,2vw,28px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-1px}.t-mini-boards{display:flex;gap:8px;width:44%}.t-mini-boards img{width:calc(50% - 4px);aspect-ratio:1;object-fit:cover}.t-stamp{position:absolute;right:-20px;bottom:95px;transform:rotate(-12deg);border:1px solid var(--ink);background:#cbed81;padding:13px;font:10px/1.4 'Courier New',monospace;letter-spacing:1px}.t-tools{max-width:1440px;margin:auto;display:grid;grid-template-columns:.7fr 1.5fr 1.5fr;border-block:1px solid var(--line);align-items:center;padding:24px 0;gap:25px}.t-tools>span{font:10px 'Courier New',monospace;letter-spacing:1px}.t-tools a,.t-tools .t-model{text-decoration:none;font-weight:600;font-size:16px}.t-tools small{display:block;font-weight:400;font-size:11px;color:var(--muted);margin-top:7px}.t-tools a:hover{color:#638643}.t-layout{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:205px minmax(0,1fr);gap:6vw;padding:70px 0 30px}.t-sidebar{position:sticky;top:95px;align-self:start}.t-sidebar nav{display:flex;flex-direction:column;margin:25px 0 35px;gap:4px}.t-sidebar nav button{border:0;background:none;text-align:left;padding:12px 8px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:15px}.t-sidebar nav button span{font:10px 'Courier New',monospace;opacity:.7}.t-sidebar nav button:hover,.t-sidebar nav button.active{background:#e2e9d9;color:var(--ink)}.t-sidebar nav button.active{box-shadow:inset 2px 0 #54744b}.t-sidebar>p{font-size:10px;line-height:1.6;color:var(--muted);max-width:175px}.t-step{padding:0 0 65px;margin-bottom:65px;border-bottom:1px solid var(--line);scroll-margin-top:95px}.t-step-tag{color:#61805b;margin-bottom:23px}.t-step h2{font:500 clamp(30px,3.5vw,49px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-1.8px;margin-bottom:25px}.t-step>p{font-size:15px;line-height:1.85;max-width:770px;color:#4f6055;margin:18px 0}.t-step h3{font-size:19px;font-weight:500;letter-spacing:-.5px;margin:30px 0 10px}.t-idea{background:#dde7cf;padding:30px;margin-top:28px;border-left:3px solid #608650}.t-idea>span{font:10px 'Courier New',monospace;letter-spacing:1px}.t-idea blockquote{margin:20px 0 28px;font:italic clamp(27px,3vw,40px)/1.2 Georgia,serif}.t-idea>div{display:flex;flex-wrap:wrap;gap:10px 24px;font:10px 'Courier New',monospace}.t-face-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:25px;margin:30px 0;align-items:start}.t-face-detail{overflow:hidden;aspect-ratio:1;background:#ddd}.t-face-detail img{width:214%;max-width:none;display:block;transform:translateX(-53.5%)}.t-face-layout h3{margin-top:0}.t-face-layout ul{padding-left:18px;margin:14px 0;font-size:13px;color:#4f6055;line-height:1.7}.t-face-layout li+li{margin-top:10px}.t-caption{font-size:10px;color:var(--muted);line-height:1.5;display:block}.t-note{padding:22px 26px;border:1px solid var(--line);font-size:13px;line-height:1.75;color:#53614f;margin:25px 0}.t-note b{display:block;color:var(--ink);margin-bottom:4px}.t-note-green{background:#e6eddc;border:0}.t-prompt{margin:27px 0;background:#173d30;color:#ecf2e8;border:1px solid #173d30;min-width:0}.t-prompt-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 19px;border-bottom:1px solid #ffffff25}.t-prompt-head>span{font:9px/1.5 'Courier New',monospace;letter-spacing:1px;color:#cbdda8}.t-prompt-head button{background:#cbed81;color:#1b3b2b;border:0;padding:10px 13px;font-size:11px;white-space:nowrap}.t-prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.85 'Courier New',monospace;padding:23px;margin:0;max-height:310px;overflow:auto;tab-size:2}.t-sheet{margin:30px 0}.t-sheet button{display:block;position:relative;padding:0;border:1px solid var(--line);background:#e3e6dc;width:100%}.t-sheet img{display:block;width:100%}.t-sheet button>span{position:absolute;bottom:14px;right:14px;font:10px 'Courier New',monospace;background:#173d30;color:#fff;padding:12px}.t-sheet figcaption{font-size:11px;color:var(--muted);margin-top:12px}.t-props{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.t-props button{text-align:left;border:1px solid var(--line);background:#fff;padding:0;transition:transform .2s}.t-props button:hover{transform:translateY(-4px)}.t-props img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.t-props button>span{display:block;padding:15px;font:10px 'Courier New',monospace;color:var(--muted)}.t-props b{display:block;font:500 13px 'DM Sans',sans-serif;margin-top:7px;color:var(--ink)}.t-draft-label{display:block;font:10px 'Courier New',monospace;letter-spacing:1px;margin:28px 0 12px}.t-draft-label small{display:block;letter-spacing:0;font:11px 'DM Sans',sans-serif;color:var(--muted);margin-top:7px}#t-draft{width:100%;resize:vertical;min-height:150px;background:#fffef8;border:1px solid #a9baa0;border-radius:0;font:14px/1.8 'DM Sans',sans-serif;color:var(--ink);padding:18px}#t-draft:focus-visible{outline:2px solid #648942;outline-offset:3px}.t-text-button{background:none;border:0;border-bottom:1px solid var(--ink);padding:8px 0;margin-top:8px;font-size:12px}.t-expand{border-block:1px solid var(--line);margin:25px 0;padding:0 0 0}.t-expand+.t-expand{border-top:0}.t-expand summary{list-style:none;cursor:pointer;font-size:16px;display:flex;justify-content:space-between;gap:20px;padding:23px 0;line-height:1.4}.t-expand summary::-webkit-details-marker{display:none}.t-expand summary>span{font-size:24px;font-weight:300}.t-expand[open] summary>span{transform:rotate(45deg)}.t-expand>p{font-size:13px;line-height:1.8;color:var(--muted)}.t-reference-map{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin:25px 0;padding:20px;gap:24px;font:11px 'Courier New',monospace}.t-reference-map b{display:block;font:400 12px 'DM Sans',sans-serif;color:var(--muted);margin-top:7px}.t-limit{display:flex;gap:28px;align-items:center;background:#dde7cf;padding:28px;margin:25px 0}.t-limit>strong{font:500 clamp(25px,3vw,38px) 'Space Grotesk',sans-serif;white-space:nowrap;letter-spacing:-1px}.t-limit b{font-size:14px}.t-limit p{font-size:12px;line-height:1.7;color:#53614f}.t-limit a{font-size:11px;text-underline-offset:3px}.t-checklist{margin-top:25px;display:grid;gap:0}.t-checklist label{display:flex;gap:14px;align-items:start;border-bottom:1px solid var(--line);padding:16px 0;cursor:pointer;font-size:13px;line-height:1.5}.t-checklist input{width:17px;height:17px;accent-color:#406539;flex-shrink:0;margin:1px 0}.t-checklist label:has(input:checked){color:#7b8878}.t-checklist label:has(input:checked) span{text-decoration:line-through;text-decoration-color:#abbba4}.t-check-status{font:11px 'Courier New',monospace!important;color:#527542!important}.t-fixes{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0}.t-fixes>div{border-top:2px solid #739564;padding-top:19px}.t-fixes b{font-size:14px}.t-fixes p{font-size:13px;line-height:1.7;color:var(--muted)}.t-finish{background:#173d30;color:#f1f3e8;padding:35px;margin-top:35px}.t-finish>span{font:9px 'Courier New',monospace;letter-spacing:2px;color:#c4d99c}.t-finish h3{font:500 clamp(30px,3vw,45px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-1.5px;margin:22px 0 30px}.t-finish button{background:#cbed81;border:0;padding:14px 17px;font-size:12px;color:#173d30;margin:0 8px 10px 0}.t-finish .t-finish-secondary{background:none;color:#eef3e5;border:1px solid #789584}.t-footer{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:30px 0 45px;font:9px 'Courier New',monospace;line-height:1.6;color:var(--muted)}.t-reference-dialog{max-width:min(95vw,1400px);width:95vw;max-height:94dvh;border:0;padding:18px;background:#f4f4eb;color:#173d30}.t-reference-dialog::backdrop{background:#06170ee8;backdrop-filter:blur(10px)}.t-reference-dialog>div{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px;margin-bottom:14px}.t-reference-dialog button{background:#173d30;color:#fff;padding:10px 15px;border:0}.t-reference-dialog img{display:block;width:100%;height:calc(90dvh - 75px);object-fit:contain}.reduced .t-props button{transition:none}
@media(min-width:1700px){.t-hero{padding-block:85px}.t-hero h1{font-size:100px}.t-layout{gap:110px}.t-hero-copy>p{font-size:18px}}
@media(max-width:900px){.t-hero{gap:35px}.t-hero h1{font-size:56px}.t-hero-copy>p{font-size:14px}.t-layout{grid-template-columns:150px minmax(0,1fr);gap:30px}.t-sidebar nav button{font-size:11px;gap:9px}.t-face-layout{grid-template-columns:1fr}.t-face-detail{max-width:330px}.t-tools{gap:20px}.t-tools small{line-height:1.5}.t-limit{display:block}.t-limit>strong{display:block;margin-bottom:10px}}
@media(max-width:640px){.tutorial{padding:85px 22px 0;scroll-padding-top:80px}.t-top{font-size:8px;gap:10px;padding-bottom:18px}.t-top b{font-size:17px}.t-top>span{display:none}.t-top button{font-size:11px}.t-hero{display:flex;flex-direction:column;align-items:stretch;gap:37px;padding:38px 0 48px}.t-hero h1{font-size:clamp(48px,12vw,67px);letter-spacing:-3px;margin:23px 0}.t-hero-copy>p{font-size:14px}.t-kicker{font-size:8px;letter-spacing:1.1px}.t-hero-meta{gap:13px;font-size:8px}.t-primary{min-width:0;width:100%}.t-evidence{padding:11px;margin:0 8px 0 0;box-shadow:7px 8px 0 #d6decd}.t-evidence-bottom strong{font-size:24px}.t-evidence-top{font-size:8px}.t-stamp{right:-14px;bottom:90px;font-size:8px;padding:9px}.t-tools{grid-template-columns:1fr;gap:18px;padding:23px 0}.t-tools>a,.t-tools>.t-model{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;gap:10px}.t-tools small{font-size:10px;margin:0}.t-layout{display:block;padding-top:35px}.t-sidebar{position:static;margin-bottom:45px}.t-sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:17px 0}.t-sidebar nav button{padding:10px 8px;background:#e9ecdf;font-size:11px}.t-sidebar>p{max-width:none;font-size:9px}.t-step{padding-bottom:40px;margin-bottom:40px;scroll-margin-top:85px}.t-step h2{font-size:33px;letter-spacing:-1.2px}.t-step>p{font-size:14px;line-height:1.8}.t-step-tag{font-size:9px}.t-idea{padding:22px}.t-idea blockquote{font-size:28px}.t-idea>div{font-size:9px;gap:12px}.t-prompt-head{padding:13px;gap:10px}.t-prompt-head>span{font-size:8px;letter-spacing:.6px}.t-prompt-head button{font-size:10px;padding:10px}.t-prompt pre{font-size:11px;padding:17px;max-height:290px}.t-props{gap:8px}.t-props button>span{padding:10px 7px;font-size:8px}.t-props b{font-size:10px;line-height:1.4}.t-note{padding:20px;font-size:12px}.t-sheet button>span{font-size:8px;right:8px;bottom:8px;padding:8px}.t-reference-map{padding:17px;font-size:10px;gap:20px 14px}.t-reference-map b{font-size:11px;line-height:1.4}.t-limit{padding:23px}.t-fixes{gap:20px}.t-fixes b{font-size:13px}.t-fixes p{font-size:12px}.t-finish{padding:25px}.t-finish button{width:100%;margin-right:0}.t-footer{flex-direction:column;align-items:start;gap:14px;padding-bottom:30px}.t-reference-dialog{padding:12px}.t-reference-dialog>div{font-size:10px}.t-reference-dialog button{font-size:10px}.t-reference-dialog img{height:auto;max-height:80dvh}.t-expand summary{font-size:14px}}
.tutorial .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.t-face-layout.t-source-layout{grid-template-columns:1fr;gap:28px}.t-source-heads{display:grid;grid-template-columns:1fr 1fr;gap:18px}.t-source-heads figure{margin:0;min-width:0}.t-source-heads button{display:block;position:relative;width:100%;padding:0;border:1px solid var(--line);background:#e0e5d8;overflow:hidden}.t-source-heads img{display:block;width:100%;aspect-ratio:1.05;object-fit:cover;object-position:center}.t-source-heads button span{position:absolute;bottom:12px;right:12px;background:#173d30;color:white;padding:10px;font:9px 'Courier New',monospace}.t-source-heads figcaption{margin-top:12px;font:9px/1.5 'Courier New',monospace;letter-spacing:1px;color:var(--muted)}.t-source-layout>div:last-child ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px}.t-source-layout li+li{margin-top:0}@media(max-width:640px){.t-source-heads{gap:10px}.t-source-heads img{aspect-ratio:.8}.t-source-heads figcaption{font-size:8px;letter-spacing:.4px}.t-source-heads button span{font-size:7px;bottom:7px;right:7px;padding:7px}.t-source-layout>div:last-child ul{display:block}.t-source-layout li+li{margin-top:10px}}