/* Oct 30 PREVIEW: Learn pages (carbonado). Always dark, gold/silver accents, serif headings. */
.home-tl{--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)}
.home-tl header{background:rgba(7,8,12,.9);border-bottom-color:var(--lline)}.home-tl header a,.home-tl #tt{color:var(--lfg)}.home-tl .brand span{color:var(--gold)}
.home-tl a{color:var(--gold)}.home-tl 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))}
.home-tl{--bgimg:url(/media/learn/bg-cas-a-1920.webp)}
@media (max-width:820px),(hover:none){.home-tl{--bgimg:url(/media/learn/bg-cas-a-900.webp)}.l-bg{position:absolute;height:100%;min-height:100vh}.home-tl{position:relative}}
@media (prefers-reduced-motion:reduce){.l-bg{position:absolute;height:100%}}
.home-tl h1,.home-tl h2,.home-tl h3{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:.01em;color:#f6f1e3}
.home-tl h1{font-size:clamp(2rem,5vw,3.1rem);line-height:1.15;margin:.2em 0 .3em}
.home-tl .kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700}
.home-tl .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)}
.home-tl 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}
/* Oct 31 preview: blog + essay links + microscope gallery */
.l-more{margin:.6rem 0 0}.l-more a{font-weight:700;text-decoration:none;border-bottom:1px solid currentColor}
.b-art p{margin:0 0 1.05em;line-height:1.7}.b-pn{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:1.5rem 0}
.mg-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.mg-grid img{width:100%;height:auto;border-radius:10px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* LS-016: long reference URLs wrap instead of scrolling sideways */
.l-src li,.l-src a,.refs li,.refs a{overflow-wrap:anywhere;word-break:break-word}

/* LS-034: images never wider than the column (no sideways scroll at 375px) */
figure img{max-width:100%;height:auto}

/* Transparent Earth cutout (stage 6): nothing drawn behind or around it, so the .l-bg starfield shows to the globe's edge */
figure.earth-cutout,figure.earth-cutout .ec-wrap{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0}
figure.earth-cutout .ec-wrap{position:relative;display:block;max-width:100%}
figure.earth-cutout img,.tl figure.earth-cutout img{display:block;width:100%;max-width:100%;height:auto;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important}
figure.earth-cutout .ec-credit{position:absolute;left:0;right:0;bottom:17%;text-align:center;font-size:.7rem;line-height:1.2;letter-spacing:.02em;color:rgba(255,255,255,.85);text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 6px rgba(0,0,0,.6);pointer-events:none;padding:0 8px}
/* Oct 31 PREVIEW: full Learn timeline on the home page, same layout as /learn/. */
.home-tl{margin:2.5rem 0;padding:1.5rem clamp(1rem,3vw,2rem);border-radius:14px;overflow:hidden}
.home-tl .l-more a,.home-tl .tl a{overflow-wrap:anywhere}