/* ==========================================================================
   checkride.css — Senova-branded styles for the Checkride demo page.
   Daylight (cream) theme. Checkride's own page is built to pass Checkride:
   AA contrast, 44px targets, real alt text, visible focus, sized images.
   ========================================================================== */
:root{
  --cream:#f7f1e6; --paper:#fffdf8; --ink:#2a221d; --muted:#6b6152;
  --line:#e4dccb; --clay:#ba4526; --clay-deep:#8f3319; --clay-soft:#f0d9cb;
  --gold:#b98a2e; --good:#4a5a45; --track:#ede6d8;
  --shadow:0 1px 2px rgba(42,34,29,.05), 0 14px 34px -20px rgba(42,34,29,.22);
  --shadow-lg:0 2px 6px rgba(42,34,29,.06), 0 34px 70px -32px rgba(42,34,29,.34);
  --serif:'Newsreader',Georgia,serif;
  --sans:'Plus Jakarta Sans',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --nogo:var(--clay); --caution:var(--gold); --advisory:#8a7f66;
}
*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0; background:var(--cream); color:var(--ink);
  font-family:var(--sans); font-size:16px; line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{ font-family:var(--serif); font-weight:600; letter-spacing:-.01em; line-height:1.12; margin:0; }
h1{ font-size:clamp(34px,4.6vw,58px); font-weight:500; }
h2{ font-size:clamp(26px,3vw,38px); }
h3{ font-size:20px; }
p{ margin:0; }
a{ color:var(--clay); text-decoration:none; }
a:hover{ color:var(--clay-deep); }
img{ max-width:100%; display:block; }
em{ font-style:italic; }
:focus-visible{ outline:2px solid var(--clay); outline-offset:2px; border-radius:3px; }
.wrap{ max-width:1040px; margin:0 auto; padding:0 24px; }
.eyebrow{ font-family:var(--mono); text-transform:uppercase; letter-spacing:.14em; font-size:11.5px; color:var(--muted); margin:0 0 12px; }
.mono{ font-family:var(--mono); }
.section{ padding:clamp(48px,7vw,84px) 0; border-bottom:1px solid var(--line); }
.center{ text-align:center; }

