/* ADRs4AI — Direction A "Amber Ledger" (étude 0001 verdict, 2026-08-08).
   Tokens: page #FDF9F1 cream · ink #3A3228 · headings/links amber-700 #B45309
   ("stay toward 700" — vscode ADR-0006) · brand amber-600 #D97706 · cards
   #F6EDDD · rules #EADFC8. System stack per the same verdict. One place for
   all style, per the étude's integration plan — no scattered styles. */
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  background: #FDF9F1; color: #3A3228; line-height: 1.6; font-size: 1.02rem;
}
.wrap { max-width: 46rem; margin: 0 auto; padding: 2.2rem 1.3rem 4rem; }
a { color: #B45309; }
a:hover { color: #92400E; }
h1, h2, h3 { color: #B45309; line-height: 1.25; margin: 1.8rem 0 .6rem; }
h1 { font-size: 1.85rem; letter-spacing: -0.01em; margin-top: .4rem; }
h2 { font-size: 1.25rem; }
h3 { font-size: 1.05rem; color: #92400E; }
p, ul, ol { margin-bottom: .9rem; }
ul, ol { padding-left: 1.4rem; }
code {
  font-family: "SF Mono", Menlo, Consolas, monospace; font-size: .88em;
  background: #F6EDDD; border-radius: 4px; padding: 1px 5px;
}
pre { background: #F6EDDD; border-radius: 8px; padding: .9rem 1rem; overflow-x: auto; margin-bottom: 1rem; }
pre code { background: none; padding: 0; }
blockquote { border-left: 3px solid #D97706; padding-left: .9rem; color: #6A5A44; font-style: italic; margin-bottom: .9rem; }
hr { border: none; border-top: 1px solid #EADFC8; margin: 2rem 0; }
.site-header { display: flex; align-items: baseline; gap: .9rem; flex-wrap: wrap; margin-bottom: .4rem; }
.site-header .name { font-size: 1.15rem; font-weight: 800; color: #B45309; text-decoration: none; }
.site-header nav { display: flex; gap: .9rem; font-size: .85rem; }
.draft-banner {
  background: #F6EDDD; border: 1px solid #EADFC8; border-radius: 8px;
  font-size: .8rem; color: #7A6A50; padding: .5rem .9rem; margin: 1rem 0 1.6rem;
}
.tagline { font-size: 1.12rem; color: #574A38; margin-bottom: 1.4rem; }
.cards { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: .8rem; margin: 1.2rem 0 1.6rem; }
@media (max-width: 640px) { .cards { grid-template-columns: 1fr; } }
.card {
  background: #F6EDDD; border-radius: 8px; padding: .9rem 1rem; font-size: .86rem; line-height: 1.5;
}
.card b { display: block; color: #B45309; margin-bottom: .25rem; font-size: .95rem; }
.card a { text-decoration: none; }
.post-list { list-style: none; padding: 0; }
.post-list li { margin-bottom: .55rem; }
.post-list .date { font-family: "SF Mono", Menlo, monospace; font-size: .78rem; color: #A08868; margin-right: .6rem; }
.footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid #EADFC8; font-size: .78rem; color: #A08868; }
.footer a { color: #A08868; }

.footer-signature{margin-top:1rem}
.footer-signature svg{height:34px;width:auto;color:#B45309;opacity:.85}
.footer-signature svg:hover{opacity:1}

.section-anchor{display:block;width:200px;margin:.9rem auto 1.2rem}
.section-anchor img{width:100%;height:auto;display:block;border-radius:8px}
.section-anchor svg{width:100%;height:auto;display:block}
article hr, .wrap hr{border:none;text-align:center;margin:2.2rem 0}
article hr::after, .wrap hr::after{content:"\25C6  \274B  \25CB";color:#B45309;letter-spacing:.55em;font-size:.85rem;opacity:.8}

.step-img{display:block;width:190px;margin:.5rem auto 1rem;border-radius:8px}
@media (max-width:560px){.step-img{width:150px}}

.phone-shot{width:212px;float:right;margin:.2rem 0 1rem 1.4rem;border-radius:22px;border:1px solid #EADFC8;box-shadow:0 4px 14px rgba(0,0,0,.08)}
@media (max-width:560px){.phone-shot{width:150px;margin-left:.9rem}}

.wide-shot{width:100%;border-radius:10px;border:1px solid #EADFC8;box-shadow:0 4px 16px rgba(0,0,0,.09);margin:1.4rem 0 .4rem}

/* Provenance chronicle folds per Sol's ruling (nothing deleted, depth on demand). */
details.provenance{margin:1.6rem 0;border-top:1px solid #EADFC8;padding-top:.8rem}
details.provenance summary{cursor:pointer;color:#8A4A12;font-size:.85rem;font-style:italic}
details.provenance summary:hover{color:#B45309}

/* The masthead mark — Caliper's scale-inside-the-document, flush right on the
   content column (his stated first preference, Margin ruling 2026-08-25). */
.masthead{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.masthead h1{margin-bottom:.2rem}
.site-mark{flex:none;color:#B45309}
.site-mark svg{width:72px;height:auto;display:block}
@media (max-width:560px){.site-mark svg{width:52px}}