/* The AI Decision Journal — executive editorial */
:root{
  --paper:#f7f3ea; --ink:#1c1a17; --ink-soft:#3d3730; --burgundy:#6d1f2e;
  --rule:#c9c0b0; --accent-ink:#4d1520; --focus:#0a4f8a;
  --serif:Georgia,'Iowan Old Style','Times New Roman',serif;
  --sans:-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.65;margin:0;-webkit-text-size-adjust:100%}
p{margin:0 0 1.1em}
a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--burgundy)}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:.005em;color:var(--ink);margin:0 0 .4em;line-height:1.15}
h1{font-size:clamp(2rem,5.5vw,3.6rem);letter-spacing:-.015em;max-width:22ch}
h2{font-size:clamp(1.45rem,3vw,2.1rem)}
h3{font-size:clamp(1.15rem,2vw,1.4rem)}

/* shell */
.site-header{background:var(--paper);border-bottom:2px solid var(--ink);position:relative}
.site-header .wrap{max-width:1200px;margin:0 auto;padding:.9rem 1.25rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem 1.5rem}
.brand{font-family:var(--serif);font-size:1.25rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.site-nav{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;font-size:.95rem;margin-left:auto}
.site-nav a{color:var(--ink);text-decoration:none;padding:.25rem 0;border-bottom:2px solid transparent}
.site-nav a:hover,.site-nav a[aria-current=page]{border-bottom-color:var(--burgundy);color:var(--burgundy)}
.site-footer{background:var(--ink);color:var(--paper);margin-top:3rem}
.site-footer .wrap{max-width:1200px;margin:0 auto;padding:1.75rem 1.25rem}
.site-footer a{color:#f2dfc9}

.page{max-width:1200px;margin:0 auto;padding:1.75rem 1.25rem 2.5rem}
.article{max-width:70ch;margin:0 auto}
.breadcrumbs{font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:1.25rem}
.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0}
.breadcrumbs li+li::before{content:"/";margin-right:.4rem;color:var(--rule)}
.article-header{border-bottom:1px solid var(--rule);padding-bottom:1.25rem;margin-bottom:1.6rem}
.article-body h2{margin-top:1.6em;border-top:1px solid var(--rule);padding-top:.5em}
.sources{margin-top:2.5rem;padding-top:1rem;border-top:2px solid var(--ink);font-size:.92rem}
.media-caption{font-size:.85rem;color:var(--ink-soft);margin-top:.4rem}
.skip-link{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--paper);padding:.6rem 1rem;z-index:10}
.skip-link:focus{left:1rem;top:.5rem}

