/* Shared public platform shell.
   Hub canvases can use desktop width; article copy stays readable. Practice has
   its own quiet app shell and intentionally does not load this file. */
.wrap.site-shell{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:0 16px 64px;
}

.site-header{margin:0 0 0}
.site-header__bar{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:64px;
  padding:10px 0;
}
.site-brand{display:inline-flex;align-items:center;min-width:0;text-decoration:none;color:var(--ink)}
.site-brand img{display:block;width:auto;height:auto;max-width:min(248px,55vw);max-height:29px}
.site-tagline{
  flex-shrink:0;
  font-family:var(--mono);
  font-size:10px;
  line-height:1.3;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--mut);
}
.site-header [data-public-account]{margin-left:auto}

.site-nav{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--rule);
  border-bottom:2px solid var(--ink);
}
.site-nav a{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:8px 10px;
  color:var(--ink);
  font-family:var(--mono);
  font-size:11px;
  line-height:1.2;
  letter-spacing:.05em;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
}
.site-nav a + a{border-left:1px solid var(--rule)}
.site-nav a:hover{background:#f6f6f6}
.site-nav a[aria-current]{box-shadow:inset 0 -3px 0 var(--ink);font-weight:700}

.skip{
  position:absolute;
  top:-100px;
  left:8px;
  z-index:200;
  padding:9px 14px;
  border-radius:var(--r);
  background:var(--ink);
  color:var(--paper);
  font-family:var(--mono);
  font-size:12px;
  text-decoration:none;
}
.skip:focus,.skip:focus-visible{top:8px}
.site-nav a:focus-visible,.site-brand:focus-visible{
  outline:2px solid var(--ink);
  outline-offset:2px;
  z-index:1;
}

.layout-canvas{width:100%}
.layout-canvas--hub{max-width:1224px;margin-inline:auto}
.layout-canvas--reading{max-width:720px;margin-inline:auto}
.public-page-content{padding-top:22px}
.trade-canvas>p,.trade-canvas>.sample,.trade-canvas>ul{max-width:760px}

@media(min-width:760px){
  .wrap.site-shell{padding-right:28px;padding-left:28px}
  .site-header__bar{min-height:72px}
  .site-nav{display:flex;justify-content:flex-end;gap:4px}
  .site-nav a{min-width:132px;padding-right:18px;padding-left:18px}
  .site-nav a + a{border-left:0}
}

@media(max-width:540px){
  .site-header__bar{align-items:flex-start;flex-wrap:wrap;gap:6px 8px;min-height:0;padding:10px 0 8px}
  .site-brand img{max-width:min(210px,58vw);max-height:25px}
  .site-tagline{order:3;width:100%;font-size:9px}
  .site-nav a{font-size:10px;padding-right:5px;padding-left:5px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}