/* CVora content pages — palette matched to the app bundle */
:root{
  --bg:#fbfbfa; --fg:#171717; --card:#fff; --primary:#d54b22; --accent:#fff1eb;
  --border:#e5e5e5; --muted:#737373; --radius:.75rem;
  --wrap:44rem;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--fg);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:17px; line-height:1.7;
}
.wrap{max-width:var(--wrap); margin:0 auto; padding-block:0; padding-left:20px; padding-right:20px}

/* header */
.site-head{border-bottom:1px solid var(--border); background:var(--card)}
.site-head .wrap{display:flex; align-items:center; gap:18px; flex-wrap:wrap; padding-block:14px}
.brand{font-weight:700; font-size:19px; color:var(--fg); text-decoration:none; letter-spacing:-.02em}
.brand span{color:var(--primary)}
.site-head nav{margin-left:auto; display:flex; gap:16px; flex-wrap:wrap}
.site-head nav a{color:var(--muted); text-decoration:none; font-size:15px}
.site-head nav a:hover{color:var(--primary)}

/* content */
main{padding-block:44px 64px}
h1{font-size:2rem; line-height:1.25; letter-spacing:-.02em; margin:0 0 .4em}
h2{font-size:1.3rem; line-height:1.35; letter-spacing:-.01em; margin:2.2em 0 .6em}
h3{font-size:1.06rem; margin:1.8em 0 .4em}
p,ul,ol{margin:0 0 1.1em}
ul,ol{padding-left:1.3em}
li{margin:.35em 0}
a{color:var(--primary)}
.lede{font-size:1.12rem; color:#3d3d3d}
.meta{color:var(--muted); font-size:14px; margin:0 0 2em}
hr{border:0; border-top:1px solid var(--border); margin:2.5em 0}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.9em;
  background:#f3f3f2; padding:.12em .4em; border-radius:.3em}

.callout{background:var(--accent); border:1px solid #f6d9cb; border-radius:var(--radius);
  padding:16px 18px; margin:1.6em 0}
.callout p:last-child{margin-bottom:0}
.callout strong{color:#9c3413}

.card{background:var(--card); border:1px solid var(--border); border-radius:var(--radius);
  padding:18px 20px; margin:0 0 14px}
.card h3{margin-top:0}
.card p:last-child{margin-bottom:0}

.cta{display:inline-block; background:var(--primary); color:#fff; text-decoration:none;
  font-weight:600; padding:11px 20px; border-radius:var(--radius); margin:.5em 0}
.cta:hover{background:#b93d1a}

.table-scroll{overflow-x:auto; margin:0 0 1.4em}
table{border-collapse:collapse; width:100%; font-size:15px}
th,td{text-align:left; padding:9px 12px; border-bottom:1px solid var(--border); vertical-align:top}
th{font-weight:600; background:#f5f5f4}

/* footer */
.site-foot{border-top:1px solid var(--border); background:var(--card); font-size:14px; color:var(--muted)}
.site-foot .wrap{padding-block:26px 34px}
.site-foot nav{display:flex; gap:16px; flex-wrap:wrap; margin-bottom:12px}
.site-foot a{color:var(--muted); text-decoration:none}
.site-foot a:hover{color:var(--primary)}

@media (max-width:560px){
  body{font-size:16px}
  h1{font-size:1.6rem}
  .site-head nav{margin-left:0; width:100%; gap:14px}
}