/* home */
.home{padding-top:1rem}
.kicker{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--burgundy);font-weight:700;margin-bottom:.6rem}
.dek{font-family:var(--serif);font-size:clamp(1.1rem,2vw,1.35rem);color:var(--ink-soft);max-width:60ch;border-left:3px solid var(--burgundy);padding-left:1rem}
.lead{border-bottom:1px solid var(--rule);padding-bottom:1.5rem}
.hero img,.hero svg{display:block;width:100%;height:auto;max-height:46vh;object-fit:cover;margin-top:1.25rem;border:1px solid var(--rule)}
.rule-head{border-bottom:2px solid var(--ink);padding-bottom:.35rem;margin-top:2.25rem}
.memos{list-style:none;margin:0;padding:0;columns:2;column-gap:2.5rem;column-rule:1px solid var(--rule)}
.memos li{break-inside:avoid;padding:.9rem 0;border-bottom:1px solid var(--rule)}
.memos a{font-family:var(--serif);font-size:1.15rem;font-weight:600;text-decoration:none;color:var(--ink)}
.memos a:hover{color:var(--burgundy)}
.memo-num{font-family:var(--sans);font-size:.8rem;letter-spacing:.1em;color:var(--burgundy);margin-right:.5rem;vertical-align:.1em}
.memos p{margin:.35rem 0 0;font-size:.95rem;color:var(--ink-soft)}
.brief-tool,.framework,.publisher{margin-top:2rem}
.brief-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}
.brief-grid .support img,.brief-grid .support svg{width:100%;height:auto;max-height:32vh;object-fit:cover;border:1px solid var(--rule)}
.brief-tool h2{margin-bottom:.3rem}
.src-line{font-size:.9rem;color:var(--ink-soft)}
.publisher{border:1px solid var(--rule);background:#fbf8f1;padding:1.25rem 1.4rem}

/* forms & controls (tools) */
form{margin:1.25rem 0}
fieldset{border:1px solid var(--rule);padding:1rem 1.15rem;margin:0 0 1.2rem}
legend{font-family:var(--serif);font-size:1.05rem;font-weight:600;padding:0 .4rem}
label{display:block;font-weight:600;margin:.7rem 0 .25rem}
input,textarea,select,button{font:inherit;color:var(--ink)}
input,textarea,select{display:block;width:100%;background:#fffdf7;border:1.5px solid var(--ink-soft);border-radius:0;padding:.55rem .65rem;min-height:2.6rem}
input:focus,textarea:focus,select:focus,button:focus{outline:3px solid var(--focus);outline-offset:1px}
textarea{min-height:7rem;resize:vertical}
button{background:var(--burgundy);color:#fff;border:2px solid var(--burgundy);padding:.6rem 1.3rem;font-weight:600;letter-spacing:.02em;cursor:pointer;margin:.4rem .5rem .4rem 0}
button:hover{background:var(--accent-ink)}
button:disabled,input:disabled,textarea:disabled,select:disabled{background:#e4ded2;color:#5a544a;border-color:#8a8274;cursor:not-allowed;opacity:1}
.tool-status{font-size:.92rem;border-left:3px solid var(--burgundy);padding:.5rem .8rem;background:#fbf8f1;margin:.8rem 0}
details{margin:1rem 0;border:1px solid var(--rule);padding:.6rem .9rem}
summary{cursor:pointer;font-weight:600}
code,pre{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;font-size:.9em}
code{background:#efe9dc;padding:.1em .3em}
pre{background:#2a2620;color:#f5efe1;padding:1rem;overflow-x:auto;border-radius:0}
/* tables scroll in container */
.table-wrap{overflow-x:auto;max-width:100%;margin:1.2rem 0;border:1px solid var(--rule)}
table{border-collapse:collapse;width:100%;font-size:.92rem}
th,td{text-align:left;padding:.5rem .7rem;border-bottom:1px solid var(--rule);vertical-align:top}
th{background:#efe9dc;font-weight:700}
figcaption,.figure figcaption{font-size:.85rem;color:var(--ink-soft);margin-top:.4rem}
figure{margin:1.4rem 0}
graph,.graph svg{display:block;max-width:100%;height:auto;border:1px solid var(--rule);background:#fbf8f1}

@media (min-width:760px){.brief-grid{grid-template-columns:1.4fr 1fr;align-items:start}}
@media (max-width:600px){
  .site-header .wrap{flex-direction:column;align-items:flex-start}
  .site-nav{margin-left:0;font-size:1rem;line-height:1.5}
  .memos{columns:1}
  h1{max-width:100%}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{
  .site-header,.site-footer,.site-nav,.skip-link{display:none!important}
  body{background:#fff;color:#000;font-size:12pt}
  a{color:#000;text-decoration:underline}
  .page{max-width:100%;padding:0}
}

/* Shared publication safeguards for long source URLs and responsive media. */
*,*::before,*::after{box-sizing:border-box}figure{max-width:100%;margin-inline:0}img{max-width:100%;height:auto}main,article,section,aside,fieldset{min-width:0}a,td,th,figcaption{overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere}table{max-width:100%;table-layout:fixed}input,textarea,select{max-width:100%}
