/* Shared Phở.fun chrome for the homepage and Hỏi Phở. */
.site-chrome.topbar{box-sizing:border-box;width:100%;max-width:none;height:78px;margin:0;padding:10px max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fffdf7;border-bottom:1px solid rgba(8,122,75,.1);backdrop-filter:none;position:relative;z-index:10}
.site-chrome .brand{display:flex;align-items:center;gap:8px;min-width:0;padding:0;border:0;background:none;color:#087f4f;text-decoration:none;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1.55rem;font-weight:900;letter-spacing:-.035em;line-height:1;cursor:pointer}
.site-chrome .brand-mascot{width:52px;height:52px;object-fit:contain;border:0;border-radius:0;filter:drop-shadow(0 7px 9px rgba(5,72,44,.16))}
.site-chrome .brand-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.site-chrome .brand-copy b{font-size:1.45rem;white-space:nowrap}
.site-chrome .brand-copy b span{color:#ff7629}
.site-chrome .brand-copy small{display:block;margin-top:5px;color:#6d7f78;font-size:.67rem;font-weight:750;letter-spacing:.01em;white-space:nowrap}
.site-chrome .audio-controls{display:flex;align-items:center;gap:8px;min-width:0}
.site-chrome .player-summary{position:relative;min-height:42px;display:flex;align-items:center;gap:7px;padding:5px 11px 5px 7px;border:1px solid #d8e8df;border-radius:999px;background:#fffdf9;color:#063d2b;text-decoration:none;font-weight:900;cursor:pointer}
.site-chrome .player-summary>span{font-size:1.45rem;line-height:1}.site-chrome .player-summary b{color:#087a4b;white-space:nowrap}
.site-chrome #header-avatar{position:relative}.site-chrome .mini-pho-badge{position:absolute;right:-8px;bottom:-7px;display:inline-block;padding:2px;border-radius:50%;background:#fff;font-size:.55em}.site-chrome .mini-pho-badge i{position:absolute;left:50%;top:57%;color:#173d2e;font-size:.38em;font-style:normal;transform:translate(-50%,-50%)}
.site-chrome .icon-button{width:auto;min-height:42px;padding:9px 14px;border:1px solid #d8e8df;border-radius:999px;background:#fffdf9;color:#083b2d;font:750 .9rem system-ui,-apple-system,"Segoe UI",sans-serif;white-space:nowrap;box-shadow:none;cursor:pointer}
.site-chrome .icon-button[aria-pressed=false]{opacity:.48;filter:grayscale(1)}
.site-chrome .language-switch{display:flex;gap:0;padding:3px;border:1px solid #cfe3d8;border-radius:999px;background:#fff}
.site-chrome .language-switch button{min-width:34px;height:32px;padding:0 8px;border:0;border-radius:999px;background:transparent;color:#6d7f78;font-weight:900;cursor:pointer}
.site-chrome .language-switch button[aria-pressed=true]{background:#087f4f;color:#fff}
footer.site-chrome.site-footer{box-sizing:border-box;width:100%;max-width:none;min-height:72px;margin:0;padding:12px max(24px,calc((100vw - 1120px)/2));display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;border:0;background:#073e2d;color:#c7e5d7;font:400 .86rem system-ui,-apple-system,"Segoe UI",sans-serif;text-align:left}
footer.site-chrome .footer-legal{border:0;background:transparent;color:#d8eee3;text-decoration:underline;text-underline-offset:3px;font-family:inherit;font-size:inherit;font-weight:750;cursor:pointer;padding:8px}
footer.site-chrome .social-links{display:flex;gap:9px;margin:0}
footer.site-chrome .social-links a{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:#fff;color:#073e2d;text-decoration:none;font-size:1.15rem;font-weight:950}
footer.site-chrome .social-links a:last-child span{font-family:Arial,sans-serif;font-size:1.35rem}
@media(max-width:700px){.site-chrome.topbar{height:68px;padding:8px 14px}.site-chrome .brand{font-size:1.3rem}.site-chrome .brand-mascot{width:44px;height:44px}.site-chrome .brand-copy b{font-size:1.25rem}.site-chrome .brand-copy small{display:none}.site-chrome .audio-controls{gap:4px}.site-chrome .player-summary{min-height:38px;padding:4px 7px}.site-chrome .player-summary>span{font-size:1.25rem}.site-chrome .player-summary b{font-size:.72rem}.site-chrome .icon-button{width:42px;min-height:42px;padding:9px}.site-chrome .icon-button span{display:none}.site-chrome .language-switch button{min-width:31px;height:30px;padding:0 6px;font-size:.75rem}footer.site-chrome.site-footer{min-height:58px;padding:8px 15px;font-size:.78rem}footer.site-chrome .social-links a{width:32px;height:32px;border-radius:10px}footer.site-chrome .footer-legal{padding:5px;font-size:.72rem}}
@media(max-width:430px){.site-chrome.topbar{height:58px;gap:5px}.site-chrome .brand-mascot{width:38px;height:38px}.site-chrome .brand-copy b{font-size:1.05rem}.site-chrome .audio-controls{gap:3px}.site-chrome .player-summary{width:38px;height:38px;justify-content:center;padding:3px}.site-chrome .player-summary b{display:none}.site-chrome .icon-button{width:38px;min-height:38px;padding:7px}footer.site-chrome.site-footer{min-height:50px;padding:7px 12px;font-size:.7rem}}