.template-guide{max-width:850px;margin:auto}.template-guide .hero{display:block;padding-bottom:24px}.template-guide h1,.template-library h1{font-size:clamp(32px,5vw,58px);line-height:1.08;overflow-wrap:anywhere}.template-guide h2{margin-top:36px;font-size:25px;line-height:1.25}.template-guide p,.template-guide li{line-height:1.8}.template-toc{display:flex;flex-wrap:wrap;gap:14px;border-block:2px solid var(--ink);padding:18px 0}.template-toc a{font-size:14px;font-weight:700}.template-guide .sample{white-space:pre-wrap;overflow-wrap:anywhere}.template-guide table{width:100%;min-width:500px;border-collapse:collapse}.template-guide th,.template-guide td{padding:12px;border:1px solid var(--ink);text-align:left;vertical-align:top}.template-guide caption{text-align:left;font-weight:700;padding:12px 0}.template-next{background:var(--mint);padding:22px;border:2px solid var(--ink);margin:34px 0}.template-next h2{margin-top:0}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px;margin:28px 0 40px}.template-card{border:2px solid var(--ink);padding:24px;background:var(--paper);box-shadow:5px 5px 0 var(--ink)}.template-card h2{font-size:24px;line-height:1.25}.template-card p{font-size:15px;line-height:1.7}.template-guide a:focus-visible,.template-library a:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.worked-example{border-top:3px solid var(--ink);margin-top:40px;padding-top:8px}.worked-example h3{font-size:20px;margin:30px 0 10px}.example-run{background:var(--paper);border:2px solid var(--ink);padding:14px 16px;font-size:15px}.example-text{max-height:28em;overflow:auto;font-size:14px}.example-files{font-weight:700;font-size:15px}.example-figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px;margin:14px 0}.example-figures figure{margin:0;border:2px solid var(--ink);background:var(--paper)}.example-figures img{display:block;width:100%;height:auto;border-bottom:2px solid var(--ink)}.example-figures figcaption{font-size:13px;line-height:1.5;padding:10px 12px}
.brief-builder{background:var(--paper);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:22px;margin:36px 0}.brief-builder h2{margin-top:0}.builder-form{display:grid;gap:14px}.builder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}.builder-form label,.output-label{display:grid;gap:6px;font-weight:700;font-size:15px}.builder-form input,.builder-form textarea,#brief-output{width:100%;font:inherit;font-weight:500;padding:10px 12px;border:2px solid var(--ink);background:#fff;color:var(--ink)}.builder-form fieldset{border:2px solid var(--ink);display:flex;flex-wrap:wrap;gap:8px 18px;padding:12px 14px}.builder-form legend{font-weight:800;padding:0 6px}.builder-form label.check{display:flex;align-items:center;gap:8px;font-weight:600;min-height:32px}.builder-form label.check input{width:20px;height:20px}.output-label{margin-top:18px}#brief-output{font-family:ui-monospace,Consolas,monospace;font-size:14px;line-height:1.6;white-space:pre-wrap}.brief-builder .copy-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px}.button.secondary{background:var(--paper)}
.watch-video{margin:24px 0;max-width:360px}.watch-video video{display:block;width:100%;height:auto;border:3px solid var(--ink);background:var(--ink)}.watch-video figcaption{font-size:13px;padding-top:8px}.watch-transcript{border:2px solid var(--ink);background:var(--paper);padding:6px 18px}.watch-transcript p{margin:10px 0}.watch-steps li{margin:12px 0}.watch-heading{margin-top:10px}.watch-list li{margin:8px 0;font-weight:700}.watch-list span{font-weight:500}