.poster-example{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center}.poster-example p{margin-top:18px}.poster-example figure{margin:0;background:#fff;border:1px solid var(--line);padding:12px;border-radius:16px}.poster-example img{display:block;width:100%;height:auto}.poster-example figcaption{font-size:13px;color:var(--muted);padding:12px 4px 2px}.poster-steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:0;margin:0}.poster-steps li{counter-increment:step;padding:26px;background:#fff;border:1px solid var(--line);border-radius:16px;min-width:0}.poster-steps h3{font-size:21px;margin-bottom:14px}.poster-steps h3:before{content:counter(step) '. ';color:var(--violet)}.poster-steps p{font-size:15px}.poster-steps a{overflow-wrap:anywhere}.band h3{font-size:20px;margin-top:18px}.notice summary{cursor:pointer;font-weight:700;min-height:44px;display:list-item;padding:8px 0}.notice[open] p{margin-top:12px}.trust-grid{margin-top:0}@media(max-width:700px){.poster-example,.poster-steps{grid-template-columns:1fr}.poster-example{gap:24px}.poster-steps li{padding:22px}.hero .actions>a{width:100%}}@media print{.poster-steps li{break-inside:avoid}}
/* The first-project route stays warm and focused; optional cross-tool work follows. */
body{--ink:#31291e;--muted:#665e50;--line:#dfd7c8;--paper:#faf6ed;background:#faf6ed;color:#31291e}.poster-hero{padding:55px 0 32px;border-bottom:1px solid #dfd7c8}.poster-hero h1{font-size:clamp(42px,5.5vw,72px);line-height:1.02;letter-spacing:-.055em;max-width:900px}.poster-hero h1 em{color:inherit;font-style:normal;background:linear-gradient(transparent 68%,#efc49b 68%)}.poster-hero .intro{max-width:730px;font-size:20px}.poster-hero .button{background:#31291e;border-color:#31291e;border-radius:5px}.poster-hero .button.secondary{background:transparent;color:#31291e}.poster-start-note{margin-top:20px;max-width:730px;font-size:15px}.poster-download-options{font-size:13px;line-height:1.6;margin-top:16px}.poster-hero .notice{background:#f1e8d8;border-color:#dfd7c8;max-width:none;font-size:13px;margin-top:24px;padding:17px 20px}.poster-example{padding-top:44px;padding-bottom:44px;grid-template-columns:.7fr 1.3fr}.poster-example h2,#steps-title,.poster-two-files h2{font-size:38px;line-height:1.08;letter-spacing:-.04em}.poster-example figure{background:#edc59f;border:0;border-radius:7px;padding:22px;transform:rotate(-2deg);box-shadow:8px 9px 0 #b4815a20}.poster-example figcaption{color:#453725;font-size:12px}.poster-steps{gap:20px}.poster-steps li{border-radius:7px;background:#fffdf7;padding:28px;border-color:#dfd7c8}.poster-steps h3:before{display:grid;place-items:center;width:35px;height:35px;margin-bottom:15px;background:#edc59f;border-radius:50%;font-size:14px;color:#31291e;content:counter(step)}.poster-steps p{line-height:1.7}.poster-two-files{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;align-items:center;padding-top:40px;padding-bottom:40px}.poster-file-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.poster-file-pair article{padding:23px;background:#ece5d7;border-radius:8px}.poster-file-pair article:last-child{background:#e6ebd1}.poster-file-icon{display:inline-grid;place-items:center;width:51px;height:64px;background:#fffdf7;border:1px solid #b9ad96;font-size:11px;font-weight:bold;box-shadow:5px 5px 0 #31291e15;margin-bottom:20px}.poster-file-pair h3{font-size:21px;margin-bottom:12px}.poster-file-pair p{font-size:13px;line-height:1.7}.poster-optional{border-block:1px solid #d4ccbd}.poster-optional>summary{cursor:pointer;font-size:18px;font-weight:700;padding:22px 10px;min-height:66px}.poster-optional>summary:focus-visible{outline:3px solid #a44112;outline-offset:4px}.poster-optional[open]>summary{border-bottom:1px solid #d4ccbd;margin-bottom:25px}.poster-optional .band{background:#efe8db;border-radius:8px}.poster-optional .band h2{font-size:30px}.poster-optional .band p{font-size:14px}.poster-optional .section-head h2{font-size:30px}.poster-optional .poster-steps{margin-top:20px;margin-bottom:25px}#learn.section,#keep-project.section{padding-top:0;padding-bottom:22px}.trust-grid{padding-top:20px}.trust-grid p{font-size:13px;line-height:1.7}.family-header .family-mark{background:#31291e;color:#f6bc88}
@media(max-width:700px){.poster-hero{padding-top:30px}.poster-hero h1{font-size:43px}.poster-hero .intro{font-size:18px}.poster-example,.poster-two-files{grid-template-columns:1fr;gap:26px}.poster-example h2,#steps-title,.poster-two-files h2{font-size:32px}.poster-example figure{margin:0 6px 10px}.poster-file-pair{gap:12px}.poster-file-pair article{padding:18px}.poster-file-pair h3{font-size:19px}.poster-file-pair p{font-size:12px}.poster-two-files{padding-block:30px}.poster-optional>summary{font-size:16px}.poster-hero .actions{gap:12px}.poster-hero .actions a{font-size:13px}.poster-download-options{font-size:12px}}
@media(max-width:370px){.poster-file-pair{grid-template-columns:1fr}.poster-hero h1{font-size:38px}}
@media print{.poster-hero,.poster-two-files{display:block}.poster-example figure{transform:none;box-shadow:none}.poster-file-pair article{break-inside:avoid}.poster-optional:not([open])>summary:after{content:' (optional online guide)'}}