.catalogueHero{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:center;margin-bottom:42px}.catalogueHero>img{width:100%;height:auto;border-radius:24px}.catalogueEyebrow{font-size:12px;letter-spacing:.08em;color:#6e6650;margin-bottom:20px}.catalogueHero .intro{margin-bottom:0}.catalogueAnswer{max-width:780px;padding-top:48px}.catalogueAnswer p{line-height:1.9;color:#516c66}.catalogueAnswer a{color:#165e57;text-decoration:underline;text-underline-offset:3px}.tool:focus-visible{outline:3px solid #246b62;outline-offset:5px}@media(max-width:700px){.catalogueHero{grid-template-columns:1fr;gap:24px}.catalogueHero>img{max-height:240px;object-fit:cover}.catalogueAnswer{padding-top:30px}}

:root{color:#183f43;background:#f6f5ef}header{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:18px;font-size:22px}.brand img{width:174px;height:auto}.brand span{padding-left:18px;border-left:1px solid #c4d5ce}.headerNote{font-size:13px;color:#516c66}main{padding:44px 0 64px;min-height:0}h1{font-size:clamp(32px,4vw,48px);line-height:1.4;letter-spacing:-.025em}h1 span{color:#367f75}.intro{color:#516c66;font-size:16px;margin:18px 0 32px}.tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.tool{display:flex;flex-direction:column;background:#fff;box-shadow:0 7px 24px #244f4010;transition:box-shadow .2s,transform .2s}.tool:hover{box-shadow:0 15px 32px #244f4020;transform:translateY(-3px)}.preview{height:256px;position:relative;overflow:hidden}.worksheetPreview{background:#fae9b9}.worksheetPreview>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}.badge{position:absolute;top:16px;left:16px;background:#fff;padding:7px 12px;border-radius:30px;font-size:12px;color:#244f46}.writingPreview{background:#cfe6dd;padding:42px 34px 20px}.practicePaper{width:100%;max-width:380px;background:#fffdf8;border-radius:10px;box-shadow:0 10px 20px #37605220;padding:18px 22px;transform:rotate(-3deg)}.paperTop{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:#45675e}.paperTop span{font-weight:400}.sampleLetters{display:flex;justify-content:center;gap:18px;margin:16px 0 12px;border-bottom:1px solid #bccfc5}.sampleLetters img{width:25%;height:98px;object-fit:contain;opacity:.6}.sampleLetters img:first-child{opacity:1}.paperBottom{font-size:10px;color:#56756b;text-align:center}.details{padding:26px 28px 20px;display:flex;flex:1;flex-direction:column}.tags{font-size:12px;color:#516c66;margin-bottom:12px}h2{font-size:clamp(21px,2.2vw,26px)}.details p{font-size:15px;line-height:1.9;color:#516c66;margin-bottom:22px}.open{min-height:50px;margin-top:auto;border-top:1px solid #e2e9e3;padding-top:14px;color:#246b62}.open svg{background:#e7f1eb;border-radius:50%;box-sizing:content-box;padding:9px}.worksheet .open svg{background:#fff2cd}@media(max-width:640px){.brand img{width:143px}.brand{font-size:18px;gap:12px}.brand span{padding-left:12px}.headerNote{display:none}main{padding-top:30px}.tools{grid-template-columns:1fr;gap:24px}.preview{height:225px}.details{padding:22px}.intro{font-size:14px}.writingPreview{padding-inline:24px}}@media(prefers-reduced-motion:reduce){.tool{transition:none}.tool:hover{transform:none}}

.catalogueHero{display:block;max-width:780px}.coverPreview{padding:0;height:auto;aspect-ratio:2/1}.coverPreview>img{display:block;width:100%;height:100%;object-fit:cover}@media(max-width:640px){.coverPreview{height:auto;aspect-ratio:3/2}}

.coverPreview>img{mix-blend-mode:normal}
.tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tangram .coverPreview{background:#14182b}.tangram .open svg{background:#fbefd3}@media(max-width:960px){.tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.tools{grid-template-columns:1fr}}