:root{--bg:#191919;--bg-panel:#242424;--bg-elevated:#2a2a2a;--bg-deep:#212121;--ink:#faf2d6;--muted:#bdae93;--line:#3d3d3d;--line-gold:#f8c537;--word:#e15a2b;--root:#f6c945;--surah:#3fa7d6;--accent:#f8cd37;--accent-soft:#e8d49a;--danger:#c45c5c;--focus:#5b76ff;--font:"Source Serif 4", "Iowan Old Style", Palatino, Georgia, serif;--font-ui:"DM Sans", "Avenir Next", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-ar:"Amiri", "Noto Naskh Arabic", "Traditional Arabic", serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none}a{color:var(--accent)}button,input{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app{grid-template-rows:auto 1fr auto;height:100%;min-height:100dvh;display:grid}.header{border-bottom:1px solid color-mix(in srgb, var(--line-gold) 30%, var(--line));background:color-mix(in srgb, var(--bg-panel) 96%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;min-height:56px;padding:.65rem .9rem;display:flex}.brand{font-family:var(--font);letter-spacing:.01em;color:var(--accent);font-size:1.15rem;font-weight:600}.brand span{color:var(--muted);margin-left:.5rem;font-size:.85rem;font-weight:400}.header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.header-actions a,.header-actions button{border:1px solid var(--line);background:var(--bg-elevated);min-height:40px;color:var(--ink);cursor:pointer;border-radius:6px;padding:0 .85rem;font-size:.85rem;text-decoration:none}.header-actions a:hover,.header-actions button:hover{border-color:var(--muted);color:var(--ink);background:#323232}.header-actions button.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--bg-elevated));color:var(--accent)}.header-actions button.back-btn:disabled{opacity:.35;cursor:default;border-color:var(--line);color:var(--muted)}.header-actions button.back-btn:disabled:hover{border-color:var(--line);color:var(--muted)}.back-trail{text-overflow:ellipsis;white-space:nowrap;max-width:7rem;color:var(--muted);margin-left:.35rem;font-size:.78rem;font-weight:400;overflow:hidden}.header-actions-desktop{display:contents}.header-actions-mobile{display:none;position:relative}.graph-menu{z-index:20;border:1px solid var(--line);background:color-mix(in srgb, var(--bg-panel) 96%, transparent);border-radius:10px;gap:.35rem;min-width:10.5rem;padding:.45rem;display:grid;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 16px 36px #00000073}.graph-menu button{justify-content:flex-start;width:100%;min-height:44px}.sheet-dimmer{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0000006b;border:0;margin:0;padding:0;position:absolute;inset:0}.sheet-chrome{border-bottom:1px solid color-mix(in srgb, var(--line) 80%, transparent);justify-content:space-between;align-items:center;gap:.5rem;margin:0 0 .55rem;padding-bottom:.45rem;display:flex}.sheet-chrome-btn{border:1px solid var(--line);background:var(--bg-elevated);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;border-radius:10px;padding:0 .75rem;font-size:.85rem}.sheet-chrome-close{color:var(--muted)}.sheet-chrome-spacer{flex:1}.results-empty,.results-recent{padding:.85rem}.results-empty p{margin:0 0 .55rem;font-size:.88rem;line-height:1.45}.results-empty .muted{color:var(--muted);margin:0;font-size:.8rem}.results-empty .badge{display:none}.note-root-sense{font-family:var(--font-ui);color:var(--muted);direction:ltr;unicode-bidi:isolate;margin-left:.35rem;font-size:.85rem}.note-root-line{color:var(--muted);margin:.2rem 0 0;font-size:.92rem}.sense-split{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--bg-elevated));border-radius:8px;margin:.55rem 0;padding:.55rem .7rem;font-size:.88rem;line-height:1.4}button.linkish{color:var(--accent);cursor:pointer;min-height:44px;font:inherit;text-align:left;text-underline-offset:2px;background:0 0;border:0;padding:.35rem .15rem;text-decoration:underline}@media (width>=861px){button.linkish{min-height:0;padding:0}}.note-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;display:flex}.tr-toggle{gap:.2rem;display:inline-flex}.tr-toggle button{border:1px solid color-mix(in srgb, var(--line-gold) 35%, var(--line));background:var(--bg-elevated);color:var(--muted);cursor:pointer;border-radius:6px;padding:.2rem .45rem;font-size:.7rem}.tr-toggle button.active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--bg-elevated))}button.linkish.inline{min-height:0;font-size:inherit;padding:0;display:inline}.verse-more{margin:.85rem 0 1.2rem;display:block}.main{min-height:0;display:grid}.main--side{grid-template-columns:minmax(0, 1fr) auto var(--note-width,380px);grid-template-rows:minmax(0,1fr)}.main--stacked{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0, 1fr) auto var(--note-height,40%)}.graph-host{background:radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 56%), var(--bg);min-width:0;min-height:0;position:relative}.main--side .graph-host{border-right:0}.main--stacked .graph-host{border-bottom:0;border-right:0}.resize-handle{z-index:4;background:color-mix(in srgb, var(--bg-panel) 88%, var(--bg));touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.resize-handle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.resize-handle--vertical{cursor:col-resize;border-left:1px solid color-mix(in srgb, var(--line-gold) 35%, var(--line));border-right:1px solid color-mix(in srgb, var(--line-gold) 35%, var(--line));width:26px}.resize-handle--horizontal{cursor:row-resize;border-top:1px solid color-mix(in srgb, var(--line-gold) 35%, var(--line));border-bottom:1px solid color-mix(in srgb, var(--line-gold) 35%, var(--line));height:28px}.resize-handle__grip{background:color-mix(in srgb, var(--line-gold) 70%, var(--muted));opacity:.85;pointer-events:none;border-radius:999px;display:block}.resize-handle--vertical .resize-handle__grip{width:3px;height:2rem}.resize-handle--horizontal .resize-handle__grip{width:2.25rem;height:3px}.resize-handle:hover .resize-handle__grip,.resize-handle:active .resize-handle__grip{background:var(--accent);opacity:1}.graph-pane{min-height:0;position:absolute;inset:0}.graph-pane canvas{touch-action:none}.graph-loading{color:var(--muted);text-align:center;place-items:center;padding:1.25rem;display:grid}.graph-loading>div{border:1px solid color-mix(in srgb, var(--line-gold) 34%, var(--line));background:color-mix(in srgb, var(--bg-panel) 88%, transparent);border-radius:6px;max-width:21rem;padding:1rem}.graph-loading strong,.graph-loading span{display:block}.graph-loading strong{color:var(--accent);margin-bottom:.35rem}.search-wrap{z-index:3;max-width:420px;position:absolute;top:.75rem;left:.75rem;right:.75rem}.search-wrap input{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-elevated) 92%, transparent);width:100%;height:48px;color:var(--ink);box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;outline:none;padding:0 1rem}.search-wrap input:focus{border-color:color-mix(in srgb, var(--accent) 62%, var(--line));box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 8%, transparent)}.search-wrap input::placeholder{color:var(--muted)}.results{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-panel) 97%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;max-height:240px;margin:.35rem 0 0;padding:0;list-style:none;overflow:auto;box-shadow:0 18px 40px #00000080}.results li button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:baseline;gap:.5rem;padding:.7rem .85rem;display:flex}.results li button:hover,.results li button:focus{background:color-mix(in srgb, var(--accent) 7%, transparent)}.badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.09em;color:#111;border-radius:4px;flex-shrink:0;padding:.2rem .45rem;font-size:.65rem;font-weight:500}.badge.word{background:var(--word);color:#1a1a1a}.badge.root{background:var(--root);color:#1a1a1a}.badge.surah{background:var(--surah);color:#1a1a1a}.legend{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);z-index:2;pointer-events:none;flex-wrap:wrap;gap:1.1rem;font-size:.72rem;display:flex;position:absolute;bottom:1rem;left:1.1rem}.legend i{vertical-align:middle;border-radius:50%;width:.56rem;height:.56rem;margin-right:.42rem;display:inline-block}.note-pane{background:var(--bg-panel);border-left:4px solid var(--word);scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding:.95rem 1rem 2rem;overflow:auto}.main--stacked .note-pane{border-left:0;border-top:4px solid var(--word)}.note-pane.empty{color:var(--muted);text-align:center;place-items:center;padding:1.5rem;display:grid}.note-pane.empty h2{font-family:var(--font);color:var(--accent);margin:0 0 .5rem;font-weight:600}.note-sticky{z-index:1;background:linear-gradient(to bottom, var(--bg-panel) 70%, transparent);margin-bottom:.25rem;padding:.75rem 0 .5rem;position:sticky;top:0}.note-pane h1{font-family:var(--font);color:var(--ink);margin:0;font-size:1.55rem;font-weight:400;line-height:1.3}.note-lemma{font-family:var(--font-ar);color:var(--accent-soft);margin:.35rem 0 0;font-size:1.45rem}.note-summary{border:1px solid var(--line);background:var(--bg-elevated);border-radius:6px;margin:.9rem 0 1.35rem;padding:1rem 1.1rem}.note-summary p{margin:.35rem 0;line-height:1.45}.note-stats{color:var(--muted);gap:1rem;margin:0;padding:.5rem 0 .25rem;list-style:none;display:flex}.note-stats strong{color:var(--accent);font-size:1.1rem}.evidence-lede{color:color-mix(in srgb, var(--ink) 90%, var(--muted))}.note-surahs ul{border:1px solid color-mix(in srgb, var(--line) 82%, transparent);background:linear-gradient(to bottom, transparent, var(--bg-elevated)) bottom / 100% 1.25rem no-repeat, color-mix(in srgb, var(--bg-deep) 55%, transparent);scrollbar-color:var(--accent) color-mix(in srgb, var(--line) 65%, transparent);scrollbar-gutter:stable;scrollbar-width:thin;border-radius:8px;max-height:8.25rem;margin:.45rem 0 0;padding:.45rem .7rem .45rem 1.25rem;overflow-y:scroll}.note-surahs ul::-webkit-scrollbar{width:10px}.note-surahs ul::-webkit-scrollbar-track{background:color-mix(in srgb, var(--line) 52%, transparent);border-radius:999px}.note-surahs ul::-webkit-scrollbar-thumb{background:var(--accent);border:2px solid var(--bg-elevated);border-radius:999px}.note-surahs li{padding:.08rem 0}.note-verses h2{font-family:var(--font);color:var(--accent);margin:0 0 .35rem;font-size:1.05rem}.note-verses .muted{color:var(--muted);margin:0 0 .85rem;font-size:.82rem}.verse-card{border:1px solid var(--line);border-left:3px solid var(--word);background:var(--bg-elevated);border-radius:6px;margin:0 0 1rem;padding:0;overflow:hidden}@supports (content-visibility:auto){.verse-card{content-visibility:auto;contain-intrinsic-size:auto 760px}}.verse-ref{border-bottom:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:0;padding:.75rem 1rem;font-size:.92rem;font-weight:600;display:flex}.verse-ref a{font-size:.8rem;font-weight:500}.verse-evidence{border:0;grid-template-columns:1fr;gap:.5rem;margin:0;padding:.85rem 1rem .25rem;display:grid}.verse-evidence div{grid-template-columns:minmax(7rem,.42fr) minmax(0,1fr);align-items:baseline;gap:.65rem;display:grid}.verse-evidence dt{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem}.verse-evidence dd{color:var(--ink);margin:0;line-height:1.4}.verse-card .arabic{font-family:var(--font-ar);text-align:right;background:var(--bg-deep);border:1px solid var(--line);border-radius:6px;margin:.8rem 1rem;padding:.9rem 1rem;font-size:1.45rem;line-height:2.05}.hit{background:color-mix(in srgb, var(--word) 28%, transparent);color:inherit;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:2.5px;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.2em;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;font-weight:700}.hit-ar{background:color-mix(in srgb, var(--accent) 32%, transparent);-webkit-text-decoration-color:var(--word);text-decoration-color:var(--word);padding:0 .1em}.hit-tr,.hit-ur{padding:0 .06em}.verse-word{color:var(--muted);margin:0 1rem .7rem;font-size:.88rem}.verse-card .tr{margin:.75rem 1rem 0;font-size:.92rem;line-height:1.65}.tr-label{text-transform:uppercase;letter-spacing:.11em;color:var(--accent);text-align:left;direction:ltr;margin-bottom:.15rem;font-size:.72rem;font-weight:600;display:block}.verse-card .tr:last-child{margin-bottom:1rem}.note-body h2{color:var(--accent);font-size:1.05rem;font-family:var(--font);margin:1.4rem 0 .5rem}.note-body h3{margin:1rem 0 .4rem;font-size:.95rem}.note-body h4{color:var(--ink);margin:1.2rem 0 .4rem;font-size:.9rem}.note-body p,.note-body li{color:color-mix(in srgb, var(--ink) 92%, var(--muted));line-height:1.55}.note-body ul{padding-left:1.1rem}.note-body .arabic{font-family:var(--font-ar);text-align:right;background:var(--bg-elevated);border:1px solid color-mix(in srgb, var(--line-gold) 40%, var(--line));border-radius:6px;margin:.5rem 0 .75rem;padding:.75rem .9rem;font-size:1.45rem;line-height:2}.note-body code{background:var(--bg-elevated);border-radius:4px;padding:.05rem .3rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.footer{border-top:1px solid color-mix(in srgb, var(--line-gold) 45%, var(--line));color:var(--muted);background:var(--bg-panel);padding:.55rem 1rem;font-size:.72rem;line-height:1.4}.footer a{color:var(--accent)}.hint{color:var(--muted);text-align:center;pointer-events:none;z-index:1;max-width:16rem;font-size:.9rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-guide{display:none}.loading{height:100%;color:var(--muted);place-items:center;display:grid}.verse-sentinel{place-items:center;min-height:52px;display:grid}.verse-sentinel span{border:2px solid color-mix(in srgb, var(--accent) 24%, transparent);border-top-color:var(--accent);opacity:.5;border-radius:50%;width:20px;height:20px}.verse-sentinel.is-loading span{opacity:1;animation:.7s linear infinite verse-loading}@keyframes verse-loading{to{transform:rotate(360deg)}}@media (width<=860px){.app{grid-template-rows:auto minmax(0,1fr);height:100dvh;overflow:hidden}.header{padding:calc(.42rem + env(safe-area-inset-top)) .75rem .55rem;border-bottom-color:color-mix(in srgb, var(--line-gold) 28%, var(--line));align-items:center;gap:.55rem}.brand{flex:auto;width:auto;min-width:0;font-size:1.18rem;line-height:1.05}.brand span{text-overflow:ellipsis;white-space:nowrap;margin:.18rem 0 0;font-size:.65rem;line-height:1.35;display:none;overflow:hidden}.header-actions{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex:none;gap:.28rem;width:auto;padding-bottom:.05rem;overflow-x:auto}.header-actions::-webkit-scrollbar{display:none}.header-actions button{background:color-mix(in srgb, var(--bg-panel) 78%, var(--bg));-webkit-tap-highlight-color:transparent;border-radius:10px;flex:none;min-height:44px;padding:0 .72rem;font-size:.78rem}.header-actions-desktop{display:none}.header-actions-mobile{display:block}.back-trail{display:none}.main--stacked{background:var(--bg);min-height:0;display:block;position:relative;overflow:hidden}.main--stacked .graph-host{border-bottom:1px solid color-mix(in srgb, var(--line-gold) 28%, var(--line));min-height:0;position:absolute;inset:0}.search-wrap{z-index:4;max-width:none;top:.55rem;left:.75rem;right:.75rem}.search-wrap input{background:color-mix(in srgb, var(--bg-elevated) 82%, transparent);border-radius:12px;height:44px;font-size:16px}.results{border-radius:14px;max-height:min(280px,42dvh)}.results li button{min-height:44px}.legend{gap:.8rem;font-size:.6rem;transition:opacity .18s;bottom:.65rem;left:.8rem;right:.8rem}.main--sheet-open .legend{opacity:0}.legend i{width:.48rem;height:.48rem;margin-right:.32rem}.resize-handle--horizontal{left:0;right:0;bottom:var(--note-height,52px);z-index:6;background:linear-gradient(to bottom, color-mix(in srgb, var(--word) 92%, transparent), color-mix(in srgb, var(--word) 92%, transparent)) top / 100% 4px no-repeat, var(--bg-panel);opacity:0;pointer-events:none;will-change:bottom;border-top:0;border-bottom:0;height:36px;transition:bottom .34s cubic-bezier(.16,1,.3,1),opacity .18s;position:absolute;transform:translateY(50%)}.main--sheet-ready .resize-handle--horizontal{opacity:1;pointer-events:auto}.resize-handle--horizontal .resize-handle__grip{background:color-mix(in srgb, var(--accent) 72%, var(--muted));width:3.2rem;height:5px;box-shadow:0 0 0 8px color-mix(in srgb, var(--bg-panel) 92%, transparent)}.main--stacked .note-pane{z-index:5;height:var(--note-max-height,calc(100% - 52px));padding:.75rem .85rem calc(1.4rem + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg-panel) 98%, #000);will-change:transform;pointer-events:none;border-top:0;border-left:0;border-radius:20px 20px 0 0;margin-top:0;transition:transform .34s cubic-bezier(.16,1,.3,1),box-shadow .22s;position:absolute;bottom:0;left:0;right:0;transform:translateY(calc(100% + 2rem));box-shadow:0 -24px 56px #00000080}.main--sheet-ready .note-pane{transform:translateY(calc(var(--note-max-height,100%) - var(--note-height,52px)));pointer-events:auto}.main--sheet-ready:not(.main--sheet-open) .note-pane>*{opacity:0;pointer-events:none}.main--sheet-open .note-pane>*{opacity:1;transition:opacity .15s 60ms}.main--sheet-dragging .note-pane,.main--sheet-dragging .resize-handle--horizontal{transition:none}.touch-guide{z-index:5;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;background:#141414e6;border:1px solid #fff3;border-radius:14px;grid-template-columns:68px minmax(0,1fr);align-items:center;width:min(310px,100% - 2rem);min-height:76px;padding:.72rem .85rem;animation:.42s cubic-bezier(.16,1,.3,1) both touch-guide-in;display:grid;position:absolute;bottom:5.2rem;left:50%;box-shadow:0 16px 44px #0000006b}.touch-guide p{gap:.22rem;margin:0;font-size:.72rem;line-height:1.35;display:grid}.touch-guide p span:first-child{color:var(--ink);font-weight:600}.touch-guide p span:not(:first-child){color:color-mix(in srgb, var(--ink) 70%, transparent)}.touch-guide__gesture{width:56px;height:50px;position:relative}.touch-guide__node{border:2px solid #ffffffeb;border-radius:50%;width:12px;height:12px;position:absolute;top:17px;left:22px;box-shadow:0 0 0 6px #ffffff14}.touch-guide__finger{background:#ffffff0f;border:2px solid #fff;border-radius:9px 9px 7px 7px;width:13px;height:24px;position:absolute;top:14px}.touch-guide__finger:after{content:"";background:#fff;width:2px;height:10px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.touch-guide__finger--left{animation:1.8s ease-in-out .35s 2 touch-pinch-left;left:3px;transform:rotate(-18deg)}.touch-guide__finger--right{animation:1.8s ease-in-out .35s 2 touch-pinch-right;right:3px;transform:rotate(18deg)}@keyframes touch-guide-in{0%{opacity:0;transform:translate(-50%,14px)scale(.97)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes touch-pinch-left{0%,to{transform:translate(0)rotate(-18deg)}50%{transform:translate(10px)rotate(-8deg)}}@keyframes touch-pinch-right{0%,to{transform:translate(0)rotate(18deg)}50%{transform:translate(-10px)rotate(8deg)}}.note-sticky{background:color-mix(in srgb, var(--bg-panel) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb, var(--line) 80%, transparent);margin:-.75rem -.85rem .7rem;padding:.7rem .85rem .55rem;top:-.75rem}.note-meta{margin-bottom:.35rem}.tr-toggle button{border-radius:9px;min-width:44px;min-height:44px;padding:0 .65rem;font-size:.72rem}.note-pane h1{font-size:1.28rem;line-height:1.15;display:inline}.note-lemma{float:right;text-align:right;margin-top:-.1rem;font-size:1.32rem}.note-summary,.verse-card{border-radius:14px}.note-summary{background:0 0;border:0;border-radius:0;margin-top:.55rem;padding:.35rem 0 .7rem}.note-surahs ul{scrollbar-gutter:auto;background:0 0;border:0;border-radius:0;max-height:none;padding:.35rem 0 .15rem 1.1rem;overflow:visible}.verse-ref{padding:.85rem 1rem}.verse-evidence{padding:.85rem 1rem .3rem}.verse-ref,.verse-evidence div{grid-template-columns:1fr;display:grid}.verse-card .arabic{border-radius:12px;margin:.9rem 1rem;font-size:1.36rem;line-height:2}.verse-card .tr{font-size:.94rem}.footer{display:none}@media (prefers-reduced-motion:reduce){.main--stacked .note-pane,.resize-handle--horizontal,.touch-guide,.touch-guide__finger{transition:none;animation:none}.verse-sentinel span{animation:none}}}@media (width<=430px){.header{padding-left:.65rem;padding-right:.65rem}.brand{font-size:1.08rem}.header-actions{flex-wrap:nowrap;flex:none;width:auto;display:flex;overflow-x:auto}.header-actions button{white-space:nowrap;width:auto;min-width:44px;min-height:44px;padding:0 .7rem;font-size:.78rem}.main--stacked{display:block}.legend{gap:.72rem;font-size:.58rem}}