.landing .shell{max-width:1340px}.landing header{gap:20px}.header-caption{font-size:12px;color:var(--muted)}.catalogue-intro{padding:58px 0 36px}.catalogue-intro h1{font-size:clamp(34px,4.2vw,56px);letter-spacing:-2px;margin:15px 0}.catalogue-intro p{font-size:16px;line-height:1.8;max-width:650px}.edition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.edition-card{display:grid;grid-template-columns:145px minmax(0,1fr);border:1px solid #d9dfd2;border-radius:17px;background:white;overflow:hidden}.edition-sample{display:flex;align-items:center;justify-content:center;font:600 34px Georgia,serif;min-height:300px;color:#3f513d;background:#eee0bc;white-space:nowrap;gap:5px}.edition-sample sup{font-size:18px;align-self:center;transform:translateY(-13px);margin-left:-4px}.edition-sample span{font-size:27px;margin:0 4px}.purple .edition-sample{background:#e0dded;color:#514e6c}.edition-content{padding:29px 26px}.edition-content .eyebrow{font-size:9px;letter-spacing:1.2px}.edition-content h2{font-size:30px;margin:12px 0}.edition-content p{font-size:14px;line-height:1.75;min-height:74px}.edition-detail{font-size:11px;color:#6e7e6c;display:block;margin:20px 0}.edition-primary{display:flex;justify-content:space-between;align-items:center;gap:15px;text-decoration:none;background:#244f41;color:white;border-radius:8px;font-size:14px;font-weight:700;padding:15px 17px;min-height:48px}.edition-primary:hover{background:#32664f}.edition-primary:focus-visible,.edition-secondary a:focus-visible{outline:3px solid #b38432;outline-offset:4px}.edition-secondary{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:19px}.edition-secondary a{font-size:11px;font-weight:600;color:#395d49;text-underline-offset:4px}.how-to-play{display:grid;grid-template-columns:1fr 1fr;gap:12px 40px;margin:42px 0 28px;border-top:1px solid #d8dfd2;padding-top:30px}.how-to-play h2{font-size:24px}.how-to-play>p{font-size:14px;margin:0;align-self:center}.pattern-chips{display:flex;flex-wrap:wrap;gap:9px;grid-column:1 / -1;margin-top:8px}.pattern-chips span{padding:9px 13px;border-radius:22px;background:#e8eddf;font-size:11px;color:#4e6952}@media(max-width:1100px){.edition-card{grid-template-columns:105px minmax(0,1fr)}.edition-sample{font-size:28px}.edition-content{padding:24px 20px}}@media(max-width:850px){.edition-grid{grid-template-columns:1fr}.edition-card{grid-template-columns:140px minmax(0,1fr)}.edition-content p{min-height:0}.header-caption{max-width:170px;text-align:right}.catalogue-intro{padding:35px 0 24px}.how-to-play{grid-template-columns:1fr}.how-to-play>p{max-width:520px}}@media(max-width:480px){.edition-card{grid-template-columns:1fr}.edition-sample{min-height:110px;font-size:37px}.edition-content{padding:24px}.header-caption{display:none}.catalogue-intro h1{font-size:37px;letter-spacing:-1.5px}.catalogue-intro p{font-size:14px}.edition-secondary a{font-size:12px}.edition-grid{gap:20px}}

.edition-decimal-subtraction .edition-sample{font-size:22px;gap:2px;padding:6px;min-width:0;box-sizing:border-box}
.edition-decimal-subtraction .edition-sample span{font-size:20px;margin:0}
@media(min-width:851px) and (max-width:1100px){.edition-decimal-subtraction .edition-sample{font-size:17px}.edition-decimal-subtraction .edition-sample span{font-size:17px}}
@media(max-width:480px){.edition-decimal-subtraction .edition-sample{font-size:28px}.edition-decimal-subtraction .edition-sample span{font-size:24px}}

/* Keep the longer distributive-property example inside the preview column. */
.edition-distributive-property .edition-sample{font-size:18px;gap:0;padding:8px;min-width:0;box-sizing:border-box;line-height:1.2}
.edition-distributive-property .edition-sample span{font-size:16px;margin:0 2px}
@media(min-width:851px) and (max-width:1100px){.edition-distributive-property .edition-sample{font-size:13px;padding:6px}.edition-distributive-property .edition-sample span{font-size:12px;margin:0 1px}}
@media(max-width:480px){.edition-distributive-property .edition-sample{font-size:26px}.edition-distributive-property .edition-sample span{font-size:22px}}

/* Put teacher actions beside the logo instead of in a separate row below it. */
.landing header.matho-header .teacher-nav{display:flex;gap:10px;margin-left:auto;flex-wrap:wrap;align-items:center}
.landing header.matho-header .teacher-nav .teacher-nav-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 19px;border:1px solid #b8c5b4;border-radius:999px;background:transparent;color:var(--green);text-decoration:none;font:700 13px 'DM Sans',sans-serif;line-height:1.4;white-space:nowrap}
.landing header.matho-header .teacher-nav .teacher-nav-primary{background:var(--green);border-color:var(--green);color:#fff9eb}
.landing header.matho-header .teacher-nav .teacher-nav-link:hover{background:#e9eddf}
.landing header.matho-header .teacher-nav .teacher-nav-primary:hover{background:#32664f;border-color:#32664f}
.landing header.matho-header .teacher-nav .teacher-nav-link:focus-visible{outline:3px solid #b38432;outline-offset:4px}
.landing .catalogue-intro{padding:28px 0 28px}
.landing .catalogue-intro h1{margin:12px 0}
@media(max-width:560px){.landing header.matho-header .teacher-nav{width:100%;margin-left:0;gap:8px}.landing header.matho-header .teacher-nav .teacher-nav-link{flex:1;padding:10px 12px;font-size:12px}.landing .catalogue-intro{padding:24px 0}}