:root{--navy:#172554;--gold:#c28a12;--blue:#2f6fdd;--text:#1f2937;--muted:#667085;--line:#e5e7eb;--soft:#f8fafc}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--text);font-family:Arial,Helvetica,sans-serif}.wrap{width:min(1080px,calc(100% - 32px));margin:auto}
header{background:var(--navy)}.top{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:var(--gold);font-size:.96rem;font-weight:900;letter-spacing:.13em;text-decoration:none}.brand span{color:#fff}.brand-tagline{display:flex;align-items:center;gap:10px;margin-right:auto;margin-left:11px;white-space:nowrap}.tagline-dot{color:#e3ad32;font-size:1.05rem;font-weight:700;line-height:1}.tagline-copy{color:#fff;font-size:.82rem;font-weight:400;letter-spacing:.005em}.tagline-emphasis{color:#e3ad32;font-weight:600}.nav{display:flex;gap:18px}.nav a{color:#dbe4ff;text-decoration:none;font-size:.78rem}.nav a:hover,.nav a.active{color:#fff;font-weight:800}
.breadcrumb{display:none}.hero{width:min(900px,100%);margin:auto;padding:20px 0 13px}.hero h1{display:flex;align-items:center;gap:10px;margin:0;color:#0b367c;font-family:"Comic Sans MS","Trebuchet MS",sans-serif;font-size:clamp(1.38rem,2.6vw,1.9rem);line-height:1.18;letter-spacing:-.018em}.hero h1::before{content:'🧩';font-family:Arial,sans-serif;font-size:1.25em}.hero h1::after{content:'';flex:1;max-width:280px;border-top:4px solid #0b367c;border-radius:99px}.hero p{display:none}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;width:min(900px,100%);margin:34px auto 26px}.choice{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 112px;grid-template-rows:auto auto auto auto;align-content:start;border:3px solid #0d4f9f;border-radius:0 16px 16px 0;padding:28px 18px 16px;background:linear-gradient(180deg,#effbf2 0,#effbf2 170px,#fff 170px);box-shadow:0 8px 22px rgba(15,55,100,.08)}.choice.best{border:4px solid #0d4f9f;border-radius:16px 0 0 16px;padding:27px 17px 15px;background:linear-gradient(180deg,#eaf5ff 0,#eaf5ff 170px,#fff 170px);box-shadow:0 10px 28px rgba(23,92,180,.18)}.pick{position:absolute;z-index:3;top:-34px;left:-15px;display:grid;place-items:center;width:112px;height:96px;margin:0;padding:16px;background:#ffd962;color:#0b367c;font-family:"Comic Sans MS","Trebuchet MS",sans-serif;font-size:1rem;font-weight:950;line-height:1.05;text-align:center;text-transform:capitalize;letter-spacing:0;clip-path:polygon(50% 0,61% 16%,78% 7%,82% 27%,100% 29%,89% 47%,100% 61%,81% 68%,80% 88%,61% 81%,49% 100%,39% 82%,19% 91%,18% 70%,0 64%,11% 47%,0 32%,20% 27%,22% 7%,40% 17%);filter:drop-shadow(0 3px 0 #0d4f9f)}.choice.best .pick::before{content:none}.choice:not(.best) .pick{top:-35px;left:10px;width:104px;height:104px;padding:15px;border:3px solid #0d4f9f;border-radius:50%;background:#dff7df;color:#0b367c;clip-path:none;filter:drop-shadow(0 3px 0 rgba(13,79,159,.2))}.cover-link{grid-column:2;grid-row:1/3;display:flex;align-items:center;justify-content:center;width:100%;height:130px;margin:0;background:transparent;overflow:visible}.cover{display:block;width:auto;height:auto;max-width:104px;max-height:126px;object-fit:contain;filter:drop-shadow(0 6px 7px rgba(15,23,42,.16));transition:transform .2s ease}.cover-link:hover .cover{transform:translateY(-3px)}.choice h2{grid-column:1;grid-row:1;margin:11px 10px 0 0;color:#0b367c;font-family:"Comic Sans MS","Trebuchet MS",sans-serif;font-size:1.02rem;line-height:1.28}.author{grid-column:1;grid-row:2;margin:5px 10px 0 0;color:#5f6f85;font-size:.75rem}.quick-facts{grid-column:1/-1;grid-row:3;display:grid;gap:0;margin:12px -18px 14px;border-top:1px solid #cdd9e7}.choice.best .quick-facts{margin-left:-17px;margin-right:-17px}.quick-facts div{display:grid;grid-template-columns:118px 1fr;gap:0;padding:0;border-bottom:1px solid #cdd9e7}.quick-facts dt,.quick-facts dd{padding:9px 11px}.quick-facts dt{border-right:1px solid #cdd9e7;color:#163d74;font-family:"Comic Sans MS","Trebuchet MS",sans-serif;font-size:.75rem}.quick-facts dd{margin:0;color:#253858;font-size:.78rem;font-weight:650}.reasons,.best-for{display:none}.amazon{grid-column:1/-1;grid-row:4;display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:7px;background:var(--navy);color:#fff;text-decoration:none;font-size:.8rem;font-weight:850}.amazon:hover{background:#253777;transform:translateY(-1px)}
.compare{margin:0 0 30px}.compare h2{margin:0 0 10px;color:var(--navy);font-size:1.2rem}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:13px}table{width:100%;min-width:680px;border-collapse:collapse}th,td{padding:11px 13px;border-bottom:1px solid var(--line);font-size:.82rem;line-height:1.4}th{background:#f3f6fa;color:var(--navy);text-align:left}th:not(:first-child),td:not(:first-child){text-align:center}tr:last-child td{border-bottom:0}td:first-child{color:#475467;font-weight:750}.disclosure{margin:0 0 28px;color:var(--muted);font-size:.72rem;line-height:1.55}footer{border-top:1px solid var(--line);padding:22px 0 30px;color:var(--muted);font-size:.72rem}.footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer a{color:var(--muted);text-decoration:none}
.catalog-table{margin:8px 0 30px}.catalog-table h2{margin:0 0 12px;color:var(--navy);font-size:1.18rem}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.catalog-tools label{display:flex;align-items:center;gap:8px;color:#475467;font-size:.78rem;font-weight:700}.catalog-search{width:min(310px,55vw);height:36px;border:1px solid #cfd8e6;border-radius:7px;padding:0 11px;font:inherit}.catalog-count{color:#667085;font-size:.76rem}.catalog-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:11px}.catalog-table table{width:100%;min-width:720px;border-collapse:collapse}.catalog-table th,.catalog-table td{padding:10px 12px;border-bottom:1px solid var(--line);font-size:.78rem;line-height:1.35}.catalog-table th{background:#f3f6fa;color:var(--navy);text-align:center}.catalog-table th:first-child,.catalog-table td:first-child{text-align:left}.catalog-table td:not(:first-child){text-align:center}.catalog-table tr:last-child td{border-bottom:0}.catalog-book strong,.catalog-book span{display:block}.catalog-book strong{color:var(--navy);font-size:.81rem}.catalog-book span{margin-top:3px;color:#667085;font-size:.72rem;font-weight:400}.catalog-table td a{display:inline-flex;border-radius:6px;background:var(--navy);padding:6px 9px;color:#fff;text-decoration:none;font-size:.72rem;font-weight:800}.catalog-empty{padding:24px!important;text-align:center!important;color:#667085!important}.catalog-pagination{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:10px;color:#667085;font-size:.76rem}.catalog-pagination button{width:32px;height:30px;border:1px solid #d5dce8;border-radius:6px;background:#fff;color:var(--navy);font-size:1rem}.catalog-pagination button:disabled{opacity:.35}
@media(max-width:720px){.wrap{width:min(100% - 24px,1080px)}.top{align-items:flex-start;flex-direction:column;padding:11px 0}.brand-tagline{gap:7px;margin-left:7px}.tagline-copy{font-size:.68rem}.tagline-dot{font-size:.9rem}.nav{gap:11px;flex-wrap:wrap}.hero{padding-top:14px}.hero h1::after{max-width:100px}.choice-grid{grid-template-columns:1fr;gap:44px;width:min(430px,100%);margin-top:38px}.choice,.choice.best{grid-template-columns:minmax(0,1fr) 108px;border:3px solid #0d4f9f;border-radius:14px;padding:27px 16px 15px}.choice:not(.best) .pick{left:12px}.cover-link{height:126px}.quick-facts,.choice.best .quick-facts{margin-left:-16px;margin-right:-16px}.catalog-tools{align-items:flex-start;flex-direction:column}.catalog-search{width:min(310px,75vw)}}@media(max-width:560px){.tagline-copy{max-width:165px;white-space:normal;line-height:1.08;font-size:.6rem}.quick-facts div{grid-template-columns:104px 1fr}.quick-facts dt,.quick-facts dd{padding:8px 9px}}
.choice{padding-top:38px;background:linear-gradient(180deg,#effbf2 0,#effbf2 194px,#fff 194px)}.choice.best{padding-top:37px;background:linear-gradient(180deg,#eaf5ff 0,#eaf5ff 194px,#fff 194px)}.choice h2{margin-top:52px;font-size:1rem}.author{margin-top:4px;color:#455a78;font-weight:700}.pick{top:-43px;left:-19px;width:132px;height:114px;font-size:1.08rem;text-transform:none}.choice:not(.best) .pick{top:-36px;left:13px;width:108px;height:108px;border:0;box-shadow:inset 0 0 0 3px rgba(13,79,159,.18)}.quick-facts dd{color:#f00072;font-weight:850}.amazon{width:max-content;min-height:34px;justify-self:center;padding:0 15px;font-size:.72rem}.catalog-book .amazon{width:auto}.catalog-book a{margin-top:7px}
@media(max-width:720px){.choice,.choice.best{padding-top:36px}.choice h2{margin-top:50px}.pick{left:-10px}.choice:not(.best) .pick{left:12px}.amazon{min-height:36px}}
.choice .cover-link{grid-row:1/4}.choice .amazon{grid-column:1;grid-row:3;justify-self:start;margin-top:8px}.choice .quick-facts{grid-row:4;margin-top:18px}
.catalog-table-wrap{background:#fff}.catalog-table table{min-width:760px}.catalog-table th,.catalog-table td{padding:8px 10px}.catalog-table th{font-size:.76rem;text-transform:uppercase}.catalog-table th:first-child{width:65%}.catalog-table th:nth-child(2),.catalog-table th:nth-child(3){width:10%}.catalog-table th:nth-child(4){width:15%}.catalog-sortable{cursor:pointer;user-select:none}.sort-arrow{margin-left:4px;color:#7690b8;font-weight:500}.catalog-book{display:flex;align-items:center;gap:10px}.catalog-book-icon{position:relative;flex:0 0 46px;width:46px;height:56px;border:1px solid #dce1e8;border-radius:8px;background:#f2f4f7}.catalog-book-icon::before{content:"";position:absolute;left:14px;top:18px;width:15px;height:21px;border-radius:1px;background:linear-gradient(180deg,#35c6e9,#367be7);box-shadow:0 2px 0 #fff}.catalog-book-copy{min-width:0}.catalog-publisher{display:block!important;margin:0!important;color:#235ba7!important;font-size:.7rem!important;line-height:1.15}.catalog-title-line{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.catalog-title{color:var(--navy)!important;background:none!important;padding:0!important;border-radius:0!important;font-size:.82rem!important;font-weight:850!important;line-height:1.15;text-decoration:none!important}.catalog-title[href]::after{content:" ↗";color:#7890ad;font-size:.62rem}.catalog-badge{display:inline-flex!important;align-items:center;margin:0!important;padding:2px 7px;border:1px solid #8be2b4;border-radius:999px;background:#e9fff2;color:#087a41!important;font-size:.63rem!important;font-weight:850!important}.catalog-meta{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin-top:4px}.catalog-pill{display:inline-flex!important;margin:0 6px 0 0!important;padding:2px 8px;border:1px solid #c8d7ff;border-radius:999px;background:#edf3ff;color:#2457e6!important;font-size:.66rem!important;line-height:1.25}.catalog-tag{display:inline!important;margin:0!important;color:#8b6127!important;font-size:.65rem!important}.catalog-tag+.catalog-tag::before{content:"·";margin:0 8px;color:#b59b77}.catalog-age,.catalog-pages{font-size:.81rem!important}.catalog-amazon{display:inline-flex;align-items:center;justify-content:center;min-width:116px;min-height:38px;border-radius:11px;background:var(--navy);padding:0 13px;color:#fff;text-decoration:none;font-size:.75rem;font-weight:850}.catalog-amazon:hover{background:#253777;transform:translateY(-1px)}
@media(max-width:720px){.choice .amazon{min-height:34px}.catalog-table th,.catalog-table td{padding:7px 9px}}
.choice-grid{align-items:start}.cover-link{position:relative}.cover-link::after{content:"Click ↗";position:absolute;right:-5px;bottom:-2px;padding:3px 7px;border-radius:999px;background:#fff;color:#0d4f9f;font:800 .62rem/1 Arial,Helvetica,sans-serif;box-shadow:0 2px 8px rgba(13,79,159,.18);transform:rotate(-5deg);transition:transform .18s ease,background .18s ease}.cover-link:hover::after{background:#fff4b8;transform:rotate(-5deg) translate(2px,-2px)}
.quick-facts dt{font-size:.68rem}.quick-facts dd{color:#df006b;font-family:"Trebuchet MS",Arial,sans-serif;font-size:.78rem;font-weight:500;letter-spacing:.005em}
.catalog-tools{justify-content:flex-end;min-height:0;margin-bottom:5px}.catalog-tools label{display:none}.catalog-table th,.catalog-table td{padding:3px 9px;font-size:.74rem;line-height:1.2}.catalog-table tbody tr{height:48px}.catalog-book{min-height:40px;gap:9px}.catalog-book-icon{flex-basis:31px;width:31px;height:40px;border-radius:5px}.catalog-book-icon::before{left:9px;top:12px;width:11px;height:17px}.catalog-publisher{font-size:.62rem!important}.catalog-title{font-size:.79rem!important;line-height:1.08}.catalog-title-line{gap:3px 5px}.catalog-meta{margin-top:2px}.catalog-pill{margin-right:4px!important;padding:2px 6px;font-size:.6rem!important}.catalog-tag{font-size:.6rem!important}.catalog-tag+.catalog-tag::before{margin:0 6px}.catalog-badge{padding:2px 5px;font-size:.56rem!important}.catalog-amazon{min-width:102px;min-height:31px;border-radius:8px;padding:0 10px;font-size:.68rem}.catalog-pagination{margin-top:7px}
.choice,.choice.best{padding-bottom:0}.choice .quick-facts{margin-bottom:0}
.hero h1::after{display:none}.pick strong{display:block;font-size:1.22em;line-height:.9;color:#e3262e}.choice:not(.best) .pick strong{color:#ef7b00}.cover-link::after{right:-7px;bottom:-5px;padding:5px 9px;background:#f28c00;color:#fff;font-size:.7rem;box-shadow:0 3px 10px rgba(194,92,0,.32)}.cover-link:hover::after{background:#db7100}.choice h2{margin-top:40px}.quick-facts dt,.quick-facts dd{padding-top:11px;padding-bottom:11px}.catalog-tools{display:none}.catalog-table h2{margin-bottom:6px}.catalog-table th,.catalog-table td{padding-top:2px;padding-bottom:2px}.catalog-table tbody tr{height:44px}.catalog-book{min-height:36px;gap:8px}.catalog-book-icon{flex-basis:29px;width:29px;height:36px}.catalog-book-icon::before{left:8px;top:10px}.catalog-book-copy{line-height:1}.catalog-publisher{line-height:1!important}.catalog-title-line{line-height:1}.catalog-title{font-size:.77rem!important;font-weight:500!important;line-height:1!important}.catalog-meta{margin-top:1px}.catalog-pill{padding-top:1px;padding-bottom:1px}.catalog-amazon{min-height:29px}
.choice,.choice.best{background:#fff}.choice h2{margin-top:52px}.choice.best .pick,.choice.best .pick strong{color:#e3262e}.choice:not(.best) .pick,.choice:not(.best) .pick strong{color:#0b367c}.cover-link::after{top:-14px;right:auto;bottom:auto;left:-8px}.catalog-table h2{margin-bottom:10px;font-size:1rem}.catalog-table th,.catalog-table td{padding:2px 8px;font-size:.7rem}.catalog-table tbody tr{height:40px}.catalog-book{min-height:34px;gap:7px}.catalog-book-icon{flex-basis:27px;width:27px;height:34px}.catalog-book-icon::before{left:8px;top:9px;width:10px;height:16px}.catalog-book-copy{line-height:.95}.catalog-publisher{margin-bottom:-1px!important;font-size:.58rem!important;line-height:.95!important}.catalog-title{font-size:.74rem!important;font-weight:700!important;line-height:1!important}.catalog-meta{margin-top:0}.catalog-pill,.catalog-tag{font-size:.56rem!important}.catalog-amazon{min-width:94px;min-height:27px;padding:0 8px;font-size:.64rem}
.choice h2{margin-top:40px}.pick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.pick strong,.pick .pick-choice{line-height:.82}
.choice{background:linear-gradient(180deg,#effbf2 0,#effbf2 170px,#fff 170px)}.choice.best{background:linear-gradient(180deg,#eaf5ff 0,#eaf5ff 170px,#fff 170px)}.pick strong,.pick .pick-choice{line-height:.9}.pick{gap:1px}.choice.best .pick{font-size:1.17rem;font-weight:950}.choice.best .pick strong{font-size:1.3em;font-weight:1000}.cover-link::after{content:"Click ↓";top:-16px;left:-22px;padding:6px 10px;font-size:.78rem}.catalog-book-copy{display:flex;flex-direction:column;justify-content:center}.catalog-title{margin:0!important}.catalog-publisher{margin:0!important}.catalog-age,.catalog-pages{text-align:center!important}
.choice .quick-facts{box-shadow:0 -18px 0 #effbf2}.choice.best .quick-facts{box-shadow:0 -18px 0 #eaf5ff}
.choice,.choice.best{grid-template-columns:minmax(0,1fr) 132px}.choice h2{min-height:2.56em}.author{min-height:1.15em}.cover-link{height:150px}.cover{max-width:124px;max-height:148px}.choice .cover-link{grid-row:1/4}.choice{background:linear-gradient(180deg,#effbf2 0,#effbf2 190px,#fff 190px)}.choice.best{background:linear-gradient(180deg,#eaf5ff 0,#eaf5ff 190px,#fff 190px)}
@media(max-width:720px){.choice,.choice.best{grid-template-columns:minmax(0,1fr) 122px}.cover-link{height:142px}.cover{max-width:114px;max-height:140px}}