/* V7.15 / Original complete logo, subtly enlarged within the established layout. */
.site-layout{--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;background:#080a0b}
.site-layout .site-masthead{height:88px;min-height:88px;max-width:none;width:100%;padding:0;margin:0;display:block;position:relative;z-index:20;border:0;border-bottom:1px solid #44322459;background:#080a0b;flex:none}
.site-layout .site-masthead .site-masthead-inner{box-sizing:border-box;width:calc(100% - 48px);max-width:1680px;height:100%;min-height:0;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:24px;position:static}
.site-layout .site-masthead .brand{width:260px;height:80px;margin:0;padding:0;display:flex;align-items:center;flex:0 0 auto;overflow:hidden;border:0;background:transparent}
.site-layout .site-masthead .brand .brand-logo{display:block;width:260px;height:auto;max-height:none;max-width:none;object-fit:contain;transform:scale(1.5);transform-origin:center;mix-blend-mode:lighten}
.site-layout .site-masthead .masthead-nav,.site-layout .site-masthead .masthead-nav.open{display:flex;align-items:center;flex-direction:row;gap:28px;position:static;inset:auto;width:auto;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}
.site-layout .site-masthead .masthead-nav>a{box-sizing:border-box;display:flex;align-items:center;position:relative;min-height:44px;margin:0;padding:12px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#bfc4c5;font:400 11px/1.6 var(--mono);letter-spacing:-.025em;text-decoration:none;white-space:nowrap;transform:none}
.site-layout .site-masthead .masthead-nav>a:hover,.site-layout .site-masthead .masthead-nav>a[aria-current=page]{color:#efc69e;background:transparent;box-shadow:none}
.site-layout .site-masthead .masthead-nav>a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:6px;width:auto;height:1px;background:#cd9a6d}
.site-layout .site-masthead .masthead-nav>.nav-portal{width:144px;min-height:38px;flex:0 0 auto;justify-content:space-between;gap:10px;margin:0 0 0 18px;padding:8px 14px;border:1px solid #9b714a80;border-radius:30px;color:#efc69e;font-size:11px;background:transparent;box-shadow:none}
.site-layout .site-masthead .masthead-nav>.nav-portal:hover,.site-layout .site-masthead .masthead-nav>.nav-portal[aria-current=page]{border-color:#cd9a6d;background:#cd9a6d08;box-shadow:none}
.site-layout .site-masthead .masthead-nav>.nav-portal:after{display:none}
.site-layout .site-masthead .masthead-icon{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.site-layout .site-masthead .menu-toggle{display:none;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#efc69e}
.site-layout .site-masthead a:focus-visible,.site-layout .site-masthead button:focus-visible{outline:2px solid #cd9a6d;outline-offset:4px}

.site-layout .workspace-shell,.site-layout .document-frame{box-sizing:border-box;width:calc(100% - 48px);max-width:1680px;height:calc(100svh - 151px);min-height:590px;max-height:1060px;margin:19px auto 0;flex:none;border:1px solid #3e362d;border-radius:7px}
.site-layout .workspace-title,.site-layout .document-frame .portal-studio-bar{box-sizing:border-box;display:grid;grid-template-columns:minmax(28px,1fr) auto minmax(28px,1fr);align-items:center;gap:14px;height:34px;min-height:34px;padding:0 14px;font:9px/1.4 var(--mono);letter-spacing:.08em;background:#101416;border-bottom:1px solid #242a2d}
.site-layout .workspace-title>p,.site-layout .document-frame .portal-studio-bar>p{display:flex;align-items:center;gap:12px;margin:0;padding:0;white-space:nowrap;font:inherit;color:#8b969b;letter-spacing:inherit}
.site-layout .workspace-title>p>span,.site-layout .document-frame .portal-studio-bar>p>span{font:inherit;color:#c3c7c7}
.site-layout .workspace-title b,.site-layout .document-frame .portal-studio-bar b{font-weight:400;margin:0;color:#4d575c}
.site-layout .workspace-dots,.site-layout .portal-window-dots{width:auto;margin:0;gap:6px;justify-self:start}
.site-layout .workspace-live,.site-layout .document-frame .frame-live{display:flex;align-items:center;justify-self:end;gap:7px;margin:0;white-space:nowrap;color:#8b969b;font:8px/1.4 var(--mono);letter-spacing:0}
.site-layout .status-bar,.site-layout .document-frame .portal-studio-status{box-sizing:border-box;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;height:26px;min-height:26px;margin:0;padding:0 14px;background:#332a21;border-top:1px solid #8b64412b;color:#b7a594;font:8px/1.4 var(--mono)}
.site-layout .document-frame .portal-studio-status>.frame-status-mobile,.site-layout .document-frame .frame-return{display:none}
.site-layout .status-bar>span,.site-layout .document-frame .portal-studio-status>span{white-space:nowrap}
.site-layout .status-bar>span:last-child,.site-layout .document-frame .frame-status-language{justify-self:end}
.site-layout .site-layout-footer{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 48px);max-width:1680px;min-height:40px;margin:0 auto;padding:13px 0 14px;gap:20px;color:#67767b;font:8px/1.5 var(--mono)}
.site-layout .site-layout-footer>p{margin:0;font:7px/1.5 var(--mono);letter-spacing:.1em}
.site-layout .site-layout-footer>div{display:flex;align-items:center;gap:18px}
.site-layout .site-layout-footer a{text-decoration:none;color:inherit}
.site-layout .site-layout-footer a:hover{color:#efc69e}

@media(min-width:761px){
  /* One full-width reading mode for every public page and portal view. */
  .site-layout .workspace-shell.preview-expanded .workspace,.site-layout .document-frame.frame-expanded .portal-workspace{grid-template-columns:46px minmax(0,1fr)}
  .site-layout .workspace-shell.preview-expanded .editor-pane,.site-layout .workspace-shell.preview-expanded .explorer,.site-layout .document-frame.frame-expanded .portal-code-pane{display:none}
  .site-layout .workspace-shell.preview-expanded .preview-pane,.site-layout .document-frame.frame-expanded .portal-preview-pane{border-left:0}
  .site-layout .status-bar>.status-center{display:flex}
  .site-layout .editor-path,.site-layout .portal-code-path{height:32px;padding:0 20px;gap:12px;font:9px var(--mono)}
  .site-layout .page-code,.site-layout .home-document{padding:26px 0}
  .site-layout .source-heading,.site-layout .document-frame .source-heading{padding:0 27px 18px;font:8px var(--mono);letter-spacing:.09em}
  .site-layout .preview-pane .document-page,.site-layout .portal-preview-pane .workspace{padding:28px 24px}
  .site-layout .preview-pane .document-heading{margin:0 0 30px;padding:0}
  .site-layout .preview-pane .document-heading h1,.site-layout .portal-preview-pane .workspace h1,.site-layout .portal-preview-pane .workspace>.portal-top h1{font-size:clamp(28px,2.6vw,38px);line-height:1.13;letter-spacing:-.045em;margin:0 0 18px}
  .site-layout .preview-pane .document-heading>p:first-child,.site-layout .portal-preview-pane .eyebrow{font:8px/1.8 var(--mono);letter-spacing:.08em;margin:0 0 17px;color:#cd9a6d}
  .site-layout .preview-pane .document-heading>p:last-child{font-size:13px;line-height:1.85;margin:0}
  .site-layout .portal-preview-pane .workspace>.portal-top h1{margin-bottom:8px}
}
@media(min-width:761px) and (max-width:1190px){
  .site-layout .workspace-shell.preview-expanded .workspace,.site-layout .document-frame.frame-expanded .portal-workspace{grid-template-columns:40px minmax(0,1fr)}
  .site-layout .site-masthead{height:80px;min-height:80px}
  .site-layout .site-masthead .site-masthead-inner{width:calc(100% - 32px)}
  .site-layout .site-masthead .brand,.site-layout .site-masthead .brand .brand-logo{width:220px}
  .site-layout .site-masthead .brand{height:76px}
  .site-layout .site-masthead .masthead-nav,.site-layout .site-masthead .masthead-nav.open{gap:18px}
  .site-layout .site-masthead .masthead-nav>a{font-size:10px}
  .site-layout .site-masthead .masthead-nav>.nav-portal{width:132px;font-size:10px;margin-left:8px;padding:7px 11px}
  .site-layout .workspace-shell,.site-layout .document-frame{width:calc(100% - 32px);height:calc(100svh - 139px);min-height:570px;margin-top:15px}
  .site-layout .site-layout-footer{width:calc(100% - 32px)}
}
@media(min-width:761px) and (max-width:959px){
  .site-layout .site-masthead .brand,.site-layout .site-masthead .brand .brand-logo{width:200px}
  .site-layout .site-masthead .masthead-nav,.site-layout .site-masthead .masthead-nav.open{gap:8px}
  .site-layout .site-masthead .masthead-nav>.nav-portal{margin-left:0}
}
@media(max-width:760px){
  .site-layout .site-masthead{height:78px;min-height:78px}
  .site-layout .site-masthead .site-masthead-inner{width:calc(100% - 32px);gap:16px}
  .site-layout .site-masthead .brand,.site-layout .site-masthead .brand .brand-logo{width:200px}
  .site-layout .site-masthead .brand{height:74px}
  .site-layout .site-masthead .menu-toggle{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-height:44px;min-width:83px;padding:10px 0;font:11px/1.6 var(--mono)}
  .site-layout .site-masthead .menu-toggle .masthead-icon{width:20px;height:20px}
  .site-layout .site-masthead .masthead-nav,.site-layout .site-masthead .masthead-nav.open{display:none;position:absolute;inset:100% 0 auto;width:100%;max-height:calc(100dvh - 78px);overflow:auto;grid-template-columns:1fr 1fr;gap:0 25px;padding:15px 20px 20px;border:0;border-bottom:1px solid #826140;border-radius:0;background:#0e1518;box-shadow:0 12px 35px #0009;z-index:30}
  .site-layout .site-masthead .masthead-nav.open{display:grid}
  .site-layout .site-masthead .masthead-nav>a{font-size:12px;min-height:46px;padding:14px 5px;border-bottom:1px solid #263137}
  .site-layout .site-masthead .masthead-nav>a[aria-current=page]:after{left:5px;right:auto;bottom:6px;width:26px}
  .site-layout .site-masthead .masthead-nav>.nav-portal{grid-column:1/-1;width:auto;min-height:46px;margin:15px 0 0;padding:11px 13px;border:1px solid #9b714a80;border-radius:3px;font-size:11px}
  .site-layout .workspace-shell,.site-layout .document-frame{width:calc(100% - 20px);height:auto;min-height:0;max-height:none;margin-top:12px;border-radius:5px}
  .site-layout .workspace-title,.site-layout .document-frame .portal-studio-bar{display:flex;height:29px;min-height:29px;gap:12px;padding:0 10px;font-size:7px;letter-spacing:.04em}
  .site-layout .workspace-title>p,.site-layout .document-frame .portal-studio-bar>p{gap:7px;margin:0 auto 0 0}
  .site-layout .workspace-dots,.site-layout .portal-window-dots{gap:4px;flex-shrink:0}
  .site-layout .workspace-dots i,.site-layout .portal-window-dots i{width:4px;height:4px}
  .site-layout .workspace-live,.site-layout .document-frame .frame-live{display:none}
  .site-layout .status-bar,.site-layout .document-frame .portal-studio-status{display:flex;justify-content:space-between;height:26px;min-height:26px;gap:9px;padding:0 9px;font-size:7px}
  .site-layout .document-frame .portal-studio-status>.frame-status-branch,.site-layout .document-frame .portal-studio-status>.frame-status-message,.site-layout .document-frame .portal-studio-status>.frame-status-language{display:none}
  .site-layout .document-frame .portal-studio-status>.frame-status-mobile{display:inline-flex;white-space:normal}
  .site-layout .document-frame .frame-return{display:inline-flex;white-space:nowrap;font-size:6px}
  .site-layout .site-layout-footer{width:calc(100% - 20px);padding:14px 0 20px;gap:10px;font-size:7px}
  .site-layout .site-layout-footer>p{display:none}
  .site-layout .site-layout-footer>div{gap:14px}
  .site-layout .preview-pane .document-page,.site-layout .portal-preview-pane .workspace{padding:28px 22px}
  .site-layout .preview-pane .studio-document .document-heading{padding:0}
}
@media(max-width:359px){
  .site-layout .site-masthead .brand,.site-layout .site-masthead .brand .brand-logo{width:165px}
  .site-layout .site-masthead .site-masthead-inner{gap:0}
  .site-layout .preview-pane .document-page,.site-layout .portal-preview-pane .workspace{padding:25px 17px}
  .site-layout .workspace-title,.site-layout .document-frame .portal-studio-bar{font-size:6px;gap:8px}
}