/* Original One Atom styles, integrated into No Mundane v5. */

/* Version 8: the complete concept board keeps its original proportions. */
.atom-landscape-study{margin-top:40px;padding:32px;border:1px solid var(--line);border-radius:18px;background:#0d1116}
.atom-landscape-study h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4vw,48px);font-weight:400;line-height:1.12;letter-spacing:-.025em;margin:12px 0 16px}
.atom-landscape-study>p{max-width:65ch;color:#c2c7cd;font-size:15px;line-height:1.7;margin:0 0 26px}
.atom-landscape-board{margin:0 auto;max-width:1223px}
.atom-landscape-board img{display:block;width:100%;max-width:100%;height:auto}
.atom-landscape-board figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin-top:16px;font-size:12px;line-height:1.7;color:var(--muted)}
.atom-landscape-board figcaption span{max-width:65ch}
.atom-landscape-board a{color:var(--gold2);text-underline-offset:4px}
@media(max-width:720px){.atom-landscape-study{margin-top:28px;padding:22px 16px}.atom-landscape-study>p{font-size:14px}.atom-landscape-board figcaption{flex-direction:column}}

.mode-cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-cards.three .mode-card{min-height:430px}.atom-card{background:radial-gradient(circle at 78% 28%,rgba(91,178,255,.16),transparent 34%),#0c1116}.atom-card:before{border-color:rgba(91,178,255,.4);box-shadow:0 0 0 48px rgba(91,178,255,.032),0 0 0 96px rgba(91,178,255,.018),0 0 60px rgba(91,178,255,.08)}
.atom-mark{border-color:#8fd6ff;box-shadow:inset 0 0 0 5px var(--bg),inset 0 0 0 6px rgba(143,214,255,.55)}.atom-mark:after{background:#8fd6ff;box-shadow:0 0 12px rgba(107,197,255,.8)}.atom-hero h1{max-width:900px}.atom-stat{border-color:#77cfff}.atom-stat strong{color:#9ddfff}.atom-map{background:#07111a}.atom-control .big{color:#ffd178}
.atom-nucleus-pin{filter:drop-shadow(0 0 10px rgba(255,177,58,.95));overflow:visible!important}.atom-nucleus-core{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fff6b9,#f8bc43 31%,#d46c1d 68%,#6f260e);border:1px solid rgba(255,245,195,.9);box-shadow:0 0 9px #ffd06d,0 0 26px #e78b25,0 0 55px rgba(231,139,37,.5)}
.electron-pin{overflow:visible!important}.electron-pin-core{width:15px;height:15px;border-radius:50%;background:#8dd7ff;border:2px solid white;box-shadow:0 0 8px #8dd7ff,0 0 22px rgba(72,177,255,.8);position:relative}.electron-pin-core span{position:absolute;left:20px;top:-5px;white-space:nowrap;background:rgba(4,10,16,.88);border:1px solid rgba(140,213,255,.3);border-radius:7px;padding:3px 6px;color:#dff4ff;font-size:9px;font-weight:650}.electron-dot{width:10px;height:10px;border-radius:50%;background:#7fd4ff;display:inline-block;box-shadow:0 0 9px #5fbfff}
.atom-lower .table-card{padding-bottom:8px}.atom-ratio-viz{padding:26px 24px 22px}.ratio-row{display:grid;grid-template-columns:110px minmax(140px,1fr) 110px;gap:14px;align-items:center;margin:18px 0}.ratio-label{font-size:9px;letter-spacing:.13em;color:#7f8790}.ratio-track{height:8px;background:rgba(255,255,255,.05);border-radius:999px;position:relative;overflow:visible}.ratio-track.long:after{content:"compressed distance →";position:absolute;right:8px;top:-19px;color:#65717c;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.nucleus-tick{width:5px;height:28px;background:#f1b34e;border-radius:4px;position:absolute;left:0;top:-10px;box-shadow:0 0 12px #e98a21}.electron-tick{width:10px;height:10px;border-radius:50%;background:#7fd4ff;position:absolute;right:0;top:-1px;box-shadow:0 0 12px #61c5ff}.ratio-row strong{text-align:right;font-size:11px;color:#d9e7ee}.ratio-copy{font-family:Georgia,serif;font-size:19px;line-height:1.5;color:#d8d5ce;margin:25px 0 5px}.atom-concept{background:radial-gradient(circle at 50% 29%,rgba(70,167,232,.14),transparent 43%),#0d1116}.atom-orb{width:190px;height:190px;border-radius:50%;margin:0 auto 26px;position:relative;background:radial-gradient(circle,rgba(100,194,255,.12) 0 8%,rgba(100,194,255,.055) 9% 28%,rgba(100,194,255,.025) 29% 53%,transparent 54%);border:1px dashed rgba(117,205,255,.32)}.atom-core{position:absolute;width:18px;height:18px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#f0ac3e;box-shadow:0 0 13px #ee8f27}.atom-cloud{position:absolute;border:1px solid rgba(112,205,255,.24);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.atom-cloud.c1{width:58px;height:58px}.atom-cloud.c2{width:110px;height:110px;opacity:.7}.atom-cloud.c3{width:170px;height:170px;opacity:.4}
@media(max-width:1100px){.mode-cards.three{grid-template-columns:1fr 1fr}.mode-cards.three .atom-card{grid-column:1/-1}}
@media(max-width:720px){.mode-cards.three{grid-template-columns:1fr}.mode-cards.three .atom-card{grid-column:auto}.ratio-row{grid-template-columns:85px 1fr}.ratio-row strong{grid-column:2;text-align:left}.atom-orb{width:160px;height:160px}}

.atom-map{min-height:0;height:auto}.atom-ratio-viz{min-width:0}.electron-pin-core span{pointer-events:none}.atom-control .number-row{grid-template-columns:minmax(0,1fr) 100px}.atom-control .number-row input{min-width:0}.bearing-row{grid-template-columns:105px minmax(0,1fr) 38px}.electron-dot{flex-shrink:0}.atom-lower .ratio-row{grid-template-columns:95px minmax(0,1fr) 100px}
@media(max-width:720px){.atom-ratio-viz{padding:24px 16px}.atom-lower .ratio-row{grid-template-columns:85px minmax(0,1fr)}.atom-lower .ratio-row strong{grid-column:2}.atom-lower .ratio-copy{font-size:17px}}