/* buttons */
.btn{ display:inline-flex; align-items:center; gap:8px; justify-content:center; min-height:44px; padding:11px 20px; border-radius:11px; font-family:var(--sans); font-weight:600; font-size:15px; cursor:pointer; border:1px solid transparent; text-decoration:none; transition:transform .12s ease, background .15s ease; }
.btn:active{ transform:translateY(1px); }
.btn-primary{ background:var(--clay); color:#fff; }
.btn-primary:hover{ background:var(--clay-deep); color:#fff; }
.btn-ghost{ background:var(--paper); color:var(--ink); border-color:var(--line); }
.btn-ghost:hover{ background:#fff; color:var(--ink); border-color:#d8cdb6; }
.btn-sm{ min-height:38px; padding:8px 14px; font-size:13.5px; border-radius:9px; }

/* ============================================================== masthead */
#ck-mast{ position:sticky; top:0; z-index:40; background:rgba(247,241,230,.86); backdrop-filter:saturate(1.2) blur(10px); border-bottom:1px solid var(--line); }
#ck-mast .bar{ max-width:1180px; margin:0 auto; padding:12px 24px; display:flex; align-items:center; gap:16px; }
.wordmark{ display:flex; align-items:center; gap:9px; font-family:var(--serif); font-weight:600; font-size:18px; color:var(--ink); }
.wordmark .spark{ color:var(--clay); }
.wordmark .div{ color:var(--line); font-weight:400; }
.wordmark .sub{ font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); }
#ck-mast .spacer{ flex:1; }
.statuschip{ font-family:var(--mono); font-size:11px; letter-spacing:.06em; color:var(--muted); border:1px solid var(--line); background:var(--paper); border-radius:20px; padding:5px 11px; display:inline-flex; gap:7px; align-items:center; }
.statuschip .dot{ width:7px; height:7px; border-radius:50%; background:var(--good); box-shadow:0 0 0 3px rgba(74,90,69,.16); }

/* ================================================================== hero */
#ck-hero{ padding:clamp(52px,8vw,104px) 0 clamp(40px,5vw,64px); position:relative; overflow:hidden; }
#ck-hero .glow{ position:absolute; inset:0; background:radial-gradient(60% 70% at 78% 8%, rgba(186,69,38,.10), transparent 60%); pointer-events:none; }
.hero-grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:48px; align-items:center; position:relative; }
.hero-kicker{ display:inline-flex; align-items:center; gap:8px; font-family:var(--mono); font-size:12px; letter-spacing:.1em; color:var(--clay); background:var(--clay-soft); border:1px solid #e7c4b2; padding:5px 12px; border-radius:20px; text-transform:uppercase; }
#ck-hero h1{ margin:18px 0 0; }
#ck-hero h1 em{ color:var(--clay); font-style:italic; }
.hero-lead{ font-size:19px; color:var(--muted); margin:20px 0 0; max-width:34ch; }
.hero-tagpair{ font-family:var(--serif); font-style:italic; font-size:18px; color:var(--ink); margin:22px 0 0; }
.hero-actions{ margin-top:28px; }
.url-form{ display:flex; gap:10px; flex-wrap:wrap; margin-top:26px; max-width:460px; }
.url-form input{ flex:1; min-width:220px; min-height:48px; padding:12px 16px; border-radius:12px; border:1px solid var(--line); background:var(--paper); font:inherit; color:var(--ink); }
.url-form input::placeholder{ color:#9a9082; }
.url-note{ font-family:var(--mono); font-size:11.5px; color:var(--muted); margin-top:10px; }

/* the hero instrument card */
.hero-card{ background:var(--paper); border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow-lg); padding:26px; position:relative; }
.hero-card .cardhead{ display:flex; align-items:center; justify-content:space-between; font-family:var(--mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); }
.hero-card .verdict{ font-family:var(--serif); font-size:22px; line-height:1.3; margin:16px 0 4px; }
.hero-card .verdict b{ color:var(--clay); font-weight:600; }
.mini-squawks{ margin-top:16px; display:grid; gap:8px; }
.mini-sq{ display:flex; align-items:center; gap:10px; font-size:13.5px; color:var(--ink); padding:9px 12px; border:1px solid var(--line); border-radius:11px; background:var(--cream); }
.mini-sq .pin{ width:9px; height:9px; border-radius:50%; flex:none; }

/* pins by severity */
.pin-nogo{ background:var(--clay); box-shadow:0 0 0 3px rgba(186,69,38,.16); }
.pin-caution{ background:var(--gold); box-shadow:0 0 0 3px rgba(185,138,46,.16); }
.pin-advisory{ background:var(--advisory); box-shadow:0 0 0 3px rgba(138,127,102,.14); }

/* ================================================================ replay */
#ck-replay .stagewrap{ max-width:980px; margin:24px auto 0; }
.stage{ position:relative; aspect-ratio:16/9; background:linear-gradient(180deg,#241d18,#171210); border-radius:18px; overflow:hidden; border:1px solid #34291f; box-shadow:var(--shadow-lg); color:#f3ead9; }
.stage .skip{ position:absolute; top:14px; right:14px; z-index:6; font-family:var(--mono); font-size:12px; color:#f3ead9; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); border-radius:20px; padding:7px 13px; cursor:pointer; }
.stage .skip:hover{ background:rgba(255,255,255,.16); }
.stage-inner{ position:absolute; inset:0; }
.stage svg.map{ position:absolute; inset:0; width:100%; height:100%; }
.stage .phasechip{ position:absolute; top:14px; left:16px; font-family:var(--mono); font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:#d9b48c; }
.stage .ticker{ position:absolute; left:16px; right:16px; bottom:14px; font-family:var(--mono); font-size:13px; color:#f3ead9; min-height:20px; }
.stage .ticker .num{ color:#e0764f; }
.stage .odo{ position:absolute; right:16px; bottom:44px; font-family:var(--mono); font-size:12px; color:#cbb89a; text-align:right; }
.stage .bigdial{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; opacity:0; transition:opacity .5s ease; }
.stage .bigdial.show{ opacity:1; }
.stage .opencta{ position:absolute; left:50%; bottom:58px; transform:translateX(-50%); opacity:0; pointer-events:none; transition:opacity .4s ease; }
.stage .opencta.show{ opacity:1; pointer-events:auto; }
.play-row{ display:flex; gap:12px; align-items:center; justify-content:center; margin-top:20px; }

/* dial (SVG ring) */
.dial{ position:relative; width:var(--d,200px); height:var(--d,200px); }
.dial svg{ width:100%; height:100%; transform:rotate(-90deg); }
.dial .track{ fill:none; stroke:var(--track); }
.dial .prog{ fill:none; stroke:var(--clay); stroke-linecap:round; transition:stroke-dashoffset 1.4s cubic-bezier(.2,.7,.2,1); }
.dial .val{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.dial .num{ font-family:var(--serif); font-weight:600; font-size:calc(var(--d,200px)*.3); line-height:1; }
.dial .kick{ font-family:var(--mono); font-size:calc(var(--d,200px)*.062); letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin-top:6px; }
.stage .dial .kick{ color:#cbb89a; }
.stage .dial .num{ color:#f3ead9; }

/* =============================================================== debrief */
#ck-debrief{ background:linear-gradient(180deg,#fbf6ec,var(--cream)); }
.debrief-inner{ max-width:1080px; margin:0 auto; padding:0 24px; }
.cover{ display:grid; grid-template-columns:auto 1fr; gap:36px; align-items:center; padding:14px 0 6px; }
.cert{ background:var(--paper); border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow); overflow:hidden; }
.cert .band{ background:linear-gradient(180deg,var(--clay-soft),transparent); padding:20px 24px 26px; display:flex; align-items:center; gap:22px; }
.seal{ width:104px; height:104px; border-radius:50%; border:2px solid var(--clay); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:var(--paper); flex:none; box-shadow:inset 0 0 0 4px rgba(186,69,38,.08); }
.seal .b{ font-family:var(--serif); font-size:30px; font-weight:600; line-height:1; }
.seal .t{ font-family:var(--mono); font-size:8.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); margin-top:4px; }
.cert .titleblock .k{ font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); }
.cert .titleblock h2{ margin:4px 0 0; }
.cert .titleblock .site{ font-family:var(--mono); color:var(--clay); font-size:14px; }
.cert .meta{ padding:16px 24px; display:flex; flex-wrap:wrap; gap:14px 24px; border-top:1px solid var(--line); font-family:var(--mono); font-size:12px; color:var(--muted); }
.cert .meta .hash{ color:var(--ink); }
.cover .dialbox{ display:flex; flex-direction:column; align-items:center; gap:12px; }
.verdict-line{ font-family:var(--serif); font-size:clamp(21px,2.5vw,30px); line-height:1.32; margin:26px 0 0; max-width:30ch; }
.verdict-line b{ color:var(--clay); }
.honesty{ font-family:var(--mono); font-size:12px; color:var(--muted); background:var(--paper); border:1px solid var(--line); border-left:3px solid var(--gold); border-radius:8px; padding:12px 14px; margin:20px 0 0; line-height:1.5; }
.top3{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:26px 0 0; }
.callout{ background:var(--paper); border:1px solid var(--line); border-radius:14px; padding:16px; }
.callout .k{ font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }
.callout .t{ font-weight:600; margin-top:7px; font-size:15px; }
.callout .n{ font-family:var(--mono); font-size:12.5px; color:var(--clay); margin-top:6px; }
.cover-actions{ display:flex; flex-wrap:wrap; gap:10px; margin:26px 0 6px; }

/* controls row: views + filters + map */
.debrief-controls{ margin:20px 0 0; display:grid; grid-template-columns:1fr auto; gap:20px; align-items:start; }
.seg{ display:inline-flex; background:var(--paper); border:1px solid var(--line); border-radius:11px; padding:3px; }
.seg button{ font-family:var(--sans); font-size:13px; font-weight:600; color:var(--muted); background:none; border:none; padding:7px 13px; border-radius:8px; cursor:pointer; }
.seg button.on{ background:var(--clay); color:#fff; }
.chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.chip{ font-family:var(--mono); font-size:11.5px; border:1px solid var(--line); background:var(--paper); color:var(--ink); border-radius:20px; padding:6px 11px; cursor:pointer; display:inline-flex; align-items:center; gap:7px; }
.chip .c{ color:var(--muted); }
.chip.on{ border-color:var(--clay); background:var(--clay-soft); color:var(--clay-deep); }
.chip.clear{ color:var(--muted); }

/* site map */
.sitemap{ background:var(--paper); border:1px solid var(--line); border-radius:16px; padding:14px 16px; min-width:230px; }
.sitemap .h{ font-family:var(--mono); font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); margin-bottom:10px; }
.map-node{ display:flex; align-items:center; gap:10px; width:100%; text-align:left; background:none; border:none; padding:8px 8px; border-radius:9px; cursor:pointer; font:inherit; color:var(--ink); }
.map-node:hover{ background:var(--cream); }
.map-node.on{ background:var(--clay-soft); }
.map-node .pin{ width:10px; height:10px; border-radius:50%; flex:none; }
.map-node .nm{ font-weight:600; font-size:14px; flex:1; }
.map-node .ct{ font-family:var(--mono); font-size:12px; color:var(--muted); }

/* squawk cards */
.squawks{ margin:26px 0 0; display:grid; gap:16px; }
.group-h{ font-family:var(--mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); margin:22px 0 2px; display:flex; align-items:center; gap:10px; }
.group-h .ln{ flex:1; height:1px; background:var(--line); }
.sq{ background:var(--paper); border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow); overflow:hidden; display:grid; grid-template-columns:1fr; }
.sq.has-shot{ grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); }
.sq .shot{ background:#efe7d6; border-right:1px solid var(--line); position:relative; display:flex; }
.sq .shot img{ width:100%; height:100%; object-fit:cover; object-position:top center; cursor:zoom-in; }
.sq .shot .noshot{ margin:auto; padding:24px; width:100%; }
.sq .body{ padding:20px 22px; min-width:0; }
.sq .hrow{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.sev{ font-family:var(--mono); font-size:10.5px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; padding:4px 9px; border-radius:20px; }
.sev-nogo{ background:var(--clay); color:#fff; }
.sev-caution{ background:transparent; color:var(--gold); border:1px solid var(--gold); }
.sev-advisory{ background:transparent; color:var(--advisory); border:1px solid #d3c9b0; }
.cat{ font-family:var(--mono); font-size:11px; color:var(--muted); }
.conf{ font-family:var(--mono); font-size:10.5px; color:var(--muted); margin-left:auto; border:1px solid var(--line); border-radius:20px; padding:3px 8px; }
.sq h3{ margin:12px 0 0; font-size:19px; }
.sq .where{ font-family:var(--mono); font-size:11.5px; color:var(--muted); margin-top:8px; }
.sq .measured{ font-family:var(--mono); font-size:12px; color:var(--ink); background:var(--cream); border:1px solid var(--line); border-radius:9px; padding:9px 11px; margin-top:12px; overflow-x:auto; white-space:nowrap; }
.sq .measured b{ color:var(--clay); font-weight:600; }
.sq .why{ margin-top:12px; color:var(--ink); }
.sq .why .lab, .sq .diag .lab{ font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin-right:8px; }
.sq .diag{ margin-top:10px; color:var(--muted); font-size:14.5px; }
.repro{ margin:10px 0 0; padding-left:18px; color:var(--muted); font-size:13.5px; }
.repro li{ margin:2px 0; }
.fix{ margin-top:14px; border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.fix .fh{ display:flex; align-items:center; gap:8px; background:var(--cream); padding:8px 12px; font-family:var(--mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--good); border-bottom:1px solid var(--line); }
.fix .fh .sp{ flex:1; }
.fix pre{ margin:0; padding:12px 14px; font-family:var(--mono); font-size:12.5px; line-height:1.5; color:var(--ink); overflow-x:auto; white-space:pre; background:var(--paper); }
.fix .copy{ font-family:var(--mono); font-size:11px; color:var(--clay); background:none; border:1px solid var(--line); border-radius:7px; padding:4px 9px; cursor:pointer; }
.fix .copy:hover{ background:var(--clay-soft); }
.fix .note{ padding:10px 14px; color:var(--muted); font-size:13px; border-top:1px solid var(--line); }
.applyfix{ margin-top:12px; }

/* before/after slider */
.ba{ position:relative; margin-top:14px; border:1px solid var(--line); border-radius:12px; overflow:hidden; user-select:none; }
.ba .layer{ display:block; width:100%; }
.ba .after{ position:absolute; inset:0; clip-path:inset(0 0 0 50%); }
.ba .after img{ width:100%; display:block; }
.ba .divider{ position:absolute; top:0; bottom:0; left:50%; width:2px; background:var(--clay); }
.ba .grab{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:34px; height:34px; border-radius:50%; background:var(--clay); color:#fff; display:grid; place-items:center; box-shadow:var(--shadow); font-size:13px; }
.ba input[type=range]{ position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:ew-resize; margin:0; }
.ba input[type=range]:focus-visible + .divider{ box-shadow:0 0 0 3px rgba(186,69,38,.4); }
.ba .lab{ position:absolute; top:10px; font-family:var(--mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:#fff; background:rgba(42,34,29,.6); border-radius:6px; padding:3px 8px; }
.ba .lab.b{ left:10px; } .ba .lab.a{ right:10px; }

/* lightbox */
.lightbox{ position:fixed; inset:0; z-index:80; background:rgba(23,18,14,.82); display:none; align-items:center; justify-content:center; padding:32px; }
.lightbox.on{ display:flex; }
.lightbox img{ max-width:100%; max-height:100%; border-radius:10px; box-shadow:var(--shadow-lg); }
.lightbox .x{ position:absolute; top:18px; right:22px; font-size:26px; color:#fff; background:none; border:none; cursor:pointer; }

/* ============================================================ monitoring */
#ck-monitoring .mon-grid{ display:grid; grid-template-columns:1.3fr 1fr; gap:22px; margin-top:26px; align-items:stretch; }
.panel{ background:var(--paper); border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); padding:20px 22px; }
.preview-badge{ font-family:var(--mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); border:1px solid var(--gold); border-radius:20px; padding:3px 9px; }
.trend svg{ width:100%; height:170px; display:block; margin-top:14px; }
.alert{ display:flex; gap:14px; }
.alert .ic{ width:40px; height:40px; border-radius:11px; background:var(--clay-soft); color:var(--clay); display:grid; place-items:center; flex:none; font-size:19px; }
.alert .ts{ font-family:var(--mono); font-size:11px; color:var(--muted); margin-top:6px; }

/* ================================================================== cta */
#ck-cta{ text-align:center; background:linear-gradient(180deg,var(--cream),#f2ead9); }
#ck-cta .pair{ font-family:var(--serif); font-style:italic; font-size:clamp(22px,3vw,32px); margin:0 auto; max-width:22ch; }
#ck-cta .sub{ color:var(--muted); margin:16px auto 0; max-width:44ch; }
.wl-form{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin:26px auto 0; max-width:440px; }
.wl-form input{ flex:1; min-width:220px; min-height:48px; padding:12px 16px; border-radius:12px; border:1px solid var(--line); background:var(--paper); font:inherit; color:var(--ink); }
.wl-ok{ font-family:var(--mono); font-size:13px; color:var(--good); margin-top:14px; }
.wl-err{ font-family:var(--mono); font-size:12px; color:var(--clay); margin-top:8px; }
.board-first{ font-family:var(--mono); font-size:12px; color:var(--muted); margin-top:16px; }

/* footer */
#ck-foot{ padding:34px 0; color:var(--muted); font-size:13px; }
#ck-foot .wrap{ display:flex; flex-wrap:wrap; gap:12px 28px; align-items:center; }
#ck-foot .legal{ font-family:var(--mono); font-size:11.5px; }

/* white-label skin */
#ck-debrief.wl .wordmark-wl{ display:inline; }
#ck-debrief.wl .seal{ border-color:var(--ink); box-shadow:inset 0 0 0 4px rgba(42,34,29,.06); }
#ck-debrief.wl .cert .band{ background:linear-gradient(180deg,#eee7d7,transparent); }
.wl-note{ display:none; font-family:var(--mono); font-size:11.5px; color:var(--muted); margin-top:10px; }
#ck-debrief.wl .wl-note{ display:block; }
#ck-debrief.wl .board-hide{ display:none !important; }

/* reveal helper */
.reveal{ opacity:0; transform:translateY(14px); transition:opacity .6s ease, transform .6s ease; }
.reveal.in{ opacity:1; transform:none; }

/* ===================================================== responsive */
@media (max-width:860px){
  .hero-grid{ grid-template-columns:1fr; gap:32px; }
  .cover{ grid-template-columns:1fr; gap:20px; text-align:center; }
  .cover .dialbox{ order:-1; }
  .cert .band{ flex-direction:column; text-align:center; }
  .top3{ grid-template-columns:1fr; }
  .debrief-controls{ grid-template-columns:1fr; }
  .sq.has-shot{ grid-template-columns:1fr; }
  .sq .shot{ border-right:none; border-bottom:1px solid var(--line); max-height:280px; }
  #ck-monitoring .mon-grid{ grid-template-columns:1fr; }
}
@media (max-width:520px){
  .seg{ width:100%; } .seg button{ flex:1; }
}

/* ===================================================== reduced motion */
@media (prefers-reduced-motion: reduce){
  .dial .prog{ transition:none; }
  .reveal{ transition:none; opacity:1; transform:none; }
  html{ scroll-behavior:auto; }
}

/* ============================================================= print */
@media print{
  #ck-mast, #ck-hero, #ck-replay, #ck-monitoring, #ck-cta, #ck-foot,
  .debrief-controls, .cover-actions, .no-print, .lightbox, #ck-probe{ display:none !important; }
  body{ background:#fff; color:#000; }
  #ck-debrief{ background:#fff; }
  .section{ border:none; padding:0; }
  .sq, .cert, .callout, .panel{ box-shadow:none; break-inside:avoid; page-break-inside:avoid; border:1px solid #ccc; }
  .sq.has-shot{ grid-template-columns:1fr 1fr; }
  .fix pre{ white-space:pre-wrap; }
  .squawks{ gap:12px; }
  a{ color:#000; }
}