
/* Ella Blueprint Atlas v3 · client-facing full-depth layer */
.atlas-intro{margin:14px 0 18px;padding:18px;border:1px solid rgba(216,181,109,.28);border-radius:22px;background:linear-gradient(145deg,rgba(18,48,58,.82),rgba(8,20,30,.9))}
.atlas-intro h2{margin:.15rem 0 .45rem}.atlas-intro p{color:#d8d3cc;margin:.35rem 0}.atlas-count{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.atlas-count span{font-size:.7rem;border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:var(--muted)}
.atlas-groups{display:grid;gap:18px;margin:16px 0 26px}.atlas-group{border-top:1px solid var(--line);padding-top:16px}.atlas-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.atlas-group-head h3{margin:0;font-size:1.35rem}.atlas-group-head p{margin:2px 0 0;color:var(--muted);font-size:.82rem}.atlas-room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.atlas-room-btn{position:relative;overflow:hidden;text-align:left;border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,#102633,#091721);color:var(--ink);padding:15px;min-height:140px}
.atlas-room-btn:hover,.atlas-room-btn:focus{border-color:rgba(216,181,109,.55);outline:none}.atlas-room-btn .glyph{display:block;font:1.45rem Georgia,serif;color:#f0dba9}.atlas-room-btn b{display:block;margin:.35rem 0 .25rem;font:1.05rem Georgia,serif}.atlas-room-btn small{display:block;color:var(--muted);line-height:1.4}.atlas-room-btn .micro{position:absolute;right:10px;top:9px;font-size:.58rem;text-transform:uppercase;letter-spacing:.09em;color:#8ea4aa}
.atlas-route{padding:18px 0 34px}.atlas-back{border:0;background:transparent;color:#f0dba9;padding:7px 0 12px;font-weight:850}.atlas-route-hero{position:relative;overflow:hidden;border:1px solid rgba(216,181,109,.26);background:linear-gradient(145deg,#12303a,#09151f);border-radius:28px;padding:24px;margin-bottom:13px}.atlas-route-hero:after{content:attr(data-glyph);position:absolute;right:20px;top:-22px;font:7rem Georgia,serif;color:rgba(216,181,109,.055)}.atlas-route-hero h1{font-size:clamp(2rem,7vw,3.8rem);margin:.12rem 0 .35rem}.atlas-route-hero p{font-family:Georgia,serif;color:#ded7cd;font-size:1.05rem;max-width:760px}
.atlas-status{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.atlas-status span{border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:.64rem;color:var(--muted)}.atlas-status .fact{color:#c7e2df}.atlas-status .symbol{color:#e8d3eb}.atlas-status .model{color:#f0dfbd}
.atlas-story{border-left:2px solid var(--gold);padding:13px 15px;background:rgba(216,181,109,.055);border-radius:0 12px 12px 0;font-family:Georgia,serif;font-size:1.08rem;color:#f0dfbd;margin:12px 0}
.atlas-cards{display:grid;gap:10px}.atlas-card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,#0e202c,#091720);padding:17px}.atlas-card h3{margin:.1rem 0 .45rem;font-size:1.22rem}.atlas-card p{margin:.35rem 0;color:#ddd7cf}.atlas-card .tag{display:inline-block;font-size:.6rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900;border:1px solid var(--line);border-radius:999px;padding:4px 7px;color:#a9bac0}.atlas-card .tag.fact{color:#b8ddd9;border-color:#315d61}.atlas-card .tag.symbol{color:#e6cfe9;border-color:#5a4766}.atlas-card .tag.model{color:#ead6ad;border-color:#67542f}.atlas-card .tag.practice{color:#c8e0cc;border-color:#385542}
.atlas-deep{margin-top:10px;border:1px solid rgba(131,185,182,.2);border-radius:13px;background:rgba(131,185,182,.035);overflow:hidden}.atlas-deep summary{cursor:pointer;list-style:none;padding:10px 11px;color:#c9e0df;font-size:.78rem;font-weight:850}.atlas-deep summary::-webkit-details-marker{display:none}.atlas-deep .inside{padding:0 11px 12px;color:var(--muted);font-size:.84rem}.atlas-deep .inside b{color:#e9e0d5}
.atlas-question{margin:12px 0;border:1px solid rgba(216,181,109,.25);border-radius:16px;padding:14px;background:rgba(216,181,109,.04)}.atlas-question b{display:block;color:#f0dba9;font-family:Georgia,serif;font-size:1.04rem}.atlas-question p{margin:.3rem 0 0;color:#ddd7cf}
.atlas-source{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.atlas-source a{border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:#c9e0df;text-decoration:none;font-size:.72rem}.atlas-source a:hover{border-color:#6d9295}
.atlas-note{margin-top:14px}.atlas-note textarea{width:100%;min-height:105px;background:#08151e;color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:12px;resize:vertical}.atlas-note button{margin-top:8px}
.atlas-inline{margin:15px 0}.atlas-inline h3{margin-bottom:8px}.atlas-inline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.atlas-inline-btn{text-align:left;border:1px solid var(--line);border-radius:16px;background:#0b1923;color:var(--ink);padding:13px;min-height:112px}.atlas-inline-btn b{display:block;font-family:Georgia,serif;color:#f0dba9}.atlas-inline-btn small{display:block;color:var(--muted);margin-top:5px;line-height:1.35}
.atlas-code-table{display:grid;gap:7px;margin:8px 0}.atlas-code-row{display:grid;grid-template-columns:minmax(105px,.7fr) 1.3fr;gap:10px;border-bottom:1px solid rgba(40,64,75,.65);padding:8px 0}.atlas-code-row b{color:#f0dba9}.atlas-code-row span{color:#d7d1c9}
.atlas-glossary{display:grid;gap:8px}.atlas-term{border:1px solid var(--line);border-radius:15px;background:#0b1923;padding:13px}.atlas-term b{font-family:Georgia,serif;color:#f0dba9}.atlas-term p{margin:.35rem 0;color:#d9d2ca}.atlas-term details{margin-top:7px}.atlas-term summary{color:#a9c8cc;cursor:pointer;font-size:.76rem;font-weight:800}.atlas-term details div{color:var(--muted);font-size:.8rem;padding-top:6px}
.atlas-protect{border:1px solid rgba(167,147,181,.35);background:rgba(167,147,181,.06);border-radius:16px;padding:13px;margin:10px 0}.atlas-protect b{color:#decce8}.atlas-warning{border:1px solid rgba(213,154,150,.35);background:rgba(213,154,150,.05);border-radius:16px;padding:13px;margin:10px 0}.atlas-warning b{color:#e6bab6}
@media(max-width:680px){.atlas-room-grid,.atlas-inline-grid{grid-template-columns:1fr}.atlas-room-btn{min-height:0}.atlas-route-hero{padding:20px}.atlas-code-row{grid-template-columns:1fr}.atlas-group-head{display:block}}
