/* Keep the 0.6 visual baseline; correct clipping, contrast and touch targets. */
:root{--muted:#75685f}
.card-open{position:absolute;inset:0;min-height:0;padding-top:47px}
.card-art .bead-svg{width:100%;height:100%!important;max-height:100%!important;min-height:0}
.fav-button,.card-arrow{min-width:44px;min-height:44px}
.free-tag{max-width:calc(100% - 72px);font-size:10px}
.family-beads svg{height:120px!important;min-width:0}
.learn-stamp svg{height:190px!important}
.charity-first{display:flex;align-items:center;gap:22px;margin:22px 0 0;padding:20px 26px;border:1px solid #cad7c4;border-radius:20px;background:var(--mint)}
.charity-first>div{flex:1;min-width:0}
.charity-first h2{font-size:24px;line-height:1.2;margin:0 0 6px;color:var(--green)}
.charity-first p{font-size:13px;line-height:1.5;margin:0;max-width:650px}
.charity-first .big-heart{color:var(--green);font-size:40px;line-height:1}
.charity-first .btn{flex-shrink:0;background:var(--green)}
.charity-first small{display:block;font-size:11px;margin-top:6px;color:var(--green)}
.charity-first a.text-link{font-size:12px;white-space:nowrap;margin-left:8px}
@media(min-width:761px) and (max-width:1000px){.hero-sticker{right:0}}
@media(max-width:760px){
 .charity-first{padding:17px 18px;gap:12px;flex-wrap:wrap;margin-top:16px}
 .charity-first .big-heart{display:none}
 .charity-first>div{flex-basis:100%}
 .charity-first h2{font-size:23px}
 .charity-first .btn{padding:11px 19px;min-height:44px;font-size:13px}
 .charity-first p{font-size:12px}
 .learn-stamp svg{height:120px!important}
 .field input,.field select,.field textarea,input,select,textarea{font-size:16px}
 .free-tag{font-size:8px;left:10px;top:15px}
}
@media(hover:none){.pattern-card:hover,.btn:hover{transform:none}}

/* 0.9: sizes and the read-only weaving guide. Preserve the warm 0.6 layout. */
.card-body .card-size{font-size:13px;color:#6f5140;margin-top:8px;line-height:1.5}.card-size small{white-space:nowrap;font-size:11px}.size-panel{background:#f7eee2;border:1px solid #e4d6c5;border-radius:17px;padding:18px;margin:20px 0}.size-panel>strong{display:block;font-family:Georgia,serif;font-size:25px;line-height:1.4;margin:5px 0;color:#553d2f}.size-panel p{font-size:13px;line-height:1.65;margin:7px 0}.size-panel summary{cursor:pointer;min-height:44px;padding-top:11px;font-size:13px;font-weight:600}.size-panel details p{font-size:13px}.reading-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start}.reading-workspace .work-panel{min-width:0}.reading-workspace #pattern-preview{width:100%;display:grid;place-items:center}.reading-workspace #row-guide{position:sticky;top:100px}.reading-workspace .preview-panel{min-height:0}.size-panel .text-link{font-size:13px}.reading-workspace .work-download{flex-wrap:wrap}
@media(max-width:800px){.reading-workspace{grid-template-columns:1fr}.reading-workspace #row-guide{position:static}.size-panel>strong{font-size:23px}.size-panel{padding:15px}.card-body .card-size{font-size:12px}}