/* Navigation stays accessible on mobile, including to crawlers without JavaScript. */
.brand .app-icon{display:block;object-fit:contain;background:none;flex-shrink:0;border-radius:8px}
.nav{flex-wrap:wrap}.navlinks{flex-wrap:wrap}.nav a:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:4px}
.app-preview{margin:0;justify-self:end;max-width:290px}.app-preview img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 20px 60px #0005}.app-preview figcaption{margin-top:12px;font-size:.8rem;color:var(--muted)}
.article.wrap{width:min(760px,calc(100% - 40px))}.article h2{scroll-margin-top:24px}.article .button{text-decoration:none;color:var(--ink)}.article .callout h3{margin-top:0}.article .callout{margin-block:30px}.related{border-top:1px solid var(--line);margin-top:42px}.guide-grid{padding-top:0}
.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid var(--line)}th{color:var(--mint)}td{color:var(--muted)}
.calculator{padding:25px;border:1px solid var(--line);border-radius:20px;background:var(--surface);display:grid;gap:18px}.calculator label{display:grid;gap:7px;font-weight:600}.calculator input{min-width:0;width:100%;padding:12px;background:var(--bg);border:1px solid #79649a;border-radius:10px;color:var(--ink);font:inherit}.calculator button{font:inherit;color:var(--ink);border:0;cursor:pointer}.calculator output{padding:15px;border:1px solid var(--line);border-radius:12px;color:var(--mint)}
@media(max-width:760px){.navlinks{display:flex;width:100%;order:3;gap:8px 16px;font-size:.88rem}.nav .button{min-height:42px;padding-inline:14px}.hero h1{font-size:clamp(2.4rem,9vw,3.3rem)}.app-preview{justify-self:center;width:min(240px,100%)}.calculator{padding:18px}th,td{padding:10px}footer .wrap span{display:block;margin-bottom:16px}}