/* Earwig help centre shared shell. © 2026 Harry Winteringham. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
:root { --t1:#2D2D2D; --t2:#555; --t3:#8A8578; --brd:#D5D0C7; --grn:#4F46E5; --grnd:#2D2D2D; --grnl:#EEEAF6; --bg:#F2EDE4; --coral:#FF5C4D; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Inter',-apple-system,sans-serif; background:var(--bg); color:var(--t1); -webkit-font-smoothing:antialiased; }
a { color:inherit; }
.nav { position:fixed; top:16px; left:50%; transform:translateX(-50%); z-index:100; background:rgba(255,255,255,0.95); backdrop-filter:blur(16px); border:1px solid rgba(0,0,0,0.06); border-radius:100px; box-shadow:0 2px 20px rgba(0,0,0,0.06); }
.nav-inner { padding:8px 20px; display:flex; align-items:center; gap:16px; }
.logo { font-size:17px; font-weight:800; letter-spacing:-0.5px; text-decoration:none; color:#111; }
.nav-inner a.crumb { font-size:13px; font-weight:500; color:var(--t3); text-decoration:none; }
.nav-inner a.crumb:hover { color:var(--t1); }
.page-wrap { max-width:680px; margin:0 auto; padding:120px 28px 80px; }
.page-eyebrow { font-size:12px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--grn); margin-bottom:16px; }
.page-title { font-size:clamp(28px,5vw,40px); font-weight:800; letter-spacing:-1px; line-height:1.15; color:var(--t1); margin-bottom:12px; }
.page-meta { font-size:15px; color:var(--t2); line-height:1.7; margin-bottom:48px; }
.section { margin-bottom:40px; }
.section h2 { font-size:17px; font-weight:800; color:var(--t1); margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid var(--brd); letter-spacing:-0.2px; }
.section p { font-size:15px; line-height:1.75; color:var(--t2); margin-bottom:12px; }
.section p strong { color:var(--t1); font-weight:700; }
.section ol, .section ul { margin:14px 0 14px 20px; display:flex; flex-direction:column; gap:10px; }
.section li { font-size:15px; line-height:1.65; color:var(--t2); }
.callout { background:var(--grnl); border-left:3px solid var(--grn); border-radius:0 12px 12px 0; padding:18px 22px; margin:20px 0; }
.callout p { font-size:14px; line-height:1.65; color:var(--t1); font-weight:500; margin:0; }
.card-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:48px; }
.card { display:block; background:#FAFAFA; border:1px solid var(--brd); border-radius:14px; padding:22px; text-decoration:none; transition:border-color 0.15s, transform 0.15s; }
.card:hover { border-color:var(--grn); transform:translateY(-1px); }
.card h3 { font-size:15px; font-weight:800; color:var(--t1); margin-bottom:6px; letter-spacing:-0.2px; }
.card p { font-size:13px; line-height:1.6; color:var(--t3); }
.foot { font-size:13px; color:var(--t3); border-top:1px solid var(--brd); padding-top:24px; }
.foot a { color:var(--grn); text-decoration:none; font-weight:600; }
@media (max-width:600px){ .page-wrap{padding:110px 20px 60px;} .card-grid{grid-template-columns:1fr;} }