/* Independent ways to establish hierarchy. Shared content and typography. */
/* A. Remove boxes and gutters. Neighbouring modules share one rule. */
[data-study=shared] .content-wrap { padding:0; }
[data-study=shared] .page-bar { padding:12px 24px; border-bottom:1px solid var(--line); }
[data-study=shared] .resource-grid,
[data-study=shared] .course-grid,
[data-study=shared] .visual-grid,
[data-study=shared] .resource-focus-grid { gap:0; }
[data-study=shared] .resource-column { gap:0; border-right:1px solid var(--line); }
[data-study=shared] .resource-column:last-child { border-right:0; }
[data-study=shared] .resource-card { border:0; border-bottom:1px solid var(--line); background:none; border-radius:0; padding:24px; height:calc(144px + var(--visible)*72px); }
[data-study=shared] .resource-card:last-child { border-bottom:0; }
[data-study=shared] .course-card,
[data-study=shared] .visual-card,
[data-study=shared] .resource-focus-grid .resource-row { border:0; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:none; border-radius:0; padding:24px; }
[data-study=shared] .course-card:nth-child(3n),
[data-study=shared] .visual-card:nth-child(3n),
[data-study=shared] .resource-focus-grid .resource-row:nth-child(3n) { border-right:0; }
[data-study=shared] .course-card,
[data-study=shared] .visual-card { padding:0; }
[data-study=shared] .course-info,
[data-study=shared] .visual-copy { padding:20px 24px 24px; }
[data-study=shared] .cover-wrap,
[data-study=shared] .visual-image,
[data-study=shared] .experiment-image { display:block; width:100%; border-radius:0; }
[data-study=shared] .resource-more { border:0; }
[data-study=shared] .course-card-action { border-top:0; }
[data-study=shared] .reading,
[data-study=shared] .entry-page,
[data-study=shared] .about-page { border:0; border-radius:0; background:none; padding:24px; }
[data-study=shared] .content-footer { margin-top:0; padding:24px; }
[data-study=shared] .provenance { display:none; }
/* E. Plain-text navigation with no structural rules or decorative metadata. */
[data-study=quiet-cards] .sidebar { border:0; }
[data-study=quiet-cards] .sidebar .brand-switcher { width:100%; height:70px; }
[data-study=quiet-cards] .logo-frame { inset:12px 20px; justify-content:flex-start; }
[data-study=quiet-cards] .brand-logo-crop--wide { width:186px; max-width:100%; }
[data-study=quiet-cards] .brand-logo-crop--square { max-height:38px; }
[data-study=quiet-cards] .main-nav { border:0; }
[data-study=quiet-cards] .nav-link,
[data-study=quiet-cards] .nav-link:last-child { border:0; height:52px; min-height:52px; }
[data-study=quiet-cards] .nav-title { font-size:20px; line-height:1.4; }
[data-study=quiet-cards] .index-dot,
[data-study=quiet-cards] .nav-code,
[data-study=quiet-cards] .nav-number,
[data-study=quiet-cards] .about-heading svg,
[data-study=quiet-cards] .contact-button svg { display:none; }
[data-study=quiet-cards] .nav-link::before { display:none; }
[data-study=quiet-cards] .about-heading { font-size:16px; }
[data-study=quiet-cards] .sidebar-about p { font-size:12px; }
[data-study=quiet-cards] .sidebar-about[aria-current] .about-heading { text-decoration:none; }
@media(min-width:1600px) {
  [data-study=quiet-cards] .nav-title { font-size:22px; }
}
@media(max-width:759px) {
  [data-study=quiet-cards] .sidebar-identity { min-height:72px; gap:16px; }
  [data-study=quiet-cards] .sidebar .brand-switcher { width:120px; height:56px; }
  [data-study=quiet-cards] .logo-frame { inset:0; }
  [data-study=quiet-cards] .brand-logo-crop--wide { width:120px; }
  [data-study=quiet-cards] .brand-logo-crop--square { max-height:32px; }
  [data-study=quiet-cards] .nav-link:not(:last-child) { border-right:0!important; }
  [data-study=quiet-cards] .nav-title { font-size:15px; }
  [data-study=quiet-cards] .about-heading { font-size:13px; }
}
/* Responsive column dividers follow the same breakpoints as the content data. */
@media(min-width:700px) and (max-width:1199px) {
  [data-study=shared] .course-card:nth-child(3n),
  [data-study=shared] .visual-card:nth-child(3n),
  [data-study=shared] .resource-focus-grid .resource-row:nth-child(3n) { border-right:1px solid var(--line); }
  [data-study=shared] .course-card:nth-child(2n),
  [data-study=shared] .visual-card:nth-child(2n),
  [data-study=shared] .resource-focus-grid .resource-row:nth-child(2n) { border-right:0; }
}
@media(max-width:699px) {
  [data-study=shared] .resource-column,
  [data-study=shared] .course-card,
  [data-study=shared] .visual-card,
  [data-study=shared] .resource-focus-grid .resource-row { border-right:0; }
}
@media(max-width:759px) {
  [data-study=shared] .page-bar { padding-left:16px; padding-right:16px; }
  [data-study=shared] .resource-card,
  [data-study=shared] .course-info,
  [data-study=shared] .visual-copy { padding-left:16px; padding-right:16px; }
}
@media(max-height:700px) and (min-width:760px) {
  [data-study] .brand-switcher { height:126px; }
  [data-study] .sidebar-about { padding-top:10px; padding-bottom:16px; }
  [data-study] .sidebar-footer { padding-top:16px; }
}

/* A refinement: a narrower sidebar and two faithful SVG logo lockups. */
:root[data-study=shared] { --sidebar-width:clamp(196px,15vw,224px); }
[data-study=shared] .sidebar .brand-switcher { height:176px; }
[data-study=shared] .sidebar .logo-frame { inset:20px 14px; }
[data-study=shared] .brand-vector { display:block; height:auto; max-width:100%; object-fit:contain; }
[data-study=shared] .brand-vector--stacked { width:90px; }
[data-study=shared] .brand-vector--horizontal { width:152px; }
[data-study=shared][data-logo-variant=wide] .sidebar .brand-switcher { height:84px; }
[data-study=shared] .logo-frame[data-logo=wide] { justify-content:flex-start; }
[data-study=shared][data-theme=dark] .brand-vector { filter:invert(1); }
[data-study=shared] .sidebar-about { padding:16px 14px 24px; }
[data-study=shared] .nav-link { padding-left:14px; padding-right:14px; gap:8px; }
[data-study=shared] .nav-code { font-size:8px; }
[data-study=shared] .nav-caption { text-overflow:ellipsis; }
[data-study=shared] .sidebar-footer { padding-left:14px; padding-right:14px; }
[data-study=shared] .footer-meta { font-size:8px; gap:4px; }
@media(min-width:760px) and (max-height:700px) {
  [data-study=shared] .sidebar .brand-switcher { height:136px; }
  [data-study=shared] .sidebar .logo-frame { inset:12px 14px; }
  [data-study=shared] .brand-vector--stacked { width:78px; }
  [data-study=shared][data-logo-variant=wide] .sidebar .brand-switcher { height:84px; }
}
@media(max-width:759px) {
  [data-study=shared] .sidebar-identity { min-height:92px; gap:14px; }
  [data-study=shared] .sidebar .brand-switcher { width:66px; height:82px; }
  [data-study=shared] .sidebar .logo-frame { inset:8px 0; }
  [data-study=shared] .brand-vector--stacked { width:64px; }
  [data-study=shared][data-logo-variant=wide] .sidebar .brand-switcher { width:126px; height:82px; }
  [data-study=shared] .brand-vector--horizontal { width:126px; }
  [data-study=shared] .sidebar-about { padding:0; }
  [data-study=shared] .nav-link { padding-left:6px; padding-right:6px; gap:7px; }
}