/* CJ Family AI — palette taken from the crest: navy, maple red, spruce, paper */
:root{
  --navy:#16243D; --red:#C8102E; --spruce:#1F4F3D;
  --ink:#1A1F28; --muted:#5B6472; --rule:#E3DDD3;
  --measure:66ch;
}
@media (prefers-color-scheme:dark){
  :root{ --paper:#12161C; --card:#191E26; --ink:#E6EAEF;
         --muted:#9AA5B3; --rule:#2A313B; --navy:#9FB6DA; --red:#E8657A; --spruce:#6FBF9B; }
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  padding:0 1.1rem 4rem;
}
.wrap{max-width:820px;margin:0 auto}
header.site{display:flex;align-items:center;gap:1.1rem;padding:2.2rem 0 1.4rem;border-bottom:3px solid var(--navy);flex-wrap:wrap}
header.site img{width:84px;height:84px;border-radius:12px}
header.site h1{margin:0;font-size:1.6rem;letter-spacing:-.02em;color:var(--navy)}
header.site p{margin:.25rem 0 0;color:var(--muted);font-size:.95rem}
nav{display:flex;gap:1.2rem;padding:.9rem 0;border-bottom:1px solid var(--rule);font-size:.92rem;flex-wrap:wrap}
nav a{color:var(--navy);text-decoration:none;font-weight:600}
nav a:hover,nav a:focus-visible{text-decoration:underline;text-underline-offset:3px}
main{padding:2rem 0;max-width:var(--measure)}
h2{margin:2.2rem 0 .6rem;font-size:1.28rem;letter-spacing:-.01em;color:var(--navy)}
h3{margin:1.5rem 0 .4rem;font-size:1.02rem}
h2:first-child{margin-top:0}
p,li{margin:.6rem 0}
ul,ol{padding-left:1.2rem}
code{background:var(--card);border:1px solid var(--rule);border-radius:4px;padding:.08em .35em;font-size:.88em}
.lede{font-size:1.1rem;color:var(--muted)}
.card{background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:1.1rem 1.3rem;margin:1.4rem 0}
.card h3{margin-top:0}
table{border-collapse:collapse;width:100%;font-size:.92rem;margin:1rem 0}
th,td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--rule);vertical-align:top}
th{font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.scope{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;color:var(--spruce);font-weight:600}
footer{border-top:1px solid var(--rule);margin-top:3rem;padding-top:1.2rem;color:var(--muted);font-size:.87rem}
footer a{color:var(--navy)}
.updated{color:var(--muted);font-size:.87rem;font-style:italic}