.portrait-switch{display:flex;gap:4px;margin-top:9px;min-width:100px;width:100%;color:#263d34}.portrait-switch button{flex:1 1 0;min-width:0;min-height:48px;padding:5px 2px;border:1px solid #b9c5b9;border-radius:8px;background:#fffdf8;color:#384b40;font:inherit;line-height:1.35;cursor:pointer}.portrait-switch button span,.portrait-switch button b{display:block}.portrait-switch button span{font-size:10px;font-weight:400;margin-bottom:2px}.portrait-switch button b{font-size:11px;font-weight:650;word-break:keep-all}.portrait-switch button[aria-pressed=true]{border:2px solid var(--group-accent,var(--accent,#275e4b));padding:4px 1px;background:var(--group-pale,var(--pale,#e4f4e5));color:var(--group-dark,var(--dark,#1c5039))}.portrait-switch button:focus-visible{outline:3px solid #23704b;outline-offset:3px}.portrait-switch-note{font-size:12px;color:#5e6e61;text-align:center;margin-top:8px}.hero-portrait-panel{min-width:0;background:#fffaf0;display:flex;flex-direction:column;justify-content:center;padding-bottom:20px}.hero-portrait-panel .portrait-switch{width:calc(100% - 36px);margin:5px auto 0;max-width:320px}.hero-portrait-panel .portrait-switch button{min-height:52px;padding:7px}.hero-portrait-panel .portrait-switch button b{font-size:14px}.hero-portrait-panel .portrait-switch button span{font-size:11px}.hero-portrait-panel .portrait-switch button[aria-pressed=true]{padding:6px}
@media(forced-colors:active){.portrait-switch button{border-color:ButtonText}.portrait-switch button[aria-pressed=true]{border:3px solid Highlight}}