*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Arial,sans-serif;color:#f5f0df;background:#14271f}body{display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px;border-bottom:1px solid #526358}.identity{display:grid;gap:5px}.identity strong{font-family:Georgia,serif;font-size:22px}.identity span{font-size:11px;color:#ced6ce}nav{display:flex;gap:6px;padding:4px;border:1px solid #65776a;border-radius:8px}button{border:0;border-radius:5px;padding:12px 18px;background:transparent;color:inherit;font-size:14px;cursor:pointer}button[aria-pressed=true]{background:#f5f0df;color:#14271f}a{font-size:12px;color:inherit;text-decoration:none;white-space:nowrap}:focus-visible{outline:3px solid #e1ab6e;outline-offset:3px}main{flex:1;min-height:0}iframe{width:100%;height:100%;border:0;display:block;background:white}@media(max-width:740px){header{flex-wrap:wrap;gap:10px;padding:12px}.identity{flex:1}.identity span{font-size:10px}nav{order:3;width:100%;justify-content:center}nav button{flex:1;padding:10px 8px}}
/* Compact preview controls leave the content its own viewport on phones. */
html,body{height:100dvh}
header{flex-shrink:0}
@media(max-width:740px){header{gap:8px;padding:8px 12px}.identity strong{font-size:16px}.identity span{display:none}#open{font-size:11px}nav{gap:4px;padding:3px}nav button{font-size:12px;min-height:40px;padding:8px}header>nav{order:3}}