.public-scene-controls{display:flex;gap:8px;margin-left:auto;flex-shrink:0}
.public-scene-controls button{position:relative;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:50%;background:#fff;color:#ff5900;cursor:pointer}
.public-scene-controls [hidden],.project-traditional-nav[hidden]{display:none!important}
.public-scene-controls img{width:26px;height:26px;object-fit:contain}
.control-tooltip{position:absolute;right:0;top:calc(100% + 8px);white-space:nowrap;background:#fff;color:#444;border:1px solid #ddd;border-radius:8px;padding:6px 10px;font:13px JM-DIN,Arial,sans-serif;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s,transform .2s;z-index:20;pointer-events:none}
.public-scene-controls button:hover .control-tooltip,.public-scene-controls button:focus-visible .control-tooltip{opacity:1;visibility:visible;transform:none}
.public-scene-controls button:focus-visible{outline:2px solid #ff5900;outline-offset:3px}
.project-traditional-nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px 24px;padding:12px var(--gutter,24px);border-bottom:1px solid #eee}
.project-traditional-nav a{color:#444;text-decoration:none}.project-traditional-nav a:hover{color:#ff5900}
.titlebar h1{flex:1}
header .project-traditional-nav{flex-basis:100%;padding:8px 0 0;border-bottom:0}
@media(max-width:520px){.titlebar{flex-wrap:wrap}.public-scene-controls{gap:4px}.public-scene-controls button{width:36px;height:36px}.titlebar h1{flex-basis:calc(100% - 72px)}.project-traditional-nav{justify-content:center}}
@media(prefers-reduced-motion:reduce){.control-tooltip{transition:none}}
/* Match the main scene controls and header navigation. */
.titlebar:has([data-public-menu][aria-pressed=true]){padding-top:20px}
.titlebar:has(.public-scene-controls){transition:padding-top 640ms cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:reduce){.titlebar:has(.public-scene-controls){transition:none}}
/* The project heading and detail share one full-width content track. */
.titlebar:has(.public-scene-controls){padding-inline:var(--gutter);border-bottom:1px solid #eee}
main:has(.public-scene-controls){display:grid;grid-template-columns:minmax(0,1fr);align-content:start;padding-inline:0}
main:has(.public-scene-controls)>article,main:has(.public-scene-controls)>p{padding-inline:var(--gutter)}
main:has(.public-scene-controls)>.titlebar,main:has(.public-scene-controls)>article{width:100%;max-width:none;min-width:0;margin-inline:0;box-sizing:border-box}
main:has(.public-scene-controls)>article .lead,main:has(.public-scene-controls)>article .prose{width:100%;max-width:none}
.public-scene-controls button{color:#777;border-color:#e4e4e4;transition:background-color 240ms,color 240ms,border-color 240ms,transform 240ms}
.public-scene-controls button svg{width:16px;height:16px}
.public-scene-controls button:hover{color:#e95108;border-color:#fa5c08;background:#fff4ec;transform:translateY(-1px)}
.public-scene-controls button:active{transform:scale(.98)}
.public-scene-controls [data-public-menu][aria-pressed=true]{color:#e95108;border-color:#fa5c08;background:#fff8f3}
.public-scene-controls img{width:18px;height:18px;display:block}
.control-tooltip{top:auto;bottom:calc(100% + 9px)}
.public-scene-controls button:focus-visible,.project-traditional-nav a:focus-visible{outline:2px solid #fa5c08;outline-offset:4px}
header .project-traditional-nav{flex-basis:auto;gap:8px 24px;margin:0 0 0 auto;padding:0;justify-content:flex-end;text-align:left}
.project-traditional-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;color:#555;font-size:16px;line-height:1.3;border-bottom:2px solid transparent;transition:color 180ms,border-color 180ms}
.project-traditional-nav a:hover,.project-traditional-nav a[aria-current=page]{color:#e95108;border-color:#fa5c08}
@media(max-width:620px){
 header .project-traditional-nav{display:grid;order:3;flex-basis:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin:0;padding:4px 0 0;min-width:0}
 header .project-traditional-nav a{justify-content:center;min-height:44px;padding:10px 12px;border:1px solid #e7e7e7;border-radius:10px;line-height:1.25;white-space:normal;overflow-wrap:anywhere;background:#fff;text-align:center}
 header .project-traditional-nav a:hover,header .project-traditional-nav a[aria-current=page]{color:#c74500;border-color:#fa5c08;background:#fff5ed}
}
@media(prefers-reduced-motion:reduce){.public-scene-controls button,.project-traditional-nav a{transition:none}}
.public-scene-controls [data-public-menu] [data-list-icon],.public-scene-controls [data-public-menu] [data-bird-icon]{position:absolute;transition:opacity 180ms ease,transform 180ms ease;transform-origin:center}
.public-scene-controls [data-public-menu] [data-bird-icon]{opacity:0;transform:scale(.7) rotate(-12deg)}
.public-scene-controls [data-public-menu][aria-pressed=true] [data-list-icon]{opacity:0;transform:scale(.7) rotate(12deg)}
.public-scene-controls [data-public-menu][aria-pressed=true] [data-bird-icon]{opacity:1;transform:scale(1) rotate(0)}
.public-scene-controls .menu-lovebird-icon{width:26px;height:26px;object-fit:contain;border-radius:50%;pointer-events:none}
@media(prefers-reduced-motion:reduce){.public-scene-controls [data-public-menu] [data-list-icon],.public-scene-controls [data-public-menu] [data-bird-icon]{transition:none}}