/* Atlas method walkthrough */
.am-hero{padding:clamp(44px,6vw,86px) clamp(20px,5vw,78px) 26px}
.am-hero h1{font-family:var(--serif);font-size:clamp(42px,5vw,74px);line-height:.95;letter-spacing:-.045em;margin:20px 0 18px}
.am-hero h1 em{color:var(--clay);font-weight:400}
.am-lede{font-family:var(--serif);font-size:19px;line-height:1.45;max-width:860px}
.am-legend{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}
.am-body{padding:0 clamp(20px,5vw,78px) 40px}
.am-steps{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;border-bottom:1px solid var(--ink);padding-bottom:6px}
.am-steps button{border:1px solid #b9c0bd;background:transparent;padding:8px 8px 7px;text-align:left;cursor:pointer;min-width:0}
.am-steps button b{display:block;font-family:var(--mono);font-size:10px;color:var(--clay)}
.am-steps button span{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-steps button.on{background:var(--night);border-color:var(--night);color:#fff}
.am-steps button.on b{color:#e4b08f}
.am-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;margin-top:20px;align-items:start}
.am-text h2{font-family:var(--serif);font-size:34px;line-height:1.02;letter-spacing:-.025em;margin:4px 0 10px}
.am-text h3{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--clay);margin:20px 0 6px;text-transform:uppercase}
.am-text p{font-size:14.5px;line-height:1.55;margin:0 0 8px}
.am-math{font-family:var(--mono);font-size:13px;background:var(--night);color:#e9eeea;padding:12px 14px;line-height:1.7;overflow-x:auto}
.am-math i{font-style:normal;color:#e4b08f}
.am-math small{display:block;color:#9caaa5;font-size:11px;margin-top:4px}
.am-ex{border:1px solid var(--rule);background:var(--white)}
.am-ex div{display:grid;grid-template-columns:1fr auto;gap:10px;padding:6px 10px;border-bottom:1px solid var(--rule);font-size:13px}
.am-ex div:last-child{border-bottom:0}
.am-ex b{font-family:var(--mono);font-size:12.5px;color:var(--teal)}
.am-note{border-left:3px solid;padding:8px 12px;margin:10px 0;font-size:13.5px;line-height:1.5}
.am-note.fixed{border-color:#e1735b;background:rgba(225,115,91,.06)}
.am-note.choice{border-color:#dfb064;background:rgba(223,176,100,.07)}
.am-note.ok{border-color:#85c5a4;background:rgba(133,197,164,.08)}
.am-note b{font-family:var(--mono);font-size:10px;letter-spacing:.08em;display:block;margin-bottom:2px}
.am-demo{position:sticky;top:76px;background:var(--night);border:1px solid var(--night);padding:12px}
.am-demo canvas{display:block;width:100%;height:440px;background:#0b1412}
.am-ctrls{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:10px;color:#c8d0cc;font-family:var(--mono);font-size:10px}
.am-ctrls label{display:flex;align-items:center;gap:6px}
.am-ctrls input[type=range]{width:120px;accent-color:#c16b46}
.am-ctrls select,.am-ctrls button{border:1px solid #697872;background:transparent;color:#e3e8e5;font-family:var(--mono);font-size:10px;padding:5px 7px;cursor:pointer}
.am-ctrls button.on{border-color:#e4b08f;color:#e4b08f}
.am-ctrls output{color:#f0c3a9;min-width:44px}
.am-cap{font-family:var(--mono);font-size:10px;color:#9caaa5;margin-top:8px;line-height:1.5}
.am-cap b{color:#f0c3a9}
.am-nav{display:flex;justify-content:space-between;align-items:center;margin-top:22px;border-top:1px solid var(--rule);padding-top:12px}
.am-nav button{border:1px solid var(--ink);background:none;padding:9px 12px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.am-nav button:hover{background:var(--ink);color:#fff}
.am-nav span{font-family:var(--mono);font-size:11px;color:var(--muted)}
.am-foot{padding:10px clamp(20px,5vw,78px) 60px;font-size:13px;color:var(--muted)}
.am-foot a{color:var(--clay);text-decoration:underline}
@media(max-width:1000px){.am-panel{grid-template-columns:1fr}.am-demo{position:relative;top:0}.am-steps{grid-template-columns:repeat(4,1fr)}.am-demo canvas{height:360px}}