/* wiredrum.llc - transfer lab. Cream paper, ink text, amber accent. */
:root{
  --wd-paper:#f7f3ea; --wd-paper2:#efe9dc; --wd-ink:#1b1a17; --wd-ink2:#4a463d;
  --wd-rule:#d7cdb8; --wd-amber:#9a6a12; --wd-amber2:#c48f2a; --wd-red:#8a2f22;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--wd-paper); color:var(--wd-ink);
  font:16px/1.62 Georgia,"Iowan Old Style",ui-serif,"Times New Roman",serif;
}
.wd-mono,code,kbd,.wd-spec dt,.wd-tag{font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace}

/* ---- shell ---- */
.wd-wrap{max-width:62rem;margin:0 auto;padding:0 1.25rem}
.wd-top{border-bottom:1px solid var(--wd-rule);background:var(--wd-paper2)}
.wd-top .wd-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;padding-top:.85rem;padding-bottom:.85rem}
.wd-logo{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--wd-ink)}
.wd-logo svg{display:block}
.wd-logo b{font-size:1.12rem;letter-spacing:.02em}
.wd-logo span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--wd-ink2)}
.wd-menu{margin-left:auto;display:flex;flex-wrap:wrap;gap:.1rem .95rem;font-size:.9rem}
.wd-menu a{color:var(--wd-ink2);text-decoration:none;border-bottom:1px solid transparent;padding:.1rem 0}
.wd-menu a:hover{color:var(--wd-ink);border-bottom-color:var(--wd-amber2)}
.wd-menu a[aria-current="page"]{color:var(--wd-ink);border-bottom-color:var(--wd-amber)}

main{padding:2.1rem 0 2.6rem}
.wd-kicker{font:.74rem/1.3 ui-monospace,monospace;letter-spacing:.17em;text-transform:uppercase;color:var(--wd-amber);margin:0 0 .5rem}
h1{font-size:2.05rem;line-height:1.16;margin:0 0 .7rem;font-weight:normal}
h2{font-size:1.4rem;line-height:1.25;margin:2.1rem 0 .6rem;font-weight:normal;padding-left:.7rem;border-left:3px solid var(--wd-amber)}
h3{font-size:1.06rem;margin:1.4rem 0 .4rem;font-weight:bold}
p{margin:0 0 .95rem;max-width:46rem}
a{color:var(--wd-amber);text-decoration-thickness:1px;text-underline-offset:2px}
ul,ol{max-width:46rem;padding-left:1.2rem}
li{margin-bottom:.35rem}
.wd-lede{font-size:1.1rem;color:var(--wd-ink2)}
.wd-note{font-size:.9rem;color:var(--wd-ink2)}

/* ---- spec rail: dt/dd pairs in a monospace column ---- */
.wd-spec{display:grid;grid-template-columns:13rem 1fr;gap:.35rem 1.1rem;margin:1.2rem 0;max-width:46rem}
.wd-spec dt{font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--wd-ink2);padding-top:.15rem}
.wd-spec dd{margin:0}

/* ---- tables ---- */
.wd-tbl{width:100%;border-collapse:collapse;margin:1.1rem 0;font-size:.93rem}
.wd-tbl caption{caption-side:top;text-align:left;font-size:.84rem;color:var(--wd-ink2);padding-bottom:.4rem}
.wd-tbl th,.wd-tbl td{border-bottom:1px solid var(--wd-rule);padding:.5rem .6rem;text-align:left;vertical-align:top}
.wd-tbl thead th{border-bottom:2px solid var(--wd-ink);font-size:.78rem;letter-spacing:.07em;text-transform:uppercase}
.wd-tbl tbody tr:nth-child(odd){background:rgba(215,205,184,.22)}
.wd-num{text-align:right;font-family:ui-monospace,monospace;white-space:nowrap}
.wd-scroll{overflow-x:auto}

/* ---- callout + cards ---- */
.wd-box{border:1px solid var(--wd-rule);background:var(--wd-paper2);padding:.95rem 1.1rem;margin:1.3rem 0;max-width:46rem}
.wd-box h3{margin-top:0}
.wd-warn{border-left:4px solid var(--wd-red)}
.wd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:1.4rem 0}
.wd-card{border-top:2px solid var(--wd-ink);padding-top:.7rem}
.wd-card h3{margin:0 0 .3rem}
.wd-card p{margin:0;font-size:.93rem;color:var(--wd-ink2)}

/* ---- journal ---- */
.wd-log{list-style:none;padding:0;margin:1.4rem 0;max-width:48rem}
.wd-log>li{border-top:1px solid var(--wd-rule);padding:1rem 0}
.wd-log time{font:.78rem/1 ui-monospace,monospace;letter-spacing:.08em;color:var(--wd-amber);display:block;margin-bottom:.35rem}
.wd-log h3{margin:0 0 .4rem}

.wd-tag{display:inline-block;font-size:.72rem;letter-spacing:.06em;border:1px solid var(--wd-rule);padding:.1rem .4rem;color:var(--wd-ink2)}
figure{margin:1.4rem 0;max-width:46rem}
figcaption{font-size:.84rem;color:var(--wd-ink2);margin-top:.45rem}
.wd-dia{width:100%;height:auto;border:1px solid var(--wd-rule);background:#fff}

.wd-foot{border-top:1px solid var(--wd-rule);background:var(--wd-paper2);font-size:.86rem;color:var(--wd-ink2)}
.wd-foot .wd-wrap{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;padding:1.2rem 1.25rem}
.wd-foot a{color:var(--wd-ink2)}

@media (max-width:620px){
  h1{font-size:1.6rem}
  .wd-spec{grid-template-columns:1fr;gap:.1rem}
  .wd-spec dd{margin-bottom:.6rem}
  .wd-menu{font-size:.84rem;gap:.1rem .7rem}
}
@media (prefers-color-scheme:dark){
  :root{--wd-paper:#15150f;--wd-paper2:#1d1c16;--wd-ink:#eee7d6;--wd-ink2:#aaa392;
        --wd-rule:#3b382e;--wd-amber:#d2a24a;--wd-amber2:#e8c37a;--wd-red:#d2705c}
  .wd-tbl tbody tr:nth-child(odd){background:rgba(59,56,46,.4)}
  .wd-dia{background:#0f0f0b}
}