/* Scheme two · Recent-inspired proportions. This stylesheet is only loaded by scheme two. */
:root[data-study="quiet-cards"] {
  --sidebar-width:220px;
  --bg:#F4F5F7; --surface:#ffffff; --card-surface:#ffffff;
  --ink:#171717; --muted:#777777; --line:#0000000e; --hover:#eeeeee;
  --tab-bg:#E3E5EB; --tab-hover-bg:#DADEE4; /* 2026-10-14: same hue as --bg #F4F5F7 (HSL 220° 15.8%), L 96.3%→90.5% / 87.6% ≈ 6% / 9% black */
  --card-radius:8px;
  --resource-cover-ratio:3 / 2;
  --mono:Lausanne,'PingFang SC','Microsoft YaHei',sans-serif;
}
:root[data-study="quiet-cards"][data-theme="dark"] {
  --bg:#151515; --surface:#222222; --card-surface:#1e1e1e;
  --ink:#f1f1f1; --muted:#aaaaaa; --line:#ffffff16; --hover:#2b2b2b;
  --tab-bg:#303030; --tab-hover-bg:#3a3a3a; /* 2026-10-14: neutral like dark --bg/sidebar #151515 (S 0); was var(--hover) #2b2b2b / var(--line) */
}
[data-study="quiet-cards"] .sidebar { padding:0 16px; }
[data-study="quiet-cards"] .sidebar .brand-switcher { height:64px; }
[data-study="quiet-cards"] .logo-frame { inset:16px 0; }
[data-study="quiet-cards"] .brand-logo-crop--wide { width:172px; }
[data-study="quiet-cards"] .brand-logo-crop--square { max-height:36px; }
[data-study="quiet-cards"] .quiet-nav-label { color:var(--muted); font-size:12px; margin:18px 0 5px; }
[data-study="quiet-cards"] .nav-link,
[data-study="quiet-cards"] .nav-link:last-child { height:34px; min-height:34px; padding:0; width:fit-content; }
[data-study="quiet-cards"] .nav-title { font-size:14px; line-height:1.5; }
[data-study="quiet-cards"] .nav-copy { flex:none; }
[data-study="quiet-cards"] .nav-caption { display:none; }
[data-study="quiet-cards"] .nav-link[aria-current]::after { content:''; width:6px; height:6px; border-radius:50%; background:var(--ink); margin-left:1px; }
[data-study="quiet-cards"] .sidebar-about { padding:0; margin-top:22px; min-height:36px; width:fit-content; }
[data-study="quiet-cards"] .about-heading { font:14px/36px var(--mono); color:var(--muted); }
[data-study="quiet-cards"] .sidebar-about:hover .about-heading,
[data-study="quiet-cards"] .sidebar-about[aria-current] .about-heading { color:var(--ink); }
/* 16px below, matching the sidebar's 16px left edge and the content frame's bottom edge */
[data-study="quiet-cards"] .sidebar-footer { padding:24px 0 16px; }
[data-study="quiet-cards"] .quiet-studio-note { font-size:13px; line-height:1.8; color:var(--muted); margin-bottom:16px; }
/* who we are, then what we offer: the name line in one style, set a little apart from the lines below */
[data-study="quiet-cards"] .quiet-studio-name { display:block; margin-bottom:8px; color:var(--ink); font-weight:500; }
[data-study="quiet-cards"] .contact-button { width:fit-content; padding:8px 15px; min-height:34px; font-size:12px; background:var(--ink); color:var(--bg); }
[data-study="quiet-cards"] .contact-button:hover { opacity:.8; }
[data-study="quiet-cards"] .content-wrap { padding:0 16px; }
[data-study="quiet-cards"] .main-scroll { scrollbar-gutter:auto; }
[data-study="quiet-cards"] .page-bar { min-height:60px; padding:12px 0; gap:16px; }
[data-study="quiet-cards"] .page-bar:has(+ #page-content > .quiet-toolbar) { min-height:52px; padding-bottom:4px; }
[data-study="quiet-cards"] .page-title { gap:10px; align-items:center; color:var(--ink); }
[data-study="quiet-cards"] .page-title h1 { font-size:17px; line-height:1.4; font-weight:500; }
[data-study="quiet-cards"] .section-bracket,
[data-study="quiet-cards"] .page-english { display:none; }
[data-study="quiet-cards"] .small-count { font-size:12px; margin:0; }
[data-study="quiet-cards"] .quiet-heading-note { font-size:13px; font-weight:400; color:var(--muted); }
[data-study="quiet-cards"] .page-note { font-size:12px; }
[data-study="quiet-cards"] .quiet-search { display:flex; gap:8px; align-items:center; border:1px solid var(--line); border-radius:24px; padding:0 11px; width:208px; min-height:32px; }
[data-study="quiet-cards"] .quiet-search svg { width:14px; height:14px; flex:none; color:var(--muted); }
[data-study="quiet-cards"] .quiet-search input { width:100%; min-width:0; border:0; background:none; color:var(--ink); font:12px/1.5 var(--mono); outline:none; }
[data-study="quiet-cards"] .quiet-search:focus-within { border-color:var(--muted); outline:0; }
[data-study="quiet-cards"] .quiet-toolbar { position:sticky; top:0; z-index:5; display:flex; align-items:center; justify-content:flex-start; gap:12px; height:60px; min-height:60px; padding:12px 0; background:var(--bg); }
[data-study="quiet-cards"] .quiet-toolbar .quiet-pills { display:flex; align-items:center; gap:7px; min-width:0; width:max-content; max-width:100%; flex:0 1 auto; margin-inline:0; overflow-x:auto; scrollbar-width:none; }
[data-study="quiet-cards"] .quiet-pills::-webkit-scrollbar { display:none; }
[data-study="quiet-cards"] .quiet-pill { flex:none; display:inline-flex; align-items:center; justify-content:center; gap:6px; white-space:nowrap; padding:6px 12px; min-height:30px; border-radius:24px; font:12px/18px var(--mono); background:var(--tab-bg); color:var(--muted); }
[data-study="quiet-cards"] .quiet-pill:hover { background:var(--tab-hover-bg); color:var(--ink); }
[data-study="quiet-cards"] .quiet-pill[aria-current],
[data-study="quiet-cards"] .quiet-pill[aria-pressed="true"] { background:var(--ink); color:var(--bg); }
[data-study="quiet-cards"] .quiet-pill:focus-visible { outline-offset:-2px; outline-color:var(--muted); }
[data-study="quiet-cards"] .quiet-resource-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; align-items:start; }
[data-study="quiet-cards"] .quiet-resource-column { display:flex; flex-direction:column; gap:12px; min-width:0; }
[data-study="quiet-cards"] .quiet-resource-group { border:1px solid var(--line); border-radius:12px; background:var(--card-surface); overflow:hidden; padding:16px 14px 0; min-width:0; }
[data-study="quiet-cards"] .quiet-group-heading { display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin-bottom:6px; }
[data-study="quiet-cards"] .quiet-group-heading h2 { font-size:14px; font-weight:500; line-height:1.5; }
[data-study="quiet-cards"] .quiet-group-heading span { font-size:11px; color:var(--muted); }
[data-study="quiet-cards"] .quiet-group-description { font-size:11px; color:var(--muted); line-height:1.7; min-height:36px; margin-bottom:10px; }
[data-study="quiet-cards"] .quiet-resource-group .resource-row { min-height:60px; height:auto; margin:0 -8px; padding:10px 8px; gap:10px; border-radius:6px; }
[data-study="quiet-cards"] .resource-icon { width:34px; height:34px; flex:0 0 34px; padding:0; background:var(--resource-logo-bg,#ffffff); color:var(--resource-logo-fg,#171717); border:1px solid #eeeeee; border-radius:6px; overflow:hidden; box-shadow:none; }
[data-study="quiet-cards"] .resource-icon img { width:26px; height:26px; object-fit:contain; display:block; }
/* Sampled backgrounds use the source artwork’s light color scheme in both themes. */
[data-study="quiet-cards"] :is(.resource-icon, .qd-item-icon, .qd-resource-logo) img { color-scheme:light; }
[data-study="quiet-cards"] .resource-icon--app img { width:28px; height:28px; }
[data-study="quiet-cards"] .resource-name { font-size:13px; line-height:19px; white-space:normal; }
[data-study="quiet-cards"] .resource-name-line { align-items:center; }
[data-study="quiet-cards"] .resource-description { font-size:11px; line-height:17px; margin-top:3px; }
[data-study="quiet-cards"] .resource-featured { display:none; }
[data-study="quiet-cards"] .resource-out { display:none; }
[data-study="quiet-cards"] .quiet-resource-group .resource-more { min-height:40px; height:40px; margin:10px -14px 0; padding:0 14px; font-size:11px; border-top:1px solid var(--line); }
[data-study="quiet-cards"] .quiet-resource-group .resource-more:hover { background:transparent; color:var(--ink); }
[data-study="quiet-cards"] .quiet-resource-group .resource-more:hover svg { color:var(--ink); transform:none; }
[data-study="quiet-cards"] .quiet-focus-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
[data-study="quiet-cards"] .quiet-focus-grid .resource-row { background:var(--card-surface); border:0; border-radius:12px; min-height:88px; height:auto; padding:20px; gap:16px; align-items:center; }
[data-study="quiet-cards"] .quiet-focus-grid .resource-icon { width:40px; height:40px; flex:0 0 40px; border:0; border-radius:8px; box-shadow:inset 0 0 0 1px #ebebeb; }
[data-study="quiet-cards"] .quiet-focus-grid .resource-icon img { width:80%; height:80%; }
[data-study="quiet-cards"] .quiet-focus-grid .resource-monogram { font-size:14px; font-weight:500; line-height:1; }
[data-study="quiet-cards"] .quiet-focus-grid .resource-description { display:block; font-size:13px; line-height:18px; margin-top:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
[data-study="quiet-cards"] .quiet-focus-grid .resource-out { display:none; }
[data-study="quiet-cards"] .quiet-focus-grid .resource-name { font-size:16px; font-weight:600; line-height:1.5; white-space:nowrap; }
[data-study="quiet-cards"] .quiet-focus-grid .resource-row:hover { background:var(--card-surface); }
[data-study="quiet-cards"] .quiet-focus-grid a.resource-row:hover .resource-name,
[data-study="quiet-cards"] .quiet-resource-card-heading:is(:hover,:focus-visible) .resource-name { color:var(--muted); }
[data-study="quiet-cards"] .quiet-focus-grid .quiet-resource-preview-card { --resource-card-inset:20px; display:block; padding:0; overflow:hidden; }
[data-study="quiet-cards"] .quiet-resource-card-heading { display:flex; align-items:center; gap:16px; min-width:0; min-height:88px; padding:var(--resource-card-inset); }
[data-study="quiet-cards"] .quiet-resource-preview { position:relative; display:block; margin:0 var(--resource-card-inset) var(--resource-card-inset); aspect-ratio:var(--resource-cover-ratio,3 / 2); overflow:hidden; border:1px solid #e5e5e5; border-radius:12px; background:var(--bg); }
/* Keep the full source width; only content below the 3:2 frame may be clipped. */
[data-study="quiet-cards"] .quiet-resource-preview img { position:absolute; top:0; left:0; display:block; width:100%; max-width:100%; height:auto; max-height:none; object-fit:contain; object-position:top; }
[data-study="quiet-cards"] .quiet-resource-card-heading:focus-visible { border-radius:12px; outline-offset:-4px; }
/* Circular external-link button pinned to the bottom-right of the cover. */
[data-study="quiet-cards"] .quiet-resource-preview-card { position:relative; }
[data-study="quiet-cards"] .quiet-resource-visit-btn { position:absolute; right:calc(var(--resource-card-inset) + 12px); bottom:calc(var(--resource-card-inset) + 12px); z-index:2; display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:rgb(0 0 0 / .55); color:#fff; box-shadow:none; backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); transition:background .2s ease; }
[data-study="quiet-cards"] .quiet-resource-visit-btn svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s ease; }
[data-study="quiet-cards"] .quiet-resource-visit-btn:hover { background:rgb(0 0 0 / .82); box-shadow:none; }
[data-study="quiet-cards"] .quiet-resource-visit-btn:hover svg { transform:translate(2px,-2px); }
[data-study="quiet-cards"] .quiet-resource-visit-btn:focus-visible { outline:2px solid var(--ink); outline-offset:3px; }
@media (hover:none), (pointer:coarse) {
  [data-study="quiet-cards"] .quiet-resource-visit-btn { width:36px; height:36px; }
}
@media (prefers-reduced-motion:reduce) {
  [data-study="quiet-cards"] .quiet-resource-visit::after,
  [data-study="quiet-cards"] .quiet-resource-visit-label,
  [data-study="quiet-cards"] .quiet-resource-visit-label .tdl-action-icon { transition:none; }
}
[data-study="quiet-cards"] .quiet-preview-unavailable { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:24px; text-align:center; color:var(--muted); background:var(--bg); }
[data-study="quiet-cards"] .quiet-preview-unavailable strong { color:var(--text); font-size:clamp(16px,2vw,26px); font-weight:500; }
[data-study="quiet-cards"] .quiet-preview-unavailable span { font-size:13px; }
[data-study="quiet-cards"] .quiet-resource-tag { display:block; margin-top:8px; font-size:10px; line-height:1.5; color:var(--muted); }
[data-study="quiet-cards"] .quiet-empty { padding:64px 20px; text-align:center; background:var(--surface); border-radius:8px; }
[data-study="quiet-cards"] .quiet-empty h2 { font-size:16px; margin-bottom:8px; }
[data-study="quiet-cards"] .quiet-empty p { color:var(--muted); font-size:13px; margin-bottom:20px; }
[data-study="quiet-cards"] .quiet-reset { border:1px solid var(--line); border-radius:22px; padding:8px 16px; background:var(--bg); }
[data-study="quiet-cards"] .status-filters { gap:7px; }
[data-study="quiet-cards"] .status-filter { font-size:12px; min-height:30px; padding:6px 12px; background:var(--tab-bg); }
[data-study="quiet-cards"] .status-filter[aria-pressed="true"] { background:var(--ink); color:var(--bg); }
[data-study="quiet-cards"] .course-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:16px 0; }
[data-study="quiet-cards"] .course-card { border-radius:12px; }
[data-study="quiet-cards"] .course-info { padding:16px 14px 4px; }
[data-study="quiet-cards"] .course-card h2 { font-size:20px; font-weight:600; min-height:0; margin-bottom:10px; }
[data-study="quiet-cards"] .course-meta { font-size:10px; }
[data-study="quiet-cards"] .course-meta>span:first-child::before,
[data-study="quiet-cards"] .course-meta>span:first-child::after { content:none; }
[data-study="quiet-cards"] .course-outcome { font-size:12px; min-height:0; }
[data-study="quiet-cards"] .audience { font-size:11px; }
[data-study="quiet-cards"] .course-card-action { font-size:12px; }
[data-study="quiet-cards"] .visual-grid { display:block; columns:4; column-gap:12px; }
[data-study="quiet-cards"] [data-page="experiments"] .visual-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:1fr; gap:12px; align-items:stretch; columns:auto; }
[data-study="quiet-cards"] .visual-card { break-inside:avoid; margin:0 0 12px; border:1px solid var(--line); border-radius:12px; display:inline-block; width:100%; vertical-align:top; }
[data-study="quiet-cards"] [data-page="experiments"] .visual-card { display:flex; flex-direction:column; margin:0; }
[data-study="quiet-cards"] [data-page="experiments"] .visual-card > a { display:flex; flex-direction:column; flex:1; }
[data-study="quiet-cards"] [data-page="experiments"] .visual-copy { display:flex; flex-direction:column; flex:1; }
[data-study="quiet-cards"] [data-page="experiments"] .visual-copy > p { flex:1; }
[data-study="quiet-cards"][data-theme="dark"] :is(.quiet-resource-group,.course-card,.visual-card) { border-color:transparent; }
[data-study="quiet-cards"] .visual-card[hidden] { display:none; }
[data-study="quiet-cards"] .visual-image { aspect-ratio:var(--project-ratio,auto); height:auto; object-fit:contain; background:var(--hover); }
[data-study="quiet-cards"] .visual-copy { padding:12px; }
[data-study="quiet-cards"] .visual-meta { font-size:9px; margin:0 0 5px; gap:8px; }
[data-study="quiet-cards"] .visual-copy h2 { font-size:16px; font-weight:600; margin:0; line-height:1.5; }
[data-study="quiet-cards"] .visual-copy p { font-size:12px; margin-top:8px; }
[data-study="quiet-cards"] .provenance { display:none; }
[data-study="quiet-cards"] .reading,
[data-study="quiet-cards"] .entry-page,
[data-study="quiet-cards"] .about-page { background:var(--bg); border:0; }
[data-study="quiet-cards"] .content-footer { font-size:10px; margin-top:28px; padding:18px 0; }
[data-study="quiet-cards"] .page-enter>*,
[data-study="quiet-cards"] .page-enter .visual-card,
[data-study="quiet-cards"] .page-enter .course-card { animation:none!important; }
[data-study="quiet-cards"] .directory-cursor { display:none; }
[data-study="quiet-cards"].has-directory-cursor [data-circle-cursor],
[data-study="quiet-cards"].has-directory-cursor [data-circle-cursor] * { cursor:pointer; }
@media(min-width:1900px) {
  [data-study="quiet-cards"] .quiet-pill { font-size:13px; padding-inline:14px; }
  [data-study="quiet-cards"] .resource-name { font-size:14px; }
  [data-study="quiet-cards"] .resource-description { font-size:12px; line-height:18px; }
}
@media(max-width:1399px) and (min-width:760px) {
  :root[data-study="quiet-cards"] { --sidebar-width:208px; }
  [data-study="quiet-cards"] .quiet-resource-grid,
  [data-study="quiet-cards"] .quiet-focus-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  [data-study="quiet-cards"] .visual-grid { columns:3; }
  [data-study="quiet-cards"] [data-page="experiments"] .visual-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:1099px) {
  [data-study="quiet-cards"] .course-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  [data-study="quiet-cards"] .quiet-heading-note { display:none; }
  [data-study="quiet-cards"] .quiet-resource-grid,
  [data-study="quiet-cards"] .quiet-focus-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  [data-study="quiet-cards"] .visual-grid { columns:2; }
  [data-study="quiet-cards"] [data-page="experiments"] .visual-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:899px) {
  [data-study="quiet-cards"] .course-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:759px) {
  [data-study="quiet-cards"] .sidebar { padding:0 16px; border:0; }
  [data-study="quiet-cards"] .sidebar-identity { padding:0; min-height:64px; }
  [data-study="quiet-cards"] .sidebar .brand-switcher { width:144px; height:60px; }
  [data-study="quiet-cards"] .logo-frame { inset:14px 0; }
  [data-study="quiet-cards"] .brand-logo-crop--wide { width:144px; }
  [data-study="quiet-cards"] .quiet-nav-label,
  [data-study="quiet-cards"] .sidebar-about { display:none; }
  [data-study="quiet-cards"] .mobile-contact { margin-left:auto; font-size:12px; }
  [data-study="quiet-cards"] .main-nav { display:flex; gap:22px; overflow:auto; padding:0 0 8px; }
  [data-study="quiet-cards"] .nav-link { flex:none; min-height:40px; height:40px; }
  [data-study="quiet-cards"] .nav-title { font-size:14px; }
  [data-study="quiet-cards"] .nav-link[aria-current]::after { width:5px; height:5px; }
  [data-study="quiet-cards"] .content-wrap { padding:0 16px; }
  [data-study="quiet-cards"] .page-bar { min-height:62px; }
  [data-study="quiet-cards"] .page-bar:has(+ #page-content > .quiet-toolbar) { min-height:54px; }
  [data-study="quiet-cards"] .page-title h1 { font-size:16px; }
  [data-study="quiet-cards"] .quiet-search { width:164px; min-height:36px; }
  [data-study="quiet-cards"] .quiet-toolbar { gap:8px; }
  [data-study="quiet-cards"] .quiet-pill { min-height:36px; padding:8px 12px; }
  [data-study="quiet-cards"] .quiet-toolbar .quiet-pills { gap:6px; }
  [data-study="quiet-cards"] .quiet-resource-grid,
  [data-study="quiet-cards"] .quiet-focus-grid { grid-template-columns:1fr; }
  [data-study="quiet-cards"] .quiet-resource-group { padding:18px 16px 0; }
  [data-study="quiet-cards"] .quiet-resource-group .resource-more { margin-inline:-16px; padding-inline:16px; }
  [data-study="quiet-cards"] .resource-name { font-size:14px; }
  [data-study="quiet-cards"] .resource-description { font-size:12px; line-height:18px; }
  [data-study="quiet-cards"] .quiet-resource-group .resource-row { min-height:66px; }
  [data-study="quiet-cards"] .visual-grid { columns:2; }
  [data-study="quiet-cards"] .visual-meta { flex-wrap:wrap; }
  [data-study="quiet-cards"] .course-grid { grid-template-columns:1fr; }
  [data-study="quiet-cards"] .status-filters { gap:4px; }
  [data-study="quiet-cards"] .status-filter { min-height:36px; padding:8px 12px; }
}
@media(max-width:379px) {
  [data-study="quiet-cards"] .main-nav { gap:16px; }
  [data-study="quiet-cards"] .quiet-search { width:138px; }
  [data-study="quiet-cards"] .visual-grid { columns:1; }
  [data-study="quiet-cards"] [data-page="experiments"] .visual-grid { grid-template-columns:minmax(0,1fr); }
}

/* Mobile primary navigation: a top-right trigger and a full-screen text menu. */
[data-study="quiet-cards"] .quiet-menu-toggle,
[data-study="quiet-cards"] .quiet-mobile-menu { display:none; }
@media(max-width:759px) {
  [data-study="quiet-cards"] .sidebar .main-nav,
  [data-study="quiet-cards"] .sidebar .mobile-contact { display:none; }
  [data-study="quiet-cards"] .quiet-menu-toggle,
  [data-study="quiet-cards"] .quiet-menu-close {
    display:grid; place-items:center; width:44px; height:44px; padding:10px;
    flex:none; border:0; border-radius:50%; background:none; color:var(--ink);
  }
  [data-study="quiet-cards"] .quiet-menu-toggle { margin-left:auto; margin-right:-6px; }
  [data-study="quiet-cards"] .quiet-menu-toggle svg,
  [data-study="quiet-cards"] .quiet-menu-close svg { width:24px; height:24px; stroke-width:1.4; }
  [data-study="quiet-cards"] .quiet-menu-toggle:hover,
  [data-study="quiet-cards"] .quiet-menu-close:hover { background:var(--hover); }
  [data-study="quiet-cards"] .quiet-mobile-menu[open] {
    display:flex; flex-direction:column; position:fixed; inset:0;
    width:100%; height:100dvh; max-width:none; max-height:none; margin:0;
    padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));
    border:0; border-radius:0; background:var(--bg); color:var(--ink);
    overflow-y:auto; overscroll-behavior:contain;
  }
  [data-study="quiet-cards"] .quiet-mobile-menu::backdrop { background:var(--bg); }
  [data-study="quiet-cards"] .quiet-menu-close { position:absolute; top:max(10px,env(safe-area-inset-top)); right:max(10px,env(safe-area-inset-right)); }
  [data-study="quiet-cards"] .quiet-menu-heading { font:400 17px/26px var(--mono); color:var(--muted); margin:0 48px 8px 0; }
  [data-study="quiet-cards"] .quiet-mobile-links { display:flex; flex-direction:column; align-items:stretch; }
  [data-study="quiet-cards"] .quiet-mobile-link { display:flex; align-items:center; gap:10px; width:fit-content; min-height:44px; padding:6px 0; font:400 17px/26px var(--mono); color:var(--muted); }
  [data-study="quiet-cards"] .quiet-mobile-link:hover,
  [data-study="quiet-cards"] .quiet-mobile-link[aria-current] { color:var(--ink); }
  [data-study="quiet-cards"] .quiet-mobile-link[aria-current]::after { content:''; width:6px; height:6px; border-radius:50%; background:currentColor; }
  [data-study="quiet-cards"] .quiet-menu-studio { margin-top:28px; }
  [data-study="quiet-cards"] .quiet-menu-note { margin-top:auto; padding-top:32px; font-size:12px; line-height:1.8; color:var(--muted); }
  [data-study="quiet-cards"].quiet-menu-open .main-scroll { overflow:hidden; }
}

/* Account entry and theme control belong to the persistent navigation. */
[data-study="quiet-cards"] .sidebar-identity { display:flex; align-items:center; gap:8px; }
[data-study="quiet-cards"] .sidebar .brand-switcher { flex:1 1 auto; width:auto; min-width:0; }
[data-study="quiet-cards"] .brand-logo-crop--wide { width:min(172px,100%); }
[data-study="quiet-cards"] .quiet-theme-toggle { flex:0 0 32px; width:32px; height:32px; color:var(--muted); translate:0 5px; }
[data-study="quiet-cards"] .quiet-theme-toggle svg { width:18px; height:18px; stroke-width:1.5; }
[data-study="quiet-cards"] .quiet-theme-sun { display:none; }
[data-study="quiet-cards"][data-theme="dark"] .quiet-theme-moon { display:none; }
[data-study="quiet-cards"][data-theme="dark"] .quiet-theme-sun { display:block; }
[data-study="quiet-cards"] .quiet-account-entry { position:relative; display:flex; align-items:center; gap:10px; width:100%; min-height:56px; padding:14px 0 10px; margin-top:18px; border:0; border-radius:0; background:transparent; color:var(--ink); text-align:left; font:13px/1.5 var(--mono); }
[data-study="quiet-cards"] .quiet-account-entry::before { content:""; position:absolute; top:0; left:-16px; right:-16px; height:1px; background:color-mix(in srgb,var(--ink) 8%,var(--bg)); pointer-events:none; }
@media(min-width:760px) {
  /* Include the content gutter in the sidebar's paint area; keep its text in place. */
  [data-study="quiet-cards"] .sidebar { margin-right:-16px; padding-right:32px; z-index:1; }
  [data-study="quiet-cards"] .sidebar-footer .quiet-account-entry::before { right:-16px; }
}
[data-study="quiet-cards"] .quiet-account-entry:hover { color:var(--muted); }
[data-study="quiet-cards"] .quiet-account-avatar { display:grid; place-items:center; flex:0 0 28px; width:28px; height:28px; border-radius:50%; background:color-mix(in srgb,var(--ink) 6%,var(--bg)); color:var(--muted); }
[data-study="quiet-cards"] .quiet-account-avatar svg { width:18px; height:18px; }
[data-study="quiet-cards"] .quiet-account-arrow { width:13px; height:13px; margin-left:auto; color:var(--muted); stroke-width:1.3; }
[data-study="quiet-cards"] .sidebar-footer .quiet-account-arrow { translate:8px 0; }
[data-study="quiet-cards"] .quiet-menu-footer { margin-top:auto; padding-top:32px; }
[data-study="quiet-cards"] .quiet-menu-footer .quiet-menu-note { margin:0 0 16px; padding:0; }
[data-study="quiet-cards"] .quiet-menu-footer .quiet-account-entry { margin:0; }
[data-study="quiet-cards"] .quiet-auth-dialog { width:min(400px,calc(100% - 32px)); max-height:calc(100dvh - 32px); margin:auto; padding:32px; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--ink); overflow:auto; }
[data-study="quiet-cards"] .quiet-auth-dialog::backdrop { background:rgb(0 0 0 / .32); }
[data-study="quiet-cards"] .quiet-auth-close { position:absolute; top:10px; right:10px; display:grid; place-items:center; width:36px; height:36px; border-radius:50%; color:var(--muted); }
[data-study="quiet-cards"] .quiet-auth-close:hover { background:var(--hover); }
[data-study="quiet-cards"] .quiet-auth-close svg { width:20px; height:20px; stroke-width:1.4; }
[data-study="quiet-cards"] .quiet-auth-avatar { display:grid; place-items:center; width:48px; height:48px; margin-bottom:24px; border-radius:50%; background:var(--bg); }
[data-study="quiet-cards"] .quiet-auth-avatar svg { width:26px; height:26px; stroke-width:1.3; }
[data-study="quiet-cards"] .quiet-auth-dialog h2 { margin:0 0 12px; font:500 22px/1.4 var(--mono); }
[data-study="quiet-cards"] .quiet-auth-dialog p { margin:0; color:var(--muted); font:13px/1.9 var(--mono); }
[data-study="quiet-cards"] .quiet-auth-continue { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:44px; padding:10px 14px; margin-top:28px; border-radius:6px; background:var(--ink); color:var(--bg); font:13px/1.5 var(--mono); }
[data-study="quiet-cards"] .quiet-auth-continue:hover { opacity:.8; }
@media(max-width:759px) {
  [data-study="quiet-cards"] .sidebar-identity { gap:6px; }
  [data-study="quiet-cards"] .sidebar .brand-switcher { flex:0 1 144px; }
  [data-study="quiet-cards"] .brand-logo-crop--wide { width:min(144px,100%); }
  [data-study="quiet-cards"] .quiet-theme-toggle { flex-basis:40px; width:40px; height:40px; }
  [data-study="quiet-cards"] .quiet-menu-toggle { margin-left:auto; }
}

/* One fixed SVG identity; no switch button, alternate artwork or focus target. */
[data-study="quiet-cards"] .quiet-brand { display:flex; align-items:center; flex:1 1 auto; min-width:0; height:64px; cursor:default; user-select:none; }
[data-study="quiet-cards"] .quiet-brand img { display:block; width:min(172px,100%); height:auto; transform:translateY(-5px); }
[data-study="quiet-cards"][data-theme="dark"] .quiet-brand img { filter:invert(1); }
@media(max-width:759px) {
  [data-study="quiet-cards"] .quiet-brand { flex:0 1 144px; height:60px; }
  [data-study="quiet-cards"] .quiet-brand img { width:min(144px,100%); }
}

/* 2026-10-14 18:15: preview-card visit arrow shows only on card hover/focus-within; always visible without hover */
[data-study="quiet-cards"] .quiet-resource-preview-card .quiet-resource-visit-btn { opacity:0; transition:background .2s ease, opacity .15s ease; }
[data-study="quiet-cards"] .quiet-resource-preview-card:hover .quiet-resource-visit-btn,
[data-study="quiet-cards"] .quiet-resource-preview-card:focus-within .quiet-resource-visit-btn { opacity:1; }
@media (hover:none) { [data-study="quiet-cards"] .quiet-resource-preview-card .quiet-resource-visit-btn { opacity:1; } }