/* LEDGER20 interactive layout selector. The four layout sheets retain baseline appearance. */
.layoutChooser{display:flex;align-items:center;gap:4px;flex:none;padding:3px;border:1px solid #6b5330;border-radius:5px;background:#302516;box-shadow:0 2px 5px rgba(0,0,0,.5)}
.layoutChooser>span{padding:0 6px;font-size:9px;letter-spacing:.15em;font-variant:small-caps;color:#dbc294;white-space:nowrap}
.layoutChooser button{min-height:28px;padding:4px 8px;border:1px solid transparent;border-radius:3px;background:transparent;color:#dbc294;font:inherit;font-size:10px;letter-spacing:.05em;cursor:pointer;white-space:nowrap}
.layoutChooser button:hover,.layoutChooser button:focus-visible{border-color:#7a5f33;outline:0}
.layoutChooser button.on{border-color:#7a5f33;background:#e2c99b;color:#2a2010;box-shadow:0 1px 0 rgba(255,255,255,.55) inset}
.layoutChooser button small{display:block;font-size:8px;letter-spacing:.03em;opacity:.78}
@media(max-width:940px){.layoutChooser{order:20;width:100%;overflow-x:auto}.layoutChooser>span{position:sticky;left:0;background:#302516}.layoutChooser button{min-width:92px}}