/* Functional screens continue the approved scene's material and typography. */
body{margin:0}*{box-sizing:border-box}.demo-runtime,.demo-toolbar{font-family:var(--sans)}.demo-toolbar{display:flex;align-items:center;justify-content:center;gap:12px 30px;padding:5px 18px;min-height:54px;background:#f6f3ed;color:#453c36;border-bottom:1px solid #d8d2c8}.demo-toolbar a{font:11px var(--sans);min-height:44px;display:flex;align-items:center;text-decoration:none}.demo-toolbar a:hover{text-decoration:underline;text-underline-offset:4px}.demo-toolbar a:focus-visible{outline:2px solid #9e4e36;outline-offset:3px}.demo-runtime .root{min-height:calc(100dvh - 54px)}.demo-runtime .root :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.demo-runtime .root input,.demo-runtime .root select,.demo-runtime .root textarea{font-size:16px}.demo-runtime .root button{touch-action:manipulation}.demo-runtime[data-kind=wedding] .root{background:#dcd1c1}.demo-runtime[data-kind=wedding] .sheet{box-shadow:0 15px 35px #322c2020;border:0;border-radius:0}.demo-runtime[data-kind=restaurant] .root{background:#bec5ac;--d-ground:#20271d!important;--d-raise-1:#252d21!important;--d-raise-2:#303a28!important;--d-ink:#ede4ce!important;--d-muted:#b7b99e!important;--d-accent:#ddd4b5!important;--d-accent-ink:#20271d!important}.demo-runtime[data-kind=restaurant] .frame{border:7px double #666c4a;border-radius:0}.demo-runtime[data-kind=restaurant] .mast{padding:22px 24px;min-height:104px;flex-direction:row-reverse;justify-content:space-between}.demo-runtime[data-kind=restaurant] .mast .mono{border:1px solid #949878;border-radius:50%;width:54px;height:54px;font:italic 25px var(--serif);color:#ede4ce}.demo-runtime[data-kind=restaurant] .mast .bname{font:500 36px/.98 var(--serif);white-space:normal}.demo-runtime[data-kind=market] .root{background:#d5d6a8}.demo-runtime[data-kind=market] .frame{border:0;border-top:8px solid #40533b;box-shadow:none;border-radius:0}.demo-runtime[data-kind=market] .frame .name{letter-spacing:-.03em}.demo-runtime[data-kind=race] .root{background:#313a3d;--d-ground:#161b1d!important;--d-raise-1:#202728!important;--d-ink:#e7eae5!important;--d-muted:#b8c5be!important;--d-accent:#f38163!important}.demo-runtime[data-kind=race] .frame{border:0;border-top:5px solid #f37052;border-radius:0;box-shadow:none}.demo-runtime[data-kind=conference] .root{background:#b7c8d0}.demo-runtime[data-kind=conference] .frame{border:0;border-radius:0;box-shadow:none}.demo-runtime[data-kind=conference] .bname{font-family:var(--grotesk);font-weight:700;letter-spacing:-.04em}.demo-runtime[data-kind=crew-trip] .root{background:#b8cfc3}.demo-runtime[data-kind=crew-trip] .frame{border-radius:24px;box-shadow:none;border:0}.demo-runtime[data-kind=parade] .root{background:#b7c8cf}.demo-runtime[data-kind=parade] .frame{box-shadow:none;border:0;border-radius:0}.demo-runtime[data-kind=parade] .head{background:#243f52;color:#f6f1d9}
@media(min-width:601px){.demo-runtime .root{padding:28px;place-items:start center}.demo-runtime[data-kind=wedding] .sheet{width:470px;padding:28px 0;height:calc(100dvh - 110px);min-height:540px}.demo-runtime[data-kind=restaurant] .frame{width:500px}.demo-runtime[data-kind=market] .frame{width:560px}.demo-runtime[data-kind=race] .frame{width:560px}.demo-runtime[data-kind=conference] .frame{width:min(860px,100%)}.demo-runtime[data-kind=crew-trip] .frame{width:470px}.demo-runtime[data-kind=parade] .frame{width:540px}.demo-runtime .frame{max-width:100%;height:calc(100dvh - 110px);min-height:540px}}
@media(max-width:600px){.demo-toolbar{gap:5px 17px;padding:4px 12px}.demo-toolbar a{font-size:10px}.demo-runtime .root{padding:0;display:block}.demo-runtime .frame,.demo-runtime .sheet{width:100%;max-width:100%;height:calc(100dvh - 54px);min-height:0;border-radius:0!important}.demo-runtime[data-kind=wedding] .sheet{padding:12px 0}.demo-runtime[data-kind=wedding] .sheet main{overflow:auto}.demo-runtime[data-kind=restaurant] .mast{padding:17px 20px;min-height:94px}.demo-runtime[data-kind=restaurant] .mast .bname{font-size:31px}.demo-runtime .root input,.demo-runtime .root select,.demo-runtime .root textarea{font-size:16px}}
.demo-toolbar a{color:inherit}.overview-nav a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media print{.demo-toolbar{display:none!important}.demo-runtime .root,.demo-runtime .frame,.demo-runtime .sheet{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important;box-shadow:none!important;background:white!important;border:0!important;padding:0!important}}