:root{--ink:#123e3b;--muted:#586b68;--paper:#f7f8f1;--lime:#d7ed77;--line:#dce4d9;--white:#fff;--teal:#0d5952}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Yu Gothic UI','Meiryo',sans-serif;line-height:1.75}a{color:inherit;text-underline-offset:4px}button,select,input{font:inherit}button,select{cursor:pointer}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #537901;outline-offset:4px}button{border:0;border-radius:40px;padding:12px 24px;background:var(--teal);color:white}button:disabled{opacity:.5;cursor:default}.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.skip{position:absolute;top:-80px;left:20px;background:white;z-index:10;padding:10px}.skip:focus{top:10px}.edition-bar{background:var(--ink);color:#edf6dc;text-align:center;font-size:12px;padding:6px 12px;letter-spacing:.04em}header{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 40px}.brand{font:800 42px/1 sans-serif;letter-spacing:-3px;text-decoration:none;display:block}.brand span{display:block;font:9px/1.8 sans-serif;letter-spacing:1.2px;margin-top:8px}nav{display:flex;gap:28px;font-size:13px}nav a{text-decoration:none}.planbar{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 20px;font-size:12px}.planbar span{color:var(--muted)}select,input{background:white;border:1px solid #b9cbc3;border-radius:8px;padding:9px 12px;color:var(--ink);min-width:0}main{max-width:1240px;margin:auto;padding:0 40px 80px;min-height:65vh}.hero{padding:70px 0 50px;position:relative;overflow:hidden}.eyebrow{font:12px/1.5 sans-serif;letter-spacing:2px;color:var(--teal);text-transform:uppercase}.hero h1{font-size:clamp(30px,4vw,50px);line-height:1.45;letter-spacing:.03em;margin:16px 0}.hero p{font-size:15px;color:var(--muted);max-width:640px}.globe{position:absolute;right:0;top:22px;width:280px;height:280px;opacity:.24;z-index:-1}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 0 20px}.section-head h2{margin:0;font-size:23px}.section-head small{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:25px;display:flex;flex-direction:column;min-height:315px;position:relative;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-3px);border-color:#98b7a6}.country-id{display:flex;gap:12px;align-items:center}.flag{width:37px;height:28px;object-fit:contain;filter:drop-shadow(0 1px 1px #0002)}.country-id strong{display:block;font-size:14px;line-height:1.5}.country-id small{display:block;font:11px/1.7 sans-serif;letter-spacing:.5px;color:var(--muted)}.badge{font-size:11px;display:inline-block;background:#edf3e5;color:var(--teal);border-radius:30px;padding:3px 11px;align-self:start;margin:20px 0 2px}.card h3{font-size:21px;line-height:1.65;margin:12px 0 18px}.card h3 a{text-decoration:none}.card h3 a:after{content:'';position:absolute;inset:0;border-radius:16px}.question{font-size:13px;line-height:1.8;color:#4c6560;padding-top:15px;border-top:1px solid var(--line);margin-top:auto}.question b{display:block;font-size:10px;letter-spacing:1px;color:var(--teal);margin-bottom:4px}.more{text-align:center;padding:36px 0}.more p{font-size:12px;color:var(--muted)}.filters{display:flex;gap:14px;padding:20px;background:#eaf0e3;border-radius:12px;margin-bottom:24px}.filters label{display:flex;flex-direction:column;gap:6px;font-size:12px;flex:1}.filters input{width:100%}.country-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.country-tile{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:10px;background:white;text-decoration:none;min-width:0}.country-tile .name{min-width:0}.country-tile strong{font-size:14px;display:block;overflow-wrap:anywhere}.country-tile small{font:11px/1.5 sans-serif;color:var(--muted);display:block;overflow-wrap:anywhere}.country-tile:hover{background:#ecf4d5}.result-count{font-size:13px;color:var(--muted);margin:12px 0}.article{max-width:790px;margin:38px auto}.back{display:inline-block;font-size:13px;margin-bottom:30px}.article .country-id{margin:10px 0}.article .flag{width:56px;height:42px}.article h1{font-size:clamp(27px,4vw,40px);line-height:1.6;margin:15px 0 24px}.article .intro{background:var(--lime);padding:23px 28px;border-radius:4px 20px 20px 20px;margin:28px 0 34px}.intro small{display:block;font-size:11px;margin-bottom:7px}.intro p{margin:0;font-size:18px;font-weight:bold}.body p{font-size:17px;line-height:2.2;margin:0 0 25px}.dates{font-size:12px;color:var(--muted);line-height:2}.learning{background:#eaf0e3;border-radius:16px;padding:28px;margin:42px 0}.learning h2{font-size:20px;margin:0 0 20px}.learning dl{display:grid;grid-template-columns:90px 1fr;font-size:14px;gap:8px;margin:20px 0}.learning dt{color:var(--muted)}.learning dd{margin:0;overflow-wrap:anywhere}.learning small{font-size:11px;display:block;color:var(--muted)}.source{border-block:1px solid var(--line);padding:25px 0;font-size:13px;overflow-wrap:anywhere}.source h2{font-size:16px;margin:0 0 10px}.source p{margin:8px 0}details{font-size:12px;margin-top:20px;color:var(--muted)}summary{cursor:pointer}.prose{max-width:820px;margin:50px auto}.prose h1{font-size:32px}.prose h2{font-size:21px;margin-top:34px}.stats{display:flex;flex-wrap:wrap;gap:12px}.stats div{padding:20px;background:white;border:1px solid var(--line);border-radius:12px;flex:1;min-width:130px}.stats strong{display:block;font-size:32px}.stats small{color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:9px}.chips span{background:white;padding:6px 12px;border:1px solid var(--line);border-radius:8px;font-size:13px}.empty{padding:50px;text-align:center;background:white;border-radius:12px}footer{border-top:1px solid var(--line);padding:40px;text-align:center}footer p{font-size:13px;margin:22px 0}footer small{color:var(--muted);font-size:11px}footer .brand{font-size:32px} [hidden]{display:none!important}@media(max-width:850px){header{padding:22px 24px}nav{gap:15px;font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.country-grid{grid-template-columns:repeat(3,minmax(0,1fr))}main{padding:0 24px 60px}.globe{right:-100px}.planbar span{display:none}}@media(max-width:560px){header{align-items:start;padding:22px 20px}.brand{font-size:35px}.brand span{font-size:7px}nav{flex-direction:column;gap:8px;text-align:right}.planbar{gap:8px}.planbar select{font-size:12px;max-width:235px}main{padding:0 20px 45px}.hero{padding:40px 0 25px}.hero p{font-size:13px}.globe{width:210px;height:210px;right:-110px}.grid{grid-template-columns:1fr}.card{min-height:280px}.country-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.country-tile{padding:12px;gap:8px}.country-tile .flag{width:27px}.country-tile strong{font-size:12px}.filters{flex-direction:column}.section-head{align-items:start;flex-direction:column;gap:4px}.body p{font-size:16px}.learning{padding:20px}.article .intro{padding:20px}.source{font-size:12px}.article h1{font-size:28px}}

/* BETA: existing layout and palette, simpler primary links. */
.home-shortcuts{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px;font-size:13px}.home-shortcuts a{padding:8px 0}.country-search-link{display:inline-block;margin:12px 20px;padding:10px 0;font-size:14px}.hero h1{text-wrap:balance}@media(max-width:560px){.more{display:flex;flex-direction:column;align-items:stretch;gap:8px}.country-search-link{margin:0;padding:14px}.home-shortcuts{gap:8px 20px}.hero h1{font-size:28px}}

.edition-intro{max-width:1120px;margin:0 auto 2rem;padding:0 1.25rem;color:#50635d}.edition-intro a,.country-history a{color:inherit}.editor-pick{border-left:3px solid #718e26;padding:1rem 1.25rem;margin:1.5rem 0;background:#b5d94b12}.editor-pick p{margin-bottom:0}.country-history{margin:2.5rem 0;padding:1rem 0;border-top:1px solid #d3dad4}.prose li{margin:.75rem 0}.prose a{overflow-wrap:anywhere}.edition-intro,.editor-pick,.country-history{line-height:1.8}header nav{flex-wrap:wrap}@media(max-width:600px){header{gap:1rem;flex-wrap:wrap}header nav{gap:.8rem;font-size:.85rem}}
