:root{--bg:#f4f1e9;--card:#ffffff;--ink:#1f2a37;--muted:#586779;--accent:#1f6feb;--accent-strong:#1549a1;--border:#d7dee8;--shadow-soft:0 12px 30px rgba(31,42,55,0.08)}body{font-family:"DM Sans","Segoe UI",sans-serif;background:radial-gradient(circle at top left,#fdf6e7 0%,#f4f1e9 45%,#eef3f7 100%);color:var(--ink)}h1{font-family:"Space Grotesk","Segoe UI",sans-serif;font-size:2.1rem;font-weight:700;letter-spacing:-0.02em}.viewas-page{padding-bottom:32px}.page-header{gap:16px;margin-bottom:18px}.eyebrow{text-transform:uppercase;letter-spacing:0.18em;font-size:0.72rem;color:var(--muted)}.page-meta{font-size:0.95rem;color:var(--muted)}.compact-meta{font-size:0.85rem}.compact-label{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted);margin-bottom:2px}.viewas-controls{min-width:220px}.summary-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow-soft);transition:transform 0.15s ease,box-shadow 0.15s ease}.summary-card:hover,.summary-card:focus-visible{transform:translateY(-2px);box-shadow:0 16px 28px rgba(31,42,55,0.12)}.summary-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.summary-label{color:var(--muted);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.08em}.summary-card-link{font-size:0.78rem;color:var(--accent);text-decoration:none}.summary-card-link:hover,.summary-card-link:focus-visible{color:var(--accent-strong);text-decoration:underline}.summary-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.summary-list li{font-size:0.92rem;line-height:1.3}.summary-meta{color:var(--muted);font-size:0.78rem;margin-top:2px}.summary-list a{color:var(--ink);text-decoration:none}.summary-list a:hover,.summary-list a:focus-visible{color:var(--accent-strong);text-decoration:underline}.summary-empty{color:var(--muted);font-size:0.85rem}