:root{--blue:#13519a;--line:#dce6f3;--ink:#142c48;--muted:#556b82}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f7fb;color:var(--ink);font:15px/1.6 Arial,Helvetica,sans-serif}
a{color:#1263b7}header{max-width:820px;margin:17px auto 14px;padding:20px 21px 22px;border-radius:12px;background:linear-gradient(115deg,#164585,#1b73d0);color:#fff}
header .wrap{max-width:none;padding:0}header a{color:#eaf4ff}header .top{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:11px;font-weight:600;letter-spacing:.02em}
header h1{font-size:25px;line-height:1.25;margin:12px 0 3px;color:white}header p{margin:0;font-size:12px;color:#eff7ff}
main.wrap{max-width:820px;padding:0;margin:0 auto}.wrap{max-width:820px;margin:0 auto;padding:0 18px}
.panel,.home-intro,.home-categories,.home-search{background:#fff;border:1px solid var(--line);border-radius:11px}
.panel{padding:19px;margin:12px 0}.panel h2{font-size:17px;margin:6px 0 13px;color:#142c48}.panel p{font-size:13px}
.home-intro{margin:0;border-radius:11px 11px 0 0;border-bottom:0;padding:25px 18px 0}.home-intro h2{font-size:18px;margin:0 0 8px}.home-intro p{font-size:12px;margin:0;color:var(--muted)}
.home-search{margin:0;border-radius:0;border-top:0;border-bottom:0;padding:16px 18px 0}.home-search:before{content:'Search printables';display:block;font-size:12px;font-weight:700;margin-bottom:7px}
.search{width:100%;border:1px solid #d1e0ef;border-radius:8px;background:#fff;padding:12px 13px;font:inherit;font-size:13px;margin:0 0 12px}
.home-categories{margin:0 0 12px;padding:0 18px 20px;border-radius:0 0 11px 11px;border-top:0}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.card{display:flex;flex-direction:column;min-height:129px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:9px;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}
.card:hover{border-color:#82b0e0;transform:translateY(-1px)}.card h2,.card h3{font-size:13px;line-height:1.35;margin:8px 0 4px;color:#11529a}.card p{font-size:11px;line-height:1.45;color:var(--muted);margin:0}.tag{font-size:10px;color:#2365b1;font-weight:700;background:#eaf3ff;border-radius:6px;padding:3px 7px;align-self:flex-start}
.home-categories .card:before{content:'▤';display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#eaf3ff;color:#1b65bd;font-size:17px;font-weight:700;margin-bottom:7px}
.home-categories .card:nth-child(1):before{content:'∑'}.home-categories .card:nth-child(2):before{content:'Aa';font-size:13px}.home-categories .card:nth-child(3):before{content:'✓'}.home-categories .card:nth-child(4):before{content:'$'}.home-categories .card:nth-child(5):before{content:'♟'}.home-categories .card:nth-child(6):before{content:'▤'}
.home-categories .card{min-height:125px}.home-categories .card h2{margin:0 0 4px}.home-categories .card .tag{order:5;background:transparent;padding:0;margin-top:auto;color:#637b95;font-size:10px}
.search-results{margin:12px 0}.search-results h2{font-size:16px}.search-results[hidden],[hidden]{display:none!important}.help-panel{margin-top:12px;padding:22px 18px}.help-panel h2{font-size:17px}
.crumb{font-size:12px;margin:13px 0;color:#526b84}.preview{width:100%;height:600px;border:1px solid #d7e2ec;border-radius:7px;background:white}
.button{display:inline-block;padding:10px 14px;border-radius:7px;background:#1b67b7;color:white;font-size:12px;font-weight:700;text-decoration:none;margin:5px 8px 5px 0}.button.secondary{background:#eaf3fb;color:#14558d}.note{border-left:3px solid #2774c6;background:#eff6ff;padding:12px;font-size:12px}
footer{max-width:820px;margin:17px auto;padding:6px 2px 22px;font-size:11px;color:#6b8198;border:0;text-align:left}
@media(max-width:850px){header,main.wrap,footer{margin-left:14px;margin-right:14px}}@media(max-width:620px){.grid{grid-template-columns:1fr 1fr}.card{min-height:120px}header h1{font-size:23px}.preview{height:460px}}@media(max-width:440px){.grid{grid-template-columns:1fr}.home-categories .card{min-height:108px}.preview{height:390px}}
@media print{header,footer,.button,.search{display:none!important}body{background:white}.panel,.card{box-shadow:none}}

/* CS17 PRINTABLES V5 — match Learning Centre shared shell */
:root{--printables-width:1180px}
body{color:#19263b;font:15px/1.65 Arial,Helvetica,sans-serif}
/* The Learning Centre uses a 1220px shell with 20px padding on each side.
   All visible sections therefore share an 1180px content width. */
header,main.wrap,footer{width:calc(100% - 40px);max-width:var(--printables-width);margin-left:auto;margin-right:auto}
header{margin-top:24px;margin-bottom:16px;padding:26px 30px;border-radius:16px;background:linear-gradient(115deg,#103c79,#1972cf)}
header .wrap{max-width:none;padding:0}
header .top{font-size:12px}
header h1{font-size:30px;line-height:1.2;margin:9px 0}
header p{font-size:15px}
main.wrap{padding:0}
.panel,.home-intro,.home-search,.home-categories{border-color:#dce5f0}
.home-intro{padding:25px 27px 0;border-radius:13px 13px 0 0}
.home-intro h2{font-size:20px;margin:0 0 11px;color:#183b68}
.home-intro p{font-size:15px;line-height:1.65}
.home-search{padding:16px 27px 0}
.home-search:before{font-size:13px}
.search{font-size:15px;padding:14px 16px;border-radius:10px;margin-bottom:18px}
.home-categories{padding:0 27px 22px;border-radius:0 0 13px 13px;margin-bottom:12px}
.grid{gap:14px}
.card,.home-categories .card{min-height:185px;padding:19px;border-radius:12px}
.card h2,.card h3{font-size:17px}
.card p{font-size:13px;line-height:1.5}
.home-categories .card:before{width:37px;height:37px;border-radius:9px;font-size:20px;margin-bottom:11px}
.home-categories .card:nth-child(2):before{font-size:17px}
.home-categories .card h2{margin:0 0 4px}
.home-categories .card .tag{font-size:11px}
.panel{padding:23px 25px;margin:12px 0 16px;border-radius:13px}
.panel h2,.help-panel h2{font-size:20px;color:#183b68}
.panel p{font-size:15px}
.help-panel{padding:23px 25px}
.crumb{font-size:13px;margin:14px 0}
.preview{height:650px}
footer{padding:14px 3px 28px;font-size:12px}
@media(max-width:850px){header,main.wrap,footer{width:calc(100% - 28px)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){header,main.wrap,footer{width:calc(100% - 24px)}header{margin-top:14px;padding:22px 18px}header h1{font-size:25px}.home-intro{padding:19px 16px 0}.home-search{padding:14px 16px 0}.home-categories{padding:0 16px 19px}.panel,.help-panel{padding:19px 16px}.preview{height:460px}}
@media(max-width:550px){.grid{grid-template-columns:1fr}.home-categories .card{min-height:0}.preview{height:390px}}
@media print{header,footer{display:none!important}main.wrap{width:100%;max-width:none}}