/* Large pictures, short captions and a quiet layer for extra detail. */
:root{--paper:#fffdf7;--line:#d5dfd2;--ink:#253b32;--green:#245442;--blue:#245aa7}
.picture-guide h1{font-size:clamp(2.2rem,7vw,4.1rem);letter-spacing:-.045em;line-height:1.03;margin:8px 0 14px}
.picture-guide h2{font-size:clamp(1.25rem,4vw,1.65rem);margin:0 0 8px;line-height:1.25}
.picture-guide h3{font-size:1.05rem;margin:0 0 6px}
.picture-guide p{margin:8px 0 12px}
.picture-guide img{display:block;max-width:100%;height:auto}
.picture-guide section[id],.picture-guide figure[id],.picture-guide article[id],.picture-guide details[id]{scroll-margin-top:18px}
.picture-guide a:focus-visible,.picture-guide summary:focus-visible,.picture-guide button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.picture-guide summary{cursor:pointer;font-weight:700}
.picture-hero{display:grid;grid-template-columns:1fr minmax(0,.95fr);gap:22px;align-items:center;padding:clamp(16px,4vw,34px);border:1px solid var(--line);border-radius:22px;background:var(--paper);margin:20px 0}
.picture-hero img{width:100%;max-height:370px;object-fit:contain;background:#e7ebe0;border-radius:16px}
.picture-hero .eyebrow,.section-number{font-size:.78rem;letter-spacing:.08em;font-weight:750;color:var(--green)}
.picture-hero .big-action,.picture-guide .big-action{display:inline-block;background:var(--green);color:white;padding:9px 14px;border-radius:9px;text-decoration:none;font-weight:700;min-height:44px}
.quick-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px 17px}
.supply-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;margin:14px 0 18px;padding:0}
.supply-list li{margin:0!important;padding:8px 10px;border-radius:8px;background:#edf2e9;font-size:.93rem}
.supply-list strong{display:block;color:var(--green)}
.picture-guide .build-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:clamp(14px,3vw,24px);margin:20px 0}
.picture-guide .build-card .step-badge{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--green);color:#fff;font-size:.92rem;vertical-align:3px;margin-right:5px}
.picture-frames,.picture-guide .modules{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr));gap:12px}
.picture-frames figure{margin:0;min-width:0}
.picture-frames svg{display:block;width:100%;max-height:190px}
.picture-frames figcaption{padding:8px 0;font-size:.94rem;line-height:1.4}
.picture-frames figcaption strong,.picture-frames figcaption span{display:block}
.picture-frames figcaption span{margin-top:4px;color:#485f54}
.picture-guide .module img{width:100%;max-height:200px;object-fit:contain;border-radius:8px;margin-bottom:9px;background:#e7ebe0}
.picture-guide .module button{min-height:44px}
.picture-guide .part{background:#f3f5ed}
.picture-guide .part figcaption{font-size:.89rem;line-height:1.45}
.picture-guide .part svg{height:142px}
.picture-guide .part-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,126px),1fr))}
.picture-guide .practical-note{background:#fff1d5;border-radius:8px;padding:8px 11px}
.picture-guide .reference-details{margin-top:22px}
.picture-guide .reference-details:target,.picture-guide .picture-lesson:target{outline:2px solid var(--green);outline-offset:3px}
.picture-guide .lesson-links{margin:16px 0}
.picture-guide .lesson-links a{display:inline-block;background:#e5eee2;padding:7px 12px;border-radius:100px;text-decoration:none;font-weight:650}
.picture-guide .picture-lesson{margin:16px 0}
.picture-guide .kid-step-details .workbench{margin-top:12px}
.picture-guide .product-grid>.card{display:flex;flex-direction:column;align-items:flex-start}
.picture-guide .product-grid img{width:100%;aspect-ratio:500/395;object-fit:contain;border-radius:10px;background:#e7ebe0}
.picture-guide .product-grid .product-count{margin-top:auto;padding-top:8px;font-weight:700;color:var(--green)}
.alt-viewer summary{font-size:1.15rem}
.alt-workbench{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px;margin-top:16px}
.alt-canvas-card,.alt-step-card{min-width:0;background:#f3f5ec;border-radius:12px;padding:12px}
.alt-scene{display:grid;place-items:center;aspect-ratio:680/500;background:#e7ebe0;border-radius:9px;overflow:hidden;touch-action:none;cursor:grab}
.alt-scene:active{cursor:grabbing}
.alt-scene svg{display:block;width:100%;height:100%;pointer-events:none}
.alt-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.alt-viewer button,.alt-viewer select{font:inherit;color:inherit;background:#fffdf7;border:1px solid #a8b6a8;border-radius:7px;padding:7px 9px;min-height:42px}
.alt-viewer button{cursor:pointer}
.alt-viewer button:disabled{opacity:.48;cursor:default}
.alt-viewer [data-view="next"]:not(:disabled){color:white;background:var(--green)}
.alt-viewer [data-view="play"][aria-pressed="true"]{background:#f1d5ae}
.alt-step-card label,.alt-step-card select{display:block;width:100%}
.alt-step-card select{margin:5px 0 16px}
.alt-canvas-card>p{font-size:.88rem;margin-bottom:0}
.product-page .product-intro{margin:20px 0}
.product-page .product-intro h1{font-size:clamp(2rem,5.2vw,3.25rem)}
.product-page .product-intro img{max-height:320px}
.picture-guide button[aria-pressed="true"]{background:#e5eee2;border-color:var(--green);color:var(--green)}
.product-page #materials select{font:inherit;margin-left:10px;padding:6px 10px;border:1px solid #a8b6a8;border-radius:7px;background:#fffdf7;color:inherit}
@media(max-width:700px){.picture-hero{grid-template-columns:1fr}.picture-hero img{max-height:250px}.picture-guide .part svg{height:120px}}
@media(max-width:700px){.alt-workbench{grid-template-columns:1fr}}
@media print{.picture-guide .picture-hero,.picture-guide .screen-build,.picture-guide .reference-details{display:none!important}.picture-guide .printsteps .printstep:first-child{break-before:auto}}