/* Oct 30 PREVIEW: Learn pages (carbonado). Always dark, gold/silver accents, serif headings. */
body.learn{--lbg:#07080c;--lfg:#ece8dc;--lmut:#c9c3b3;--gold:#d9b96a;--silver:#c8ccd4;--lcard:rgba(10,11,16,.86);--lline:rgba(217,185,106,.28);background:var(--lbg);color:var(--lfg)}
body.learn header{background:rgba(7,8,12,.9);border-bottom-color:var(--lline)}body.learn header a,body.learn #tt{color:var(--lfg)}body.learn .brand span{color:var(--gold)}
body.learn a{color:var(--gold)}body.learn a:hover{color:#f0d993}
.l-bg{position:fixed;inset:0;z-index:-2;background:var(--bgimg,#07080c) center/cover no-repeat}
.l-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(5,6,10,.84),rgba(5,6,10,.9))}
body.learn{--bgimg:url(/media/learn/bg-cas-a-1920.webp)}
@media (max-width:820px),(hover:none){body.learn{--bgimg:url(/media/learn/bg-cas-a-900.webp)}.l-bg{position:absolute;height:100%;min-height:100vh}body.learn{position:relative}}
@media (prefers-reduced-motion:reduce){.l-bg{position:absolute;height:100%}}
body.learn h1,body.learn h2,body.learn h3{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:.01em;color:#f6f1e3}
body.learn h1{font-size:clamp(2rem,5vw,3.1rem);line-height:1.15;margin:.2em 0 .3em}
body.learn .kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700}
body.learn .lead{color:var(--lmut);font-size:1.12rem;max-width:62ch}
.l-prose{max-width:70ch;font-size:1.06rem;line-height:1.8}.l-prose p{margin:0 0 1.15em}
.l-note{border:1px solid var(--lline);background:var(--lcard);border-radius:14px;padding:14px 18px;margin:22px 0;color:var(--lfg)}
.badge{display:inline-block;font:700 .72rem/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:999px;margin-right:8px;vertical-align:middle}
.b-theory{color:#0b0b0b;background:var(--gold)}.b-record{color:#0b0b0b;background:var(--silver)}.b-spec{color:#f6f1e3;background:transparent;border:1px dashed #e3a96b}
.tl{list-style:none;margin:30px 0 40px;padding:0 0 0 28px;position:relative;max-width:820px}
.tl::before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--gold),var(--silver))}
.tl>li{position:relative;margin:0 0 44px}.tl>li::before{content:"";position:absolute;left:-25px;top:8px;width:14px;height:14px;border-radius:50%;background:#07080c;border:2px solid var(--gold);box-shadow:0 0 10px rgba(217,185,106,.6)}
.tl .when{display:block;color:var(--gold);font:600 .95rem/1.4 Georgia,serif;margin:6px 0 2px}
.tl h3{font-size:1.45rem;margin:4px 0 10px}
.tl figure{margin:12px 0 10px}.tl img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--lline);background:#000}
.tl figcaption,.l-fig figcaption{color:var(--lmut);font-size:.86rem;margin-top:6px;line-height:1.5}
.tl .inset{max-width:300px}
.tl .sci{background:var(--lcard);border:1px solid var(--lline);border-radius:12px;padding:12px 16px;line-height:1.7}
.tl .sci b{color:#f6f1e3}
sup a{text-decoration:none;font-size:.75em}
.l-cards{display:grid;gap:16px;grid-template-columns:1fr;margin:26px 0}@media(min-width:760px){.l-cards{grid-template-columns:repeat(3,1fr)}}
.l-cards a{display:block;background:var(--lcard);border:1px solid var(--lline);border-radius:14px;padding:18px;text-decoration:none;color:var(--lfg)}.l-cards a h3{margin:0 0 8px;font-size:1.2rem}.l-cards a p{color:var(--lmut);margin:0}
.l-src{font-size:.88rem;line-height:1.6;color:var(--lmut);max-width:80ch}.l-src li{margin:0 0 6px}
.l-credits{font-size:.84rem;color:var(--lmut);max-width:90ch}
.l-fig{margin:22px 0;max-width:820px}.l-fig img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--lline)}
body.learn footer{background:rgba(7,8,12,.92);border-top:1px solid var(--lline);color:var(--lmut)}

/* Oct 30: transparent specimen cutouts (background-removal rule) */
img.cutout{background:radial-gradient(ellipse at center,rgba(128,128,128,.16),rgba(128,128,128,.04) 70%,transparent);filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));object-fit:contain;border-radius:8px;padding:6px}

/* v7: keep specimen photos compact */
figure img[src*="/learn/asa-"]{max-height:440px;width:auto;max-width:100%;margin:0 auto;display:block}
/* v7b: Skully gallery (one specimen, several views) */
figure.skully .sk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;align-items:center}
figure.skully .sk-grid img{width:100%;height:auto;max-height:260px;object-fit:contain}
figure.skully .sk-grid img:last-child{grid-column:1/-1;max-height:340px}