/* ============ The Airplane Girl brand tokens (from theairplanegirl.com) ============ */
:root{
  --tag-bg:#081b2e;--tag-bg2:#0a2034;--tag-surface:#0e2841;--tag-surface2:#123150;--tag-border:#1c3a57;--tag-border-soft:#16314a;
  --tag-blue:#3a8dff;--tag-blue-soft:#6ba8ff;--tag-silver:#d5dde5;--tag-white:#fafbfc;--tag-gold:#d9a441;--tag-gold-soft:#e8be6e;--tag-muted:#8499ad;
  --font-display:"Space Grotesk","Space Grotesk Fallback",-apple-system,"Segoe UI",sans-serif;
  --font-body:"Inter","Inter Fallback",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --radius:16px;--radius-sm:10px;
  --shadow:0 24px 60px -24px rgba(0,0,0,.65);--shadow-blue:0 20px 50px -20px rgba(58,141,255,.35);
}
/* ---- Semantic tokens: default = Theme 1 "Flight Deck" (dark, faithful to the site) ---- */
:root, [data-theme="flightdeck"]{
  --bg:var(--tag-bg);--bg-grad:linear-gradient(180deg,#0a2034 0%,#081b2e 60%);
  --panel:var(--tag-surface);--panel2:var(--tag-surface2);--ink:var(--tag-white);--ink2:var(--tag-silver);--muted:var(--tag-muted);
  --line:var(--tag-border);--line-soft:var(--tag-border-soft);
  --accent:var(--tag-blue);--accent-soft:var(--tag-blue-soft);--accent-ink:#fff;--gold:var(--tag-gold);--gold-soft:var(--tag-gold-soft);
  --kicker:var(--tag-gold);--tile-num:var(--tag-white);--tile-bar:var(--tag-blue);
  --good:#4ade80;--warn:var(--tag-gold);--bad:#ff6b6b;--info:var(--tag-blue-soft);
  --tag-match:rgba(74,222,128,.14);--tag-match-ink:#86efac;--tag-review:rgba(217,164,65,.16);--tag-review-ink:var(--tag-gold-soft);
  --tag-commute:rgba(58,141,255,.16);--tag-commute-ink:var(--tag-blue-soft);--tag-reject:rgba(255,107,107,.14);--tag-reject-ink:#fca5a5;
  --row-hover:rgba(58,141,255,.07);--th-bg:var(--tag-surface);--field-bg:var(--tag-bg2);
  --card-shadow:var(--shadow);--header-bg:rgba(8,27,46,.85);--header-line:var(--tag-border-soft);
  --toast-bg:var(--tag-white);--toast-ink:var(--tag-bg);
}
/* ---- Theme 2 "Terminal Light" ---- */
[data-theme="terminal"]{
  --bg:#f3f6fa;--bg-grad:linear-gradient(180deg,#eef3f9 0%,#f3f6fa 40%);
  --panel:#ffffff;--panel2:#f7f9fc;--ink:var(--tag-bg);--ink2:#22405e;--muted:#5f7288;
  --line:#d5dde5;--line-soft:#e6ebf1;
  --accent:#1f6fe0;--accent-soft:var(--tag-blue);--accent-ink:#fff;--gold:#b8842a;--gold-soft:var(--tag-gold);
  --kicker:#b8842a;--tile-num:var(--tag-bg);--tile-bar:var(--tag-blue);
  --good:#1a7f4b;--warn:#a26d12;--bad:#c0392b;--info:#1f6fe0;
  --tag-match:#dcfce7;--tag-match-ink:#166534;--tag-review:#fdf1d6;--tag-review-ink:#7c4f0a;
  --tag-commute:#e0ecff;--tag-commute-ink:#1e4fa3;--tag-reject:#fee2e2;--tag-reject-ink:#991b1b;
  --row-hover:rgba(58,141,255,.06);--th-bg:#ffffff;--field-bg:#f3f6fa;
  --card-shadow:0 1px 2px rgba(8,27,46,.06),0 10px 30px -18px rgba(8,27,46,.25);--header-bg:var(--tag-bg);--header-line:var(--tag-border);
  --toast-bg:var(--tag-bg);--toast-ink:var(--tag-white);
}
[data-theme="terminal"] header{color:var(--tag-white)}
[data-theme="terminal"] header .sub,[data-theme="terminal"] header #lastRun{color:var(--tag-silver)}
[data-theme="terminal"] header .btn{background:transparent;color:var(--tag-white);border-color:var(--tag-border)}
[data-theme="terminal"] header .btn.primary{background:var(--tag-gold);color:var(--tag-bg);border-color:var(--tag-gold);font-weight:600}
[data-theme="terminal"] header select{background:var(--tag-surface);color:var(--tag-white);border-color:var(--tag-border)}

/* ---- Theme 3 "Departure Board" (FIDS) ---- */
[data-theme="board"]{
  --bg:#050e18;--bg-grad:radial-gradient(1200px 500px at 50% -10%,#123150 0%,#050e18 60%);
  --panel:#0a1a2b;--panel2:#0e2841;--ink:#fafbfc;--ink2:#d5dde5;--muted:#7f93a8;
  --line:#1c3a57;--line-soft:#132a42;
  --accent:var(--tag-gold);--accent-soft:var(--tag-gold-soft);--accent-ink:#081b2e;--gold:var(--tag-gold);--gold-soft:var(--tag-gold-soft);
  --kicker:var(--tag-blue-soft);--tile-num:var(--tag-gold-soft);--tile-bar:var(--tag-gold);
  --good:#4ade80;--warn:var(--tag-gold-soft);--bad:#ff6b6b;--info:var(--tag-blue-soft);
  --tag-match:rgba(74,222,128,.12);--tag-match-ink:#86efac;--tag-review:rgba(217,164,65,.16);--tag-review-ink:var(--tag-gold-soft);
  --tag-commute:rgba(58,141,255,.16);--tag-commute-ink:var(--tag-blue-soft);--tag-reject:rgba(255,107,107,.14);--tag-reject-ink:#fca5a5;
  --row-hover:rgba(217,164,65,.06);--th-bg:#081b2e;--field-bg:#050e18;
  --card-shadow:0 0 0 1px #132a42,0 30px 60px -30px #000;--header-bg:rgba(5,14,24,.9);--header-line:#1c3a57;
  --toast-bg:var(--tag-gold);--toast-ink:#081b2e;
}
[data-theme="board"] body,[data-theme="board"] table,[data-theme="board"] .btn,[data-theme="board"] input,[data-theme="board"] select{font-family:var(--font-display)}
[data-theme="board"] th{letter-spacing:.14em;color:var(--tag-gold);font-size:11px;border-bottom:2px solid var(--tag-gold)}
[data-theme="board"] tbody tr:nth-child(even){background:rgba(255,255,255,.02)}
[data-theme="board"] .title-cell .t{text-transform:uppercase;letter-spacing:.02em;font-weight:600;font-size:12.5px}
[data-theme="board"] .tile{border-radius:8px;background:linear-gradient(180deg,#0e2841,#081b2e);border-color:#1c3a57}
[data-theme="board"] .tile .v{font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:0 0 18px rgba(217,164,65,.35)}
[data-theme="board"] .tile .k{color:var(--tag-blue-soft)}
[data-theme="board"] .tag,[data-theme="board"] .status{border-radius:4px;text-transform:uppercase;letter-spacing:.08em;font-size:10.5px}
[data-theme="board"] nav.tabs button{text-transform:uppercase;letter-spacing:.1em;font-size:12px}
[data-theme="board"] header h1{letter-spacing:.06em;text-transform:uppercase}
[data-theme="board"] .panel,[data-theme="board"] .toolbar input,[data-theme="board"] .toolbar select{border-radius:8px}

/* ---- Theme 4 "Navy Editorial" (light, magazine) ---- */
[data-theme="editorial"]{
  --bg:#f7f4ee;--bg-grad:linear-gradient(180deg,#f9f7f2 0%,#f7f4ee 30%);
  --panel:#fffdf9;--panel2:#f3efe6;--ink:#0a2034;--ink2:#22405e;--muted:#6b7686;
  --line:#e2ddd2;--line-soft:#ece8df;
  --accent:#0e2841;--accent-soft:#1f6fe0;--accent-ink:#fff;--gold:#b8842a;--gold-soft:var(--tag-gold);
  --kicker:#b8842a;--tile-num:#0a2034;--tile-bar:var(--tag-gold);
  --good:#1a7f4b;--warn:#a26d12;--bad:#b42318;--info:#1f6fe0;
  --tag-match:#e3f3e8;--tag-match-ink:#1a5c37;--tag-review:#f7ead0;--tag-review-ink:#7c4f0a;
  --tag-commute:#e2eaf7;--tag-commute-ink:#1e3f7a;--tag-reject:#f8e0dc;--tag-reject-ink:#8f1d12;
  --row-hover:rgba(217,164,65,.08);--th-bg:#fffdf9;--field-bg:#f7f4ee;
  --card-shadow:0 1px 0 rgba(10,32,52,.05);--header-bg:#f7f4ee;--header-line:#0a2034;
  --toast-bg:#0a2034;--toast-ink:#fafbfc;
}
[data-theme="editorial"] header{border-bottom:2px solid var(--tag-bg);backdrop-filter:none}
[data-theme="editorial"] header h1{font-size:24px;letter-spacing:-.02em}
[data-theme="editorial"] .tile{border:0;border-top:3px solid var(--tag-gold);border-radius:0;background:transparent;box-shadow:none;padding:12px 4px}
[data-theme="editorial"] .tile .v{font-size:34px;font-weight:700;letter-spacing:-.02em}
[data-theme="editorial"] .panel{border-radius:4px;border:1px solid var(--line)}
[data-theme="editorial"] th{font-family:var(--font-display);text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:600;color:var(--ink);border-bottom:2px solid var(--ink)}
[data-theme="editorial"] nav.tabs{border-bottom:1px solid var(--ink)}
[data-theme="editorial"] nav.tabs button.active{border-bottom-color:var(--tag-gold);border-bottom-width:3px}
[data-theme="editorial"] .btn{border-radius:2px}
[data-theme="editorial"] .btn.primary{background:var(--tag-bg);border-color:var(--tag-bg)}
[data-theme="editorial"] .tag{border-radius:2px;text-transform:uppercase;letter-spacing:.06em;font-size:10.5px}
[data-theme="editorial"] .title-cell .t{font-family:var(--font-display);font-size:14px}

/* ---- Theme 5 "Midnight Glass" ---- */
[data-theme="glass"]{
  --bg:#081b2e;--bg-grad:radial-gradient(900px 420px at 15% -5%,rgba(58,141,255,.35),transparent 60%),radial-gradient(700px 380px at 95% 10%,rgba(217,164,65,.18),transparent 60%),linear-gradient(180deg,#0a2034,#081b2e 50%,#06131f);
  --panel:rgba(14,40,65,.62);--panel2:rgba(18,49,80,.7);--ink:#fafbfc;--ink2:#d5dde5;--muted:#8fa3b8;
  --line:rgba(213,221,229,.14);--line-soft:rgba(213,221,229,.08);
  --accent:var(--tag-blue);--accent-soft:var(--tag-blue-soft);--accent-ink:#fff;--gold:var(--tag-gold);--gold-soft:var(--tag-gold-soft);
  --kicker:var(--tag-gold);--tile-num:#fff;--tile-bar:var(--tag-blue-soft);
  --good:#4ade80;--warn:var(--tag-gold-soft);--bad:#ff7b7b;--info:var(--tag-blue-soft);
  --tag-match:rgba(74,222,128,.16);--tag-match-ink:#a7f3c4;--tag-review:rgba(232,190,110,.18);--tag-review-ink:#f3d494;
  --tag-commute:rgba(107,168,255,.18);--tag-commute-ink:#bcd4ff;--tag-reject:rgba(255,123,123,.16);--tag-reject-ink:#ffb4b4;
  --row-hover:rgba(255,255,255,.04);--th-bg:transparent;--field-bg:rgba(8,27,46,.6);
  --card-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.06);--header-bg:rgba(8,27,46,.55);--header-line:rgba(213,221,229,.1);
  --toast-bg:#fafbfc;--toast-ink:#081b2e;
}
[data-theme="glass"] .panel,[data-theme="glass"] .tile,[data-theme="glass"] .drawer{backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
[data-theme="glass"] .tile{border-radius:20px;box-shadow:var(--shadow-blue),inset 0 1px 0 rgba(255,255,255,.08)}
[data-theme="glass"] .panel{border-radius:20px}
[data-theme="glass"] nav.tabs{border:0;gap:6px;background:rgba(14,40,65,.5);padding:5px;border-radius:999px;width:max-content;max-width:100%}
[data-theme="glass"] nav.tabs button{border:0;border-radius:999px;padding:8px 16px}
[data-theme="glass"] nav.tabs button.active{background:var(--tag-blue);color:#fff}
[data-theme="glass"] nav.tabs button .n{background:rgba(255,255,255,.14)}
[data-theme="glass"] .btn,[data-theme="glass"] .toolbar input,[data-theme="glass"] .toolbar select{border-radius:999px}
[data-theme="glass"] .btn.primary{box-shadow:var(--shadow-blue)}
[data-theme="glass"] header{backdrop-filter:blur(18px)}

/* ---- Theme 6 "Runway" (navy rail + gold markings, light content) ---- */
[data-theme="runway"]{
  --bg:#eef2f7;--bg-grad:none;
  --panel:#ffffff;--panel2:#f4f7fb;--ink:#081b2e;--ink2:#22405e;--muted:#5f7288;
  --line:#d5dde5;--line-soft:#e6ebf1;
  --accent:#0e2841;--accent-soft:var(--tag-blue);--accent-ink:#fff;--gold:#c9922f;--gold-soft:var(--tag-gold);
  --kicker:var(--tag-gold);--tile-num:#081b2e;--tile-bar:var(--tag-gold);
  --good:#1a7f4b;--warn:#a26d12;--bad:#c0392b;--info:#1f6fe0;
  --tag-match:#dcfce7;--tag-match-ink:#166534;--tag-review:#fdf1d6;--tag-review-ink:#7c4f0a;
  --tag-commute:#e0ecff;--tag-commute-ink:#1e4fa3;--tag-reject:#fee2e2;--tag-reject-ink:#991b1b;
  --row-hover:rgba(217,164,65,.09);--th-bg:#ffffff;--field-bg:#eef2f7;
  --card-shadow:0 1px 2px rgba(8,27,46,.06),0 12px 30px -20px rgba(8,27,46,.3);--header-bg:var(--tag-bg);--header-line:var(--tag-gold);
  --toast-bg:var(--tag-bg);--toast-ink:#fafbfc;
}
[data-theme="runway"] header{color:#fafbfc;border-bottom:3px solid var(--tag-gold);background:var(--tag-bg) repeating-linear-gradient(90deg,transparent 0 40px,rgba(217,164,65,.0) 40px 40px)}
[data-theme="runway"] header::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:repeating-linear-gradient(90deg,var(--tag-gold) 0 28px,transparent 28px 44px)}
[data-theme="runway"] header .sub,[data-theme="runway"] header #lastRun{color:var(--tag-silver)}
[data-theme="runway"] header .btn{background:transparent;color:#fafbfc;border-color:var(--tag-border)}
[data-theme="runway"] header .btn.primary{background:var(--tag-gold);color:var(--tag-bg);border-color:var(--tag-gold);font-weight:700}
[data-theme="runway"] header select{background:var(--tag-surface);color:#fafbfc;border-color:var(--tag-border)}
[data-theme="runway"] .tile{border-left:5px solid var(--tag-gold);border-radius:6px}
[data-theme="runway"] .tile .v{font-weight:700}
[data-theme="runway"] nav.tabs{background:var(--tag-bg);border-radius:8px;padding:4px;border:0;gap:2px}
[data-theme="runway"] nav.tabs button{color:var(--tag-silver);border-radius:6px;border:0}
[data-theme="runway"] nav.tabs button.active{background:var(--tag-gold);color:var(--tag-bg);font-weight:600}
[data-theme="runway"] nav.tabs button.active .n{background:rgba(8,27,46,.18);color:var(--tag-bg)}
[data-theme="runway"] nav.tabs button .n{background:rgba(255,255,255,.12);color:var(--tag-silver)}
[data-theme="runway"] th{background:var(--tag-surface2);color:var(--tag-silver)}
[data-theme="runway"] .panel{border-radius:8px;overflow:hidden}
[data-theme="runway"] .status.Apply{border-color:var(--tag-gold);color:#7c4f0a;background:#fdf1d6}

/* ============ Shared layout (token-driven) ============ */
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100vh;background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;color:var(--ink);font:14px/1.45 var(--font-body)}
a{color:var(--accent-soft)}
h1,h2,.tile .v,nav.tabs button{font-family:var(--font-display)}
header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 22px;background:var(--header-bg);border-bottom:1px solid var(--header-line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
header h1{font-size:19px;margin:0;letter-spacing:-.01em;font-weight:700}
header .kicker{display:block;font-family:var(--font-body);font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--kicker);margin-bottom:2px}
header .sub{color:var(--muted);font-size:12.5px}
header .spacer{flex:1}
header select#themePick{font:inherit;font-size:12.5px;padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink)}
.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:7px 13px;border-radius:var(--radius-sm);cursor:pointer;font:inherit;font-size:13px;transition:border-color .15s,transform .15s}
.btn:hover{border-color:var(--accent-soft)}
.btn:active{transform:translateY(1px)}
.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}
.btn.small{padding:4px 9px;font-size:12px}
.btn:disabled{opacity:.5;cursor:default}
main{max-width:1400px;margin:0 auto;padding:20px 22px 60px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}
.tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--card-shadow)}
.tile .k{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:600}
.tile .v{font-size:28px;font-weight:700;margin-top:4px;line-height:1.1;color:var(--tile-num)}
.tile .d{font-size:12px;color:var(--muted);margin-top:5px}
.bar{height:5px;background:var(--line-soft);border-radius:3px;margin-top:9px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--tile-bar)}
nav.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px;overflow-x:auto}
nav.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 14px;color:var(--muted);cursor:pointer;font:inherit;font-family:var(--font-display);font-weight:600;white-space:nowrap}
nav.tabs button.active{color:var(--ink);border-bottom-color:var(--accent)}
nav.tabs button .n{display:inline-block;margin-left:6px;background:var(--line-soft);color:var(--ink2);border-radius:10px;padding:0 7px;font-size:11.5px;font-family:var(--font-body)}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.toolbar input,.toolbar select{font:inherit;padding:8px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink)}
.toolbar input::placeholder{color:var(--muted)}
.toolbar input[type=search]{min-width:230px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--card-shadow);overflow:hidden}
.tablewrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:10px 11px;border-bottom:1px solid var(--line-soft);vertical-align:top}
th{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600;background:var(--th-bg);position:sticky;top:0;cursor:pointer;white-space:nowrap}
th.sorted::after{content:" ▾";color:var(--accent-soft)}
th.sorted.asc::after{content:" ▴"}
tbody tr{cursor:pointer}
tbody tr:hover{background:var(--row-hover)}
tr.closed td{opacity:.5}
.tag{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;letter-spacing:.02em}
.tag.MATCH{background:var(--tag-match);color:var(--tag-match-ink)}
.tag.REVIEW{background:var(--tag-review);color:var(--tag-review-ink)}
.tag.COMMUTE-CHECK{background:var(--tag-commute);color:var(--tag-commute-ink)}
.tag.REJECT{background:var(--tag-reject);color:var(--tag-reject-ink)}
.status{display:inline-block;padding:2px 9px;border-radius:6px;font-size:11.5px;border:1px solid var(--line);color:var(--ink2);white-space:nowrap}
.status.Apply{border-color:var(--accent-soft);color:var(--accent-soft)}
.status.Applied,.status.Tailored{border-color:var(--info);color:var(--info)}
.status.Screen,.status.Interview{border-color:var(--warn);color:var(--warn)}
.status.Offer{border-color:var(--good);color:var(--good);font-weight:600}
.status.Closed,.status.Skipped{opacity:.6}
.score{font-variant-numeric:tabular-nums;letter-spacing:1px;color:var(--gold)}
.muted{color:var(--muted)}
.title-cell{max-width:340px}
.title-cell .t{font-weight:600;color:var(--ink)}
.title-cell .e{color:var(--muted);font-size:12px}
.due-soon{color:var(--bad);font-weight:600}
.empty{padding:36px;text-align:center;color:var(--muted)}
.backdrop{position:fixed;inset:0;background:rgba(3,10,18,.55);display:none;z-index:9}
.backdrop.open{display:block}
.drawer{position:fixed;top:0;right:0;height:100%;width:min(540px,100%);background:var(--panel);border-left:1px solid var(--line);box-shadow:-8px 0 40px rgba(0,0,0,.35);transform:translateX(100%);transition:transform .2s;z-index:10;display:flex;flex-direction:column;color:var(--ink)}
[data-theme="glass"] .drawer{background:rgba(10,32,52,.92)}
.drawer.open{transform:none}
.drawer .head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:10px}
.drawer .head h2{font-size:17px;margin:0;flex:1}
.drawer .body{padding:16px 20px;overflow:auto;flex:1}
.drawer .foot{padding:12px 20px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end;align-items:center}
.field{margin-bottom:12px}
.field label{display:block;font-size:11px;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.field input,.field select,.field textarea{width:100%;font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--field-bg);color:var(--ink)}
.field textarea{min-height:80px;resize:vertical}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.meta{font-size:12.5px;color:var(--muted);margin-bottom:12px;line-height:1.6}
.meta b{color:var(--ink)}
.msg{font-size:12.5px;flex:1}
.msg.err{color:var(--bad)} .msg.ok{color:var(--good)}
.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--toast-bg);color:var(--toast-ink);padding:10px 16px;border-radius:999px;font-size:13px;display:none;z-index:20;box-shadow:var(--shadow)}
footer{margin-top:24px;color:var(--muted);font-size:12px}
@media (max-width:700px){ .hide-m{display:none} main{padding:12px} header{padding:12px 14px} }