/* Side Studies · Generation 2
   Side 001 supplies the hierarchy. The subject chooses the architecture. */
.g2-side{--g2-dark:#11110f;--g2-wash:#e9e4da;--g2-faint:#d8d1c3}
.g2-side .site-header{
  width:100%!important;max-width:none!important;margin:0!important;padding:18px clamp(20px,4.7vw,76px)!important;
  min-height:84px;background:var(--g2-dark)!important;border:0!important;color:#f1eee6!important
}
.g2-side .site-header .brand{color:#f1eee6!important}
.g2-side .site-header .ss-brand-logo{display:block;width:172px;max-width:46vw;height:auto;filter:brightness(0) invert(1)}
.g2-side .site-header .header-note{color:#9b978f!important}
.g2-side .side-hero{
  display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr)!important;
  gap:clamp(38px,6vw,92px)!important;align-items:end!important;padding:clamp(52px,7vw,92px) 0 46px!important
}
.g2-side .side-hero-mast{min-width:0}
.g2-side .side-hero-mast .eyebrow{margin:0 0 18px!important}
.g2-side .side-hero-mast h1{
  margin:0!important;font-family:var(--serif)!important;font-size:clamp(4.7rem,9.1vw,9.6rem)!important;
  font-weight:500!important;letter-spacing:-.065em!important;line-height:.82!important;overflow-wrap:anywhere
}
.g2-side .side-hero-purpose{align-self:end;padding:0 0 5px}
.g2-side .side-hero-label{margin:0 0 12px;color:var(--accent);font-size:.64rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.g2-side .side-hero-purpose .lede{margin:0;color:#3f3c37;font-family:var(--serif);font-size:clamp(1.08rem,1.65vw,1.34rem);line-height:1.5}
.g2-side .side-anatomy{
  grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)
}
.g2-side .side-anatomy-block{padding:20px 0 22px}
.g2-side .side-anatomy-block+ .side-anatomy-block{padding-left:clamp(24px,4vw,58px);border-left:1px solid var(--line)}
.g2-side .side-anatomy-block p:last-child{margin:0;font-family:var(--serif);font-size:1.04rem}
.g2-side .side-structure-values{display:flex;flex-wrap:wrap;gap:10px 24px}
.g2-side .side-structure-values span{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.g2-side .side-structure-values strong{font-family:var(--serif);font-size:1.55rem;font-weight:500;letter-spacing:-.03em}
.g2-side .study-nav{position:sticky;top:0;z-index:8;background:rgba(243,240,232,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.g2-side .study-nav-shell{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:stretch}
.g2-side .study-nav-heading{padding:15px 18px 14px 0;border-right:1px solid var(--line);display:grid;gap:2px;align-content:center}
.g2-side .study-nav-heading span{font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.g2-side .study-nav-heading small{color:var(--muted);font-size:.6rem}
.g2-side .study-nav-items{display:grid;grid-template-columns:repeat(4,1fr)}
.g2-side .study-nav .tab{
  min-width:0;padding:14px 18px;display:grid;gap:2px;border:0;border-right:1px solid var(--line);background:transparent;
  color:inherit;text-align:left;text-decoration:none
}
.g2-side .study-nav .tab:last-child{border-right:0}
.g2-side .study-nav .tab small{color:var(--accent);font-size:.56rem;font-weight:800;letter-spacing:.12em}
.g2-side .study-nav .tab span{font-family:var(--serif);font-size:.95rem;font-weight:600}
.g2-side .study-nav .tab:hover,.g2-side .study-nav .tab:focus-visible{background:var(--soft);outline:none}
.g2-section{scroll-margin-top:82px;padding:clamp(66px,8vw,106px) 0;border-bottom:1px solid var(--line)}
.g2-section-head{display:grid;grid-template-columns:150px minmax(0,780px);gap:36px;margin-bottom:46px}
.g2-section-index{color:var(--accent);font-size:.63rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.g2-section h2{margin:0;font-family:var(--serif);font-size:clamp(3.1rem,6vw,6.4rem);font-weight:500;letter-spacing:-.055em;line-height:.88}
.g2-section-intro{max-width:720px;margin:18px 0 0;color:var(--muted);font-family:var(--serif);font-size:1.08rem;line-height:1.55}
.g2-route{display:grid;gap:0;border-top:1px solid var(--ink)}
.g2-node{display:grid;grid-template-columns:70px minmax(200px,.72fr) minmax(260px,1.28fr);gap:28px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}
.g2-node-no{color:var(--accent);font-size:.62rem;font-weight:800;letter-spacing:.13em}
.g2-node h3{margin:0;font-family:var(--serif);font-size:clamp(1.45rem,2.4vw,2.2rem);font-weight:500;letter-spacing:-.035em;line-height:1}
.g2-node p{margin:0;color:#504c45;line-height:1.55}
.g2-side[data-architecture="formal"] .g2-route{counter-reset:formal;background:linear-gradient(90deg,transparent 69px,var(--line) 70px,transparent 71px)}
.g2-side[data-architecture="formal"] .g2-node h3::before{content:"ƒ  ";color:var(--accent);font-family:var(--serif);font-style:italic}
.g2-side[data-architecture="mechanism"] .g2-node h3::before{content:"→  ";color:var(--accent)}
.g2-side[data-architecture="system"] .g2-node h3::before{content:"↔  ";color:var(--accent)}
.g2-side[data-architecture="historical"] .g2-node{grid-template-columns:90px minmax(200px,.72fr) minmax(260px,1.28fr)}
.g2-side[data-architecture="historical"] .g2-node-no{font-family:var(--serif);font-size:1rem}
.g2-side[data-architecture="interpretive"] .g2-node h3::before{content:"§  ";color:var(--accent)}
.g2-side[data-architecture="argument"] .g2-node h3::before{content:"?  ";color:var(--accent)}
.g2-distinction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.g2-distinction{min-height:210px;padding:24px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.12)}
.g2-distinction small{font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.g2-distinction p{margin:34px 0 0;font-family:var(--serif);font-size:clamp(1.55rem,2.8vw,2.65rem);letter-spacing:-.045em;line-height:.95}
.g2-distinction b{color:var(--accent);font-weight:400}
.g2-question-list{border-top:1px solid var(--ink)}
.g2-question{display:grid;grid-template-columns:72px minmax(0,900px);gap:26px;padding:24px 0;border-bottom:1px solid var(--line)}
.g2-question span{color:var(--accent);font-size:.62rem;font-weight:800;letter-spacing:.13em}
.g2-question p{margin:0;font-family:var(--serif);font-size:clamp(1.4rem,2.5vw,2.25rem);letter-spacing:-.03em;line-height:1.08}
.g2-evidence{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:clamp(38px,6vw,90px);align-items:start}
.g2-evidence-copy{font-family:var(--serif);font-size:clamp(1.35rem,2.6vw,2.4rem);line-height:1.18;letter-spacing:-.03em}
.g2-evidence-copy p{margin:0}
.g2-evidence-note{padding:22px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);color:var(--muted);font-size:.84rem;line-height:1.55}
.g2-evidence-note strong{display:block;margin-bottom:8px;color:var(--ink);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}
.g2-home-link{display:inline-flex;margin-top:24px;color:var(--ink);font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
@media(max-width:820px){
  .g2-side .site-header{min-height:76px;padding:16px 18px!important}
  .g2-side .site-header .ss-brand-logo{width:148px}
  .g2-side .header-note{display:none}
  .g2-side .side-hero{grid-template-columns:1fr!important;gap:30px!important;padding:48px 0 36px!important}
  .g2-side .side-hero-mast h1{font-size:clamp(4.2rem,17vw,6.5rem)!important}
  .g2-side .side-anatomy{grid-template-columns:1fr}
  .g2-side .side-anatomy-block+ .side-anatomy-block{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .g2-side .study-nav{position:relative}
  .g2-side .study-nav-shell{grid-template-columns:1fr}
  .g2-side .study-nav-heading{display:none}
  .g2-side .study-nav-items{grid-template-columns:1fr 1fr}
  .g2-side .study-nav .tab{border-bottom:1px solid var(--line)}
  .g2-section-head{grid-template-columns:1fr;gap:12px}
  .g2-node,.g2-side[data-architecture="historical"] .g2-node{grid-template-columns:44px 1fr;gap:14px 18px}
  .g2-node p{grid-column:2}
  .g2-distinction-grid{grid-template-columns:1fr}
  .g2-distinction{min-height:160px}
  .g2-evidence{grid-template-columns:1fr}
}
@media(max-width:520px){
  .g2-side .study-nav-items{grid-template-columns:1fr}
  .g2-side .study-nav .tab{border-right:0}
  .g2-question{grid-template-columns:42px 1fr}
}