/* V28: complete artwork, roomy text and easy-to-find lesson controls. */
.site-v25 .lesson-navigation{position:sticky;top:0;z-index:25;padding:16px 18px;margin:28px 0 24px;border:2px solid #245949;border-radius:18px;background:#fffdf8;box-shadow:0 4px 12px #18372a1a}
.site-v25 .lesson-navigation>p{font-size:.9rem!important;line-height:1.5;font-weight:750;margin:0 0 12px!important;overflow-wrap:anywhere}
.site-v25 .lesson-navigation .hobby-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:0}
.site-v25 .lesson-navigation .hobby-controls button{font:inherit;font-size:1rem;line-height:1.4;font-weight:780;min-height:72px!important;min-width:0;width:100%;padding:10px 12px;border:2px solid #245949;border-radius:12px;white-space:normal;overflow-wrap:anywhere;background:#fff;color:#245949}
.site-v25 .lesson-navigation .hobby-controls button.solid{background:#245949;color:#fff}
.site-v25 .lesson-navigation .hobby-controls button:disabled{background:#e7eae1;color:#53614d;border-color:#9da992;opacity:1}
.site-v25 .lesson-navigation button:focus-visible{outline:4px solid #9b421e;outline-offset:4px}
.site-v25 #craft-stage,.site-v25.page-plants #plant-stage{scroll-margin-top:calc(var(--hobby-nav-height,170px) + 20px)}
.site-v25.page-knitting .crochet-figure,.site-v25.page-plants .plant-lesson-figure{min-width:0;width:100%;max-width:100%}
.site-v25.page-knitting .crochet-picture>img,.site-v25.page-plants .plant-picture-button>img{width:100%;height:auto;object-fit:contain;aspect-ratio:4/3}
.site-v25 .crochet-pin{width:clamp(30px,4vw,42px);height:clamp(30px,4vw,42px);font-size:clamp(20px,2.4vw,26px);border-width:2px}
.site-v25 .crochet-direction{font-size:clamp(32px,4.8vw,52px)}
.site-v25 .hobby-step-heading h3,.site-v25 .plant-action p,.site-v25 .plant-check p,.site-v25 .crochet-instructions p,.site-v25 .crochet-key li{overflow-wrap:anywhere}
.hobby-picture-dialog{box-sizing:border-box;width:1120px;max-width:calc(100vw - 16px);max-height:92dvh;overflow:auto;padding:22px;border:2px solid #69876d;border-radius:18px;background:#fffdf8;color:#20372f;overscroll-behavior:contain}
.hobby-picture-dialog::backdrop{background:#102a23bf}
.hobby-picture-dialog>h2{font-size:1.3rem;line-height:1.5;font-weight:780;margin:0 0 16px;overflow-wrap:anywhere}
.hobby-picture-tools{position:sticky;top:-1px;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:12px 0;background:#fffdf8;border-bottom:1px solid #9eaf94;margin-bottom:16px}
.hobby-picture-tools>button{font:inherit;font-size:1rem;font-weight:750;line-height:1.4;min-width:0;min-height:64px;padding:10px 8px;border:2px solid #245949;border-radius:12px;background:#fff;color:#245949;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.hobby-picture-tools>button[aria-pressed=true]{background:#e6efe0;text-decoration:underline;text-underline-offset:.2em}
.hobby-picture-dialog :focus-visible{outline:4px solid #9b421e;outline-offset:-4px}
.hobby-picture-viewport{width:100%;min-width:0;overflow:auto;overscroll-behavior:contain;border-radius:10px;background:#fffaf3}
.site-v25 .hobby-picture-viewport>img{display:block;width:100%;max-width:100%;height:auto;margin:0;object-fit:contain}
.hobby-picture-viewport.is-magnified{height:min(56dvh,620px);border:2px solid #69876d;border-radius:8px;touch-action:pan-x pan-y}
.site-v25 .hobby-picture-viewport.is-magnified>img{width:200%;max-width:none;height:auto}
.hobby-picture-dialog>p{font-size:1rem;line-height:1.8;overflow-wrap:anywhere}.hobby-picture-dialog .hobby-picture-hint{font-size:.9rem}
@media(max-width:1100px){.site-v25.page-knitting .crochet-instructions{grid-template-columns:minmax(0,1fr)}.site-v25.page-knitting .crochet-instructions .hobby-check{height:auto}.site-v25.page-plants .plant-lesson-grid{grid-template-columns:minmax(0,1fr);gap:28px}}
@media(max-width:760px){.site-v25 .lesson-navigation{padding:12px;margin-block:24px 20px;border-radius:14px}.site-v25 .lesson-navigation .hobby-controls{gap:12px}.site-v25 .lesson-navigation .hobby-controls button{padding:10px 8px}.hobby-picture-dialog{padding:12px;max-width:calc(100vw - 8px)}.hobby-picture-tools{gap:10px}.site-v25 .plant-lesson-figure figcaption{padding:20px 18px}.site-v25.page-plants .plant-lesson-scope a{display:block;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.hobby-picture-dialog *{scroll-behavior:auto!important}}