:root{--night:#101f37;--navy:#18324e;--ink:#23374c;--ink2:#55697a;--gold:#bd8f51;--goldlight:#fff0d4;--cream:#fcf8f0;--paper:#fffefd;--teal:#4c7774;--mist:#eef2f4;--line:#e0e4e8;--shadow:0 25px 70px rgba(24,42,63,.10);--sans:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--serif:'Playfair Display',Georgia,serif;--content:1190px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#f5f7f6;color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #ce9c4b;outline-offset:3px}img{display:block;max-width:100%}.wrap{width:min(var(--content),calc(100% - 38px));margin:auto}.top{height:auto;min-height:71px;background:#101f37;color:#f8f3e8;position:relative;z-index:11;border-bottom:1px solid #ffffff17}.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:71px}.logo{text-decoration:none;font-size:.84rem;font-weight:800;letter-spacing:.16em;white-space:nowrap}.logo em{font:italic 1.1rem var(--serif);letter-spacing:0;color:#e9cb93}.top nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}.top nav a{text-decoration:none;font-size:.77rem;font-weight:700;opacity:.87}.top nav a[aria-current="page"]{color:#f2cc91;opacity:1}.top nav a:hover{color:#f2cc91}.eyebrow{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.22em;color:var(--gold)}.eyebrow.lite{color:#ebc994}.hero{background:radial-gradient(circle at 90% 8%,#bb946830,transparent 37%),linear-gradient(125deg,#132940,#182f4c 58%,#122740);color:#fff;position:relative;overflow:hidden}.hero::after{content:'✦';position:absolute;right:8%;top:9%;font-size:8rem;color:#e7c58a12;transform:rotate(-20deg);pointer-events:none}.hero-in{min-height:390px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;gap:50px;padding:50px 0}.hero h1{font:700 clamp(2.3rem,4.4vw,4.3rem)/1.12 var(--serif);letter-spacing:-.035em;margin:12px 0 15px;max-width:810px}.hero h1 i{color:#e9c48a;font-weight:400}.hero p{color:#d7e0e7;max-width:670px;margin:0 0 24px;font-size:1.05rem}.hero-img{position:relative;border:7px solid #ffffff22;border-radius:25px;overflow:hidden;transform:rotate(2deg);box-shadow:0 20px 44px #0005;min-height:250px;height:320px;background:linear-gradient(130deg,#233958,#9b8867)}.hero-img img{width:100%;height:100%;object-fit:cover;object-position:center 37%}.hero-img::after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#11223b88)}.hero-floater{position:absolute;bottom:18px;left:17px;padding:7px 12px;border-radius:50px;background:#fff;color:#263d51;font-size:.8rem;font-weight:800;box-shadow:0 5px 18px #0004}.pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.pill{padding:7px 13px;border-radius:50px;border:1px solid #ffffff47;color:#e9edf2;font-size:.74rem;font-weight:800;letter-spacing:.02em}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn,.lightbtn,.outlinebtn{border:0;border-radius:50px;padding:12px 18px;text-decoration:none;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-weight:800;font-size:.89rem;transition:transform .15s,box-shadow .15s}.btn:hover,.lightbtn:hover,.outlinebtn:hover{transform:translateY(-2px)}.btn{background:#c9a16b;color:#17283d;box-shadow:0 8px 20px #15263830}.lightbtn{background:#fff;color:#263f50}.outlinebtn{background:transparent;color:inherit;border:1px solid #ccd5db}.section{padding:60px 0}.section.sm{padding:30px 0}.section.alt{background:#fff}.section h2,.title2{font:700 clamp(1.65rem,2.7vw,2.5rem)/1.22 var(--serif);letter-spacing:-.025em;margin:9px 0 13px}.lead{color:var(--ink2);max-width:740px;margin:0 0 26px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:17px}.sectionhead p{margin:3px 0;color:var(--ink2)}.mini{font-size:.8rem;color:var(--ink2)}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;border-radius:18px;padding:15px;background:#fff;box-shadow:0 8px 25px #182e4510;border:1px solid #e7eced;margin:17px 0 25px}.toolbar input,.toolbar select{border:1px solid var(--line);border-radius:12px;padding:12px 13px;min-height:44px;background:#fafdfe;color:var(--ink);max-width:100%}.toolbar input{flex:2 1 250px}.toolbar select{flex:1 1 165px}.toolbar label{font-size:.83rem;font-weight:800}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.tile{background:var(--paper);border:1px solid #e7ecee;border-radius:20px;overflow:hidden;box-shadow:0 10px 26px #1b34470d;display:flex;flex-direction:column;min-height:100%;position:relative;transition:transform .2s,box-shadow .2s}.tile:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.tile-img{width:100%;height:200px;object-fit:cover;object-position:center 33%;background:linear-gradient(130deg,#18324e,#b4a17a)}.tile-body{padding:19px 21px 21px;display:flex;flex-direction:column;flex:1;gap:7px}.tile h3{font:700 1.23rem/1.28 var(--serif);margin:0;color:#162d43}.tile p{font-size:.85rem;margin:2px 0 6px;color:var(--ink2)}.tile .meta{font-size:.73rem;color:#617486;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.tile button.tile-open{margin-top:auto;align-self:flex-start;background:none;border:0;color:#215c68;font-weight:800;padding:10px 0 0;font-size:.89rem}.tile button.tile-open:hover{text-decoration:underline}.tile.muted{opacity:.87;background:#f9faf9}.tile.muted .tile-img{filter:grayscale(.7) saturate(.65)}.tile.muted .meta{color:#8a6c53}.note{background:#fffaf0;border:1px solid #efdbb8;color:#654e2f;border-radius:15px;padding:14px 17px;font-size:.87rem;line-height:1.5}.note.blue{background:#f0f5f6;border-color:#cddfdf;color:#2e5660}.statstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:-27px;position:relative;z-index:3}.stat{background:#fff;border-radius:18px;box-shadow:0 9px 28px #152b4220;padding:17px 23px;display:flex;gap:12px;align-items:center}.stat strong{font:700 2rem var(--serif);color:#1d3c53}.stat span{font-size:.78rem;color:#617486;font-weight:700}.tabs{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.chip{border:1px solid #d9e2e4;background:#fff;border-radius:50px;padding:9px 16px;font-weight:800;font-size:.83rem;color:#405469}.chip[aria-pressed="true"],.chip:hover{background:#213e52;color:#fff;border-color:#213e52}.compact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.compact .tile{border-radius:16px}.compact .tile .tile-body{padding:17px}.compact .tile h3{font:700 1.05rem/1.35 var(--serif)}.compact .tile-img{height:130px}.palette{display:flex;align-items:center;gap:11px}.palette .color{width:31px;height:31px;display:block;border-radius:50%;background:var(--point);border:4px solid #f4e8d6;box-shadow:0 0 0 1px #e5ded1}.ems{font-size:.8rem;font-weight:800;color:#536d72;white-space:nowrap}.colorcard{background:#fff;border:1px solid #e3e9e8;padding:17px 15px;border-radius:17px;box-shadow:0 8px 19px #172d400b;display:flex;flex-direction:column;gap:6px}.colorcard h3{margin:0;font-size:1rem;line-height:1.4}.colorcard small{font-size:.73rem;color:#6a7b89}.colorcard .palette{margin-bottom:7px}.colorcard:hover{box-shadow:0 9px 24px #172d4020}.colorcard .status{color:#4f716c;font-size:.76rem}.footer{background:#11253a;color:#d7e0e9;padding:27px 0;margin-top:50px}.footer .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer a{color:#f0c990}.footer p{margin:0;font-size:.84rem}.asidecards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.asidecard{background:#fff;border:1px solid #e5eceb;border-radius:20px;padding:26px;text-decoration:none;display:block}.asidecard strong{font:700 1.4rem var(--serif);display:block}.asidecard p{margin:9px 0;color:var(--ink2);font-size:.88rem}.asidecard .arrow{color:#397573;font-weight:800}.divider{height:1px;background:#e0e8ea;margin:22px 0}.modal{position:fixed;inset:0;z-index:100;background:#0f1f31ba;display:none;padding:18px;align-items:center;justify-content:center;backdrop-filter:blur(8px)}.modal.open{display:flex}.dialog{width:min(930px,100%);max-height:calc(100dvh - 32px);background:#fffcf6;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px #0006}.dialogtop{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#152f4a;color:#fff;padding:15px 18px}.dialogtop strong{font:600 1.04rem var(--serif)}.dialogtools{display:flex;gap:7px}.roundbtn{border:1px solid #ffffff5c;background:#ffffff12;color:#fff;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:1rem}.reader{overflow-y:auto;overscroll-behavior:contain;padding:25px clamp(20px,5vw,75px) 40px;flex:1}.reader h2{font:700 clamp(1.9rem,4vw,2.75rem)/1.2 var(--serif);margin:8px 0 15px}.reader h3{font:700 1.45rem/1.35 var(--serif);margin:25px 0 16px}.reader p{font-family:Georgia,serif;font-size:calc(1.075rem * var(--reader-scale,1));line-height:1.85;margin:0 0 1em;white-space:pre-wrap}.reader figure{margin:26px auto;max-width:580px}.reader figure img{border-radius:13px;width:100%;height:auto;box-shadow:0 7px 24px #0002}.reader figcaption{color:#718084;font:italic .76rem var(--sans);text-align:center;margin-top:7px}.reader .toc{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.reader .toc button{border:1px solid #d9e2e5;border-radius:30px;padding:7px 11px;background:#fff;font-size:.75rem;color:#36556a;font-weight:800}.reader .toc button.current{background:#1c4854;color:#fff}.reader .fineprint{background:#f0f3f1;border-radius:10px;color:#53666f;padding:10px 14px;font-size:.77rem;margin:17px 0}.readernav{display:flex;gap:10px;justify-content:space-between;margin:20px 0;flex-wrap:wrap}.readernav button{border-radius:40px;background:#1e4458;color:#fff;border:0;padding:10px 17px;font-weight:800}.readernav button:disabled{background:#c6ccce;color:#555}.night .dialog{background:#142538;color:#f4f0e7}.night .reader p{color:#e7e7e7}.night .reader .fineprint{background:#25394a;color:#d1e0e7}.night .reader .toc button{background:#29445a;border-color:#587082;color:#fff}.reader .chapterlabel{font:.7rem var(--sans);color:#816744;text-transform:uppercase;font-weight:800;letter-spacing:.15em}.storyhelper{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:12px 0}.storyhelper button{border:1px solid #d6dfe2;background:#fff;color:#2f5362;border-radius:30px;padding:8px 12px;font-size:.8rem}.bookshelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.book{display:flex;gap:16px;padding:15px;background:#fff;border:1px solid #e0e8e7;border-radius:16px;text-decoration:none;align-items:center}.book img{width:80px;height:105px;object-fit:cover;border-radius:9px}.book strong{display:block;font:700 1.16rem var(--serif)}.book span{font-size:.78rem;color:#687982}.book:hover{box-shadow:var(--shadow)}.none{display:none!important}.skip{position:absolute;left:-10000px;top:auto}.skip:focus{left:10px;top:10px;z-index:999;background:#fff;color:#111;padding:8px}.printicon{white-space:nowrap}
@media(max-width:900px){.hero-in{grid-template-columns:1.3fr .7fr;gap:20px}.grid.four{grid-template-columns:repeat(3,minmax(0,1fr))}.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-img{height:280px}.top nav{gap:12px}.asidecards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}.top .wrap{flex-direction:column;align-items:flex-start;padding:13px 0;gap:7px}.top nav{gap:13px}.top nav a{font-size:.75rem}.hero-in{grid-template-columns:1fr;padding:35px 0 45px;gap:25px}.hero-img{max-height:290px;width:100%;height:270px;transform:none}.hero h1{font-size:2.4rem}.section{padding:39px 0}.grid,.grid.four,.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.tile-img{height:143px}.tile-body{padding:12px 12px 15px}.tile h3{font-size:1.03rem}.tile .meta{font-size:.65rem}.tile p{font-size:.78rem}.toolbar{padding:10px}.toolbar input,.toolbar select{min-width:100%;flex:1 1 100%}.statstrip{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:-16px}.stat{padding:12px 7px;display:block;text-align:center}.stat strong{font-size:1.5rem;display:block}.stat span{font-size:.65rem;display:block}.asidecards{grid-template-columns:1fr}.modal{padding:0}.dialog{border-radius:0;max-height:100dvh;width:100%;height:100dvh}.reader{padding:21px 19px 80px}.bookshelf{grid-template-columns:1fr}.hero::after{right:-20px}.colorcard{padding:12px}.colorcard h3{font-size:.86rem}.footer .wrap{align-items:flex-start}.note{padding:12px}}
@media(max-width:400px){.grid,.grid.four,.compact{grid-template-columns:1fr}.tile-img{height:180px}.stat strong{font-size:1.25rem}}
@media print{.top,.toolbar,.hero,.footer,.dialogtop,.readernav,.reader .toc,.storyhelper{display:none!important}body.dialog-open .modal{display:block!important;position:static;padding:0;background:#fff}body.dialog-open .dialog{display:block;max-height:none;overflow:visible;border:0;box-shadow:none}body.dialog-open .reader{overflow:visible;padding:0}body.dialog-open main,body.dialog-open .statstrip{display:none}body.dialog-open .reader figure{page-break-inside:avoid}}