/* British editorial: royal blue + crimson, serif headings, rules & dividers */
:root{--blue:#1b2f7a;--blue2:#0f1d55;--red:#b3122e;--paper:#fbfaf6;--ink:#1a1a22;--rule:#d8d4c8}
*{box-sizing:border-box}
body{margin:0;font:18px/1.7 Charter,"Iowan Old Style","Source Serif Pro",Georgia,serif;color:var(--ink);background:var(--paper)}
h1,h2,h3,.logo{font-family:"Playfair Display",Didot,"Bodoni 72",Georgia,"Times New Roman",serif;color:var(--blue);font-weight:700;letter-spacing:-.01em}
a{color:var(--red);text-underline-offset:3px}.wrap{max-width:1140px;margin:0 auto;padding:0 24px}.narrow{max-width:760px}
.top{background:var(--paper);border-top:6px solid var(--blue);border-bottom:3px double var(--blue);position:sticky;top:0;z-index:5}
.bar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:10px 24px}.logo{margin-right:auto;line-height:0}.logo img{height:48px;width:auto}
nav{display:flex;gap:18px;flex-wrap:wrap;font:600 13px/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em}nav a{color:var(--blue);text-decoration:none}nav a:hover{color:var(--red)}
.btn{display:inline-block;background:var(--red);color:#fff;padding:13px 22px;border-radius:0;text-decoration:none;font:700 15px/1 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--red);cursor:pointer}
.btn:hover{background:var(--blue);border-color:var(--blue)}.btn.small{padding:9px 14px;font-size:12px}.btn.ghost{background:transparent;color:var(--blue);border-color:var(--blue)}
.hero{padding:48px 0 40px;border-bottom:1px solid var(--rule)}.split{display:grid;grid-template-columns:1fr 1.25fr;gap:44px;align-items:center}
.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:0 0 16px;padding-bottom:16px;border-bottom:2px solid var(--red)}
.hero h1::before{content:"For UK families · Live one-to-one";display:block;font:700 12px/1.4 system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:12px}
.lead{font-size:21px;font-style:italic}.note{font:14px/1.5 system-ui,sans-serif;color:#555}
.hero-img{margin:0;border:1px solid var(--blue);padding:8px;background:#fff}.hero-img img{width:100%;height:auto;display:block}
.section{padding:48px 0;border-bottom:1px solid var(--rule)}.section h2{font-size:32px;margin:0 0 18px;display:flex;align-items:center;gap:16px}
.section h2::after{content:"";flex:1;height:1px;background:var(--rule)}
.alt{background:#eef0f7}.cta{text-align:center;background:var(--blue);color:#fff;border-top:4px solid var(--red)}.cta h2{color:#fff;justify-content:center}.cta h2::after{display:none}
.cta .btn{background:#fff;color:var(--red);border-color:#fff}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));border-top:3px solid var(--blue)}
.card{padding:20px 18px;text-decoration:none;color:inherit;border-bottom:1px solid var(--rule);border-right:1px solid var(--rule)}.card h3{margin:0 0 6px;font-size:22px}.card:hover h3{color:var(--red)}
ul li{margin:6px 0}ul li::marker{color:var(--red)}
details{border-bottom:1px solid var(--rule);padding:12px 0}summary{font:700 19px Georgia,serif;color:var(--blue);cursor:pointer}
.form{display:grid;gap:14px;background:#fff;padding:24px;border:1px solid var(--blue);border-top:5px solid var(--red);margin-top:18px}
.form label{display:grid;gap:4px;font:600 14px system-ui,sans-serif;color:var(--blue)}.form input,.form select,.form textarea{font:16px system-ui,sans-serif;padding:10px;border:1px solid #9aa0b8;border-radius:0}
.hp{position:absolute;left:-9999px}.errors{color:var(--red)}
.foot{background:var(--blue2);color:#e6e9f5;padding:32px 0;font-size:15px;border-top:6px solid var(--red)}.foot a{color:#fff}
@media(max-width:860px){.split{grid-template-columns:1fr}nav{display:none}}
.crumbs{font:13px system-ui,sans-serif;color:#555;margin:0 0 8px}.hero h1.article-title::before{content:"The Journal · Guides for UK learners"}
.prose{font-size:19px}.prose h2{font-size:28px}.prose h3{font-size:22px}.prose blockquote{border-left:4px solid var(--red);margin:20px 0;padding:4px 18px;font-style:italic}
.posts{list-style:none;padding:0;margin:0}.post{border-bottom:1px solid var(--rule);padding:16px 0}.post h3{margin:0;font-size:24px}.post a{text-decoration:none}.post p{margin:4px 0}