:root{--navy:#071A3B;--deep:#07162E;--gold:#D9A11B;--gold2:#F5B82E;--blue:#087BFF;--mist:#F4F7FB;--line:#D8E0EA;--ink:#1C2E4A;--white:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--mist);color:var(--ink);line-height:1.55}a{color:#006fe8}.topbar{background:var(--navy);color:white;border-bottom:3px solid var(--gold);padding:18px 5vw;display:flex;justify-content:space-between;gap:18px;align-items:center}.topbar a{color:#fff;text-decoration:none;font-weight:400}.brand{font-weight:700;letter-spacing:.2px}.shell{max-width:1500px;margin:auto;padding:48px 5vw}.hero{display:grid;grid-template-columns:460px minmax(0,1fr);align-items:start;gap:46px;background:white;border:1px solid var(--line);border-radius:24px;padding:48px 46px;box-shadow:0 12px 36px rgba(7,26,59,.08)}.hero-book{display:flex;justify-content:flex-start;align-items:flex-start}.hero-book-frame{width:460px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.cover-large{display:block;width:460px;max-width:100%;height:auto;border-radius:3px;border:0;box-shadow:none}.hero-main{padding:0}.hero-release{margin-top:28px;padding:20px 22px;background:#F2F8FF;border-left:6px solid #00C8FF;border-radius:16px}.hero-release h3{margin:0 0 8px;color:var(--navy)}.eyebrow{display:none}.status{display:inline-block;padding:7px 12px;border:1px solid var(--gold);border-radius:999px;background:#FFF7DE;color:#6C5100;font-weight:700;font-size:16px}.hero h1{font-size:clamp(46px,4.6vw,72px);font-weight:700;line-height:1.02;color:var(--navy);margin:26px 0 12px}.hero h2{font-size:22px;font-weight:400;letter-spacing:1.4px;text-transform:uppercase;color:var(--navy);margin:0 0 24px}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-block;padding:14px 20px;border-radius:12px;text-decoration:none;font-weight:800;border:1px solid #0C4A88}.btn-primary{background:#0A8FEF;color:white;border-color:#0A8FEF}.btn-secondary{background:var(--navy);color:white}.btn-outline{background:white;color:var(--navy)}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:24px}.card h3{color:var(--navy);margin:0 0 10px}.section-title{color:var(--navy);font-size:34px;margin:48px 0 18px}.chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.chapter-card{background:white;border:1px solid var(--line);border-left:6px solid var(--gold);border-radius:18px;padding:24px}.chapter-card h3{color:var(--navy);margin:4px 0 10px;font-size:24px}.chapter-card .small{font-size:13px;font-weight:800;color:#51667f;text-transform:uppercase}.footer{margin-top:50px;padding:28px 5vw;border-top:2px solid var(--gold);text-align:center;color:var(--navy);background:white}.note{background:#FFF8E3;border-left:5px solid var(--gold);padding:16px 18px;border-radius:12px;margin:22px 0}
@media(max-width:980px){.hero{grid-template-columns:1fr;padding:34px}.hero-book-frame{width:min(100%,460px);max-width:460px}.cover-large{width:100%}.grid4{grid-template-columns:1fr 1fr}.chapter-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.shell{padding:26px 18px}.hero{padding:22px}.hero-main{padding:0}.grid4,.chapter-grid{grid-template-columns:1fr}.topbar{padding:14px 18px}.hero h1{font-size:42px}.buttons .btn{width:100%;text-align:center}}

/* Chapter 2 learning palette */
.chapter-wrap{max-width:1100px;margin:0 auto;padding:42px 5vw 70px;background:#fff}
.chapter-wrap h1,.chapter-wrap h2,.chapter-wrap h3{color:var(--navy)}
.chapter-wrap h1{font-size:44px;line-height:1.08}
.chapter-wrap h2{font-size:30px;margin-top:44px;border-bottom:2px solid #DCE8FF;padding-bottom:8px}
.chapter-wrap h3{font-size:22px;margin-top:28px}
.learn-box{border-radius:16px;padding:20px 22px;margin:18px 0;border:1px solid #d8e0ea}
.box-summary{background:#F7FAFF;border-left:6px solid #007BFF}
.box-law{background:#E8F0FF;border-left:6px solid #4DA6FF}
.box-case{background:#FFF8E3;border-left:6px solid #FFD700}
.box-question{background:#EEF7FF;border-left:6px solid #00C8FF}
.box-answer{background:#F4F1FF;border-left:6px solid #7566D8}
.box-faq{background:#F2FAF5;border-left:6px solid #4F9D69}
.box-mcq{background:#FFF5ED;border-left:6px solid #D98A38}
.box-short{background:#F8F0FA;border-left:6px solid #A86BB4}
.box-irac{background:#EDF4FF;border-left:6px solid #315EC7}
.box-basic{background:#FFFBEA;border-left:6px solid #F5B82E}
.answer-key{background:#F6F8FB;border:2px solid #DCE8FF}
.ref-list a{word-break:break-word}
.badge{display:inline-block;background:#0A1A3A;color:#fff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;margin:2px 4px 2px 0}
.qtext{font-weight:700;color:#0A1A3A}
.irac-label{font-weight:800;color:#0A1A3A;text-transform:uppercase;letter-spacing:.4px}
.backtop{display:inline-block;margin-top:20px}
@media(max-width:650px){.chapter-wrap{padding:24px 18px}.chapter-wrap h1{font-size:34px}.chapter-wrap h2{font-size:26px}}