.ws-main section{scroll-margin-top:30px}.ws-main .catalog-filters{grid-template-columns:repeat(4,minmax(0,1fr)) auto}.ws-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:28px}.ws-card{min-width:0}.ws-paper{position:relative;background:#eef1e7;border:1px solid #e1e6d8;padding:25px;border-radius:12px;display:block;width:100%;cursor:pointer}.ws-paper img{height:290px;width:100%;object-fit:contain;filter:drop-shadow(5px 8px 6px #19372822);transition:transform .2s}.ws-card h3{font:1.5rem Georgia,serif;margin:20px 0 10px}.ws-card p{font-size:.9rem;line-height:1.65;margin:10px 0}.ws-card .button{margin-top:12px;width:100%;font-size:.9rem}.ws-size{position:absolute;bottom:12px;right:12px;background:#244b38;color:#fff3ce;padding:9px 13px;border-radius:8px;font-size:.8rem}.sample-grade{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:25px 0 18px;font-size:.9rem}.sample-grade select{font:inherit;padding:12px;border:1px solid #bdcdb7;background:white;border-radius:7px;min-width:200px}#sample-note{font-size:1rem}.ws-notice{padding:18px 22px;border-left:3px solid #caa052;background:#f8f3e7;font-size:.9rem;line-height:1.7}.ws-related{margin-top:35px}.ws-related>a{background:#f1f4ec;padding:25px;border-radius:12px}.ws-related img{width:100%;height:270px;object-fit:contain}.ws-related h3{margin:20px 0 10px}.ws-related p{font-size:.9rem}.ws-preview{padding:30px;border:1px solid #c8b384;border-radius:16px;width:min(1250px,94vw);max-height:94dvh;background:#faf9f2;color:#214734;overflow:auto}.ws-preview::backdrop{background:#102c23bb;backdrop-filter:blur(5px)}.ws-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.ws-preview-heading h2{font-size:2.4rem}.ws-preview-heading button,.ws-swipe button{width:44px;height:44px;border:1px solid #c9d4bf;border-radius:50%;background:transparent;font-size:1.5rem;flex:none}.ws-preview-note{font-size:.8rem;margin:12px 0 22px}.ws-pages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:22px 0;border-block:1px solid #dce2d1}.ws-preview-page{position:relative;min-width:0;display:flex;align-items:center;justify-content:center}.ws-preview-page img{width:100%;height:auto;object-fit:contain;max-height:54dvh;transition:transform .25s}.ws-preview-page:after{content:'LEARNING TRAIL • SAMPLE';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#273b2b33;font:bold .85rem Arial;pointer-events:none;transform:rotate(-32deg);text-align:center}.ws-preview-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:22px;font-size:.85rem}.ws-swipe{display:none}#ws-mobile-filters{display:grid;gap:20px}#ws-mobile-filters label{font-size:.9rem}#ws-mobile-filters select{display:block;width:100%;padding:12px;margin-top:8px;background:white;border:1px solid #c7d4be;border-radius:7px;font:inherit}.ws-preview button:focus-visible,.ws-paper:focus-visible{outline:3px solid #bd9039;outline-offset:4px}
@media(hover:hover) and (min-width:761px){.ws-paper:hover img{transform:translateY(-5px)}.ws-preview-page:hover{z-index:2}.ws-preview-page:hover img{transform:scale(1.16);box-shadow:0 10px 30px #17312655}}
@media(max-width:760px){.ws-grid{grid-template-columns:1fr;gap:35px}.ws-main .catalog-filters{display:none}.ws-paper img{height:330px}.ws-preview{padding:18px;width:calc(100vw - 18px);max-height:94dvh}.ws-preview-heading h2{font-size:1.9rem}.ws-preview-heading .eyebrow{font-size:.6rem}.ws-pages{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 0}.ws-preview-page{flex:0 0 100%;scroll-snap-align:center}.ws-preview-page img{width:100%;height:48dvh;max-height:none}.ws-swipe{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.ws-swipe button:disabled{opacity:.35}.ws-preview-bottom{flex-direction:column;align-items:stretch;gap:10px;padding-top:12px}.ws-preview-bottom .button{justify-content:center;padding:10px}.ws-preview-note{margin:10px 0;font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.ws-paper img,.ws-preview-page img{transition:none}}
