/* Real Agentic OS navigation. Every section is read from lib/navigation.js */
.hero h1{font-size:clamp(62px,7.4vw,128px);letter-spacing:-.085em;white-space:normal}
.page[data-view="home"] .hero h1{font-size:clamp(60px,6.8vw,114px)}
.cards.complete-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;max-width:1480px;margin:auto;padding:20px 4% 55px;align-items:start}
.real-level{border:1px solid #a2d9d590;background:#030b10ef;min-width:0}
.level-heading{width:100%;border:0;background:transparent;color:#e8f7f5;min-height:78px;display:flex;align-items:center;gap:12px;padding:12px 14px;text-align:left;font:700 12px/1.3 'Courier New',monospace;cursor:pointer}
.level-heading:hover,.level-heading[aria-expanded="true"]{background:#18413dc7}
.level-heading .tile-icon{height:45px;width:46px;flex:0 0 46px}
.level-heading .tile-icon svg{width:27px;height:27px}
.level-heading>span:nth-child(2){flex:1}
.level-heading small{font-size:10px;color:#afcfc9;white-space:nowrap}
.chevron{font-size:21px;min-width:16px;text-align:center;color:#b4fff1}
.level-contents{padding:10px 15px 17px;border-top:1px solid #a2d9d555;max-height:380px;overflow:auto}
.level-contents[hidden]{display:none}
.real-route{display:block;padding:10px 5px;border-bottom:1px solid #a2d9d52b;font:11px/1.5 'Courier New',monospace;text-decoration:none;overflow-wrap:anywhere}
.real-route:hover{color:#0c2623;background:#cbfff1}
.level-contents h3{font-size:11px;margin:15px 0 6px;color:#adffef;letter-spacing:.06em}
.cards.home-grid{max-width:1200px}
.page[data-view="levels"] .gridspace{min-height:clamp(560px,66vh,690px)}
.page[data-view="about"] .gridspace{min-height:clamp(560px,67vh,710px)}
.page[data-view="home"] .gridspace{min-height:clamp(570px,69vh,725px)}
.bottom{justify-content:center;min-height:53px}
@media(max-width:1050px){.cards.complete-levels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.tabs>a{display:none!important}.tabs{width:100%;display:flex;justify-content:stretch}.tabs>button{flex:1;min-width:0;padding:11px 5px}.cards.complete-levels{grid-template-columns:1fr;padding:12px 5% 45px}.hero h1,.page[data-view="home"] .hero h1{font-size:clamp(45px,12vw,78px);line-height:1.05}.page[data-view="levels"] .gridspace,.page[data-view="about"] .gridspace,.page[data-view="home"] .gridspace{min-height:0}.bottom{justify-content:center}}