.product-nav { display:flex; align-items:center; gap:var(--space-5); color:var(--text-secondary); font-size:var(--text-sm); }
.product-nav a { padding:var(--space-2) 0; border-bottom:2px solid transparent; }
.product-nav a:hover, .product-nav a.is-active, .product-nav a[aria-current] { color:var(--text-primary); border-color:var(--color-brand-primary); }
.space-subnav { position:fixed; top:var(--header-height); right:0; left:0; z-index:calc(var(--z-dropdown) - 1); height:52px; border-top:1px solid var(--border-default); border-bottom:1px solid var(--border-default); background:rgba(250,250,250,.96); backdrop-filter:blur(16px); }
.space-subnav__inner { display:flex; align-items:center; gap:var(--space-6); width:min(1180px,calc(100% - 48px)); height:100%; margin:0 auto; overflow-x:auto; scrollbar-width:none; }
.space-subnav__inner::-webkit-scrollbar { display:none; }
.space-subnav a { display:flex; align-items:center; height:100%; border-bottom:2px solid transparent; color:var(--text-secondary); font-size:var(--text-sm); font-weight:var(--font-medium); white-space:nowrap; }
.space-subnav a:hover, .space-subnav a[aria-current] { border-color:var(--color-brand-primary); color:var(--text-primary); }
.auth-nav { display:flex; align-items:center; gap:var(--space-3); margin-left:auto; color:var(--text-secondary); font-size:var(--text-xs); }
.auth-nav__link,.auth-nav > a { padding:7px 11px; border:1px solid var(--border-default); border-radius:var(--radius-pill); color:var(--text-primary); white-space:nowrap; }
.auth-nav__name { max-width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.auth-nav__logout { color:var(--text-tertiary); font-size:inherit; }
.auth-required { display:grid; gap:var(--space-3); margin-top:var(--space-5); padding:var(--space-4); border-radius:var(--radius-lg); background:var(--surface-3); color:var(--text-secondary); font-size:var(--text-sm); line-height:var(--leading-relaxed); }
.auth-required .t-button { justify-self:start; color:white; }
.auth-required__link { width:max-content; color:var(--color-brand-primary); font-size:var(--text-xs); font-weight:var(--font-semibold); }
.auth-page { display:grid; min-height:100vh; place-items:center; width:min(100% - 32px,480px); margin:auto; padding:calc(var(--header-height) + var(--space-7)) 0 var(--space-8); }
.auth-card { width:100%; padding:clamp(24px,6vw,40px); border:1px solid var(--border-default); border-radius:var(--radius-xl); background:var(--surface-2); box-shadow:var(--shadow-md); }
.auth-card h1 { margin-top:var(--space-3); font-size:var(--text-3xl); }
.auth-card__intro { margin-top:var(--space-4); color:var(--text-secondary); font-size:var(--text-sm); line-height:var(--leading-relaxed); }
.auth-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-2); margin-top:var(--space-6); padding:4px; border-radius:var(--radius-lg); background:var(--surface-3); }
.auth-tabs button { padding:10px; border-radius:var(--radius-md); color:var(--text-secondary); font-weight:var(--font-semibold); }
.auth-tabs button.is-active { background:var(--surface-2); color:var(--text-primary); box-shadow:var(--shadow-sm); }
.auth-form { display:grid; gap:var(--space-4); margin-top:var(--space-5); }
.auth-form label { display:grid; gap:var(--space-2); color:var(--text-secondary); font-size:var(--text-sm); font-weight:var(--font-medium); }
.auth-form input { width:100%; padding:12px 14px; border:1px solid var(--border-default); border-radius:var(--radius-lg); background:var(--surface-1); font:inherit; }
.auth-form input:focus { outline:none; border-color:var(--border-focus); box-shadow:0 0 0 3px rgba(37,99,235,.08); }
#recoveryCodesPanel { margin-top:var(--space-5); }
#recoveryCodesPanel h2 { font-size:var(--text-xl); }
#recoveryCodesPanel p { margin:var(--space-3) 0; color:var(--text-secondary); font-size:var(--text-sm); line-height:var(--leading-relaxed); }
#recoveryCodes { overflow:auto; margin-bottom:var(--space-4); padding:var(--space-4); border:1px solid var(--border-default); border-radius:var(--radius-lg); background:var(--surface-1); font:var(--text-sm)/1.8 var(--font-mono); user-select:all; }
.account-recovery { margin-top:var(--space-5); }
.account-recovery > p { margin:var(--space-3) 0 var(--space-4); color:var(--text-secondary); line-height:var(--leading-relaxed); }
#rotatedRecoveryPanel { margin-top:var(--space-5); }
#rotatedRecoveryCodes { overflow:auto; padding:var(--space-4); border:1px solid var(--border-default); border-radius:var(--radius-lg); background:var(--surface-1); font:var(--text-sm)/1.8 var(--font-mono); user-select:all; }
.product-page { width:min(1180px, calc(100% - 48px)); margin:0 auto; padding:calc(var(--header-height) + var(--space-8)) 0 var(--space-9); }
.product-page--narrow { width:min(900px, calc(100% - 48px)); }
body.has-space-subnav .product-page { padding-top:calc(var(--header-height) + 52px + var(--space-8)); }
body.has-space-subnav .canvas-page { padding-top:calc(var(--header-height) + 164px); }
body.has-space-subnav .canvas-page[data-scene="explore"] { padding-top:calc(var(--header-height) + 52px + var(--space-7)); }
.product-hero { max-width:720px; padding:0 0 var(--space-7); }
.product-hero h1 { margin-top:var(--space-3); font-size:clamp(32px, 5vw, 52px); letter-spacing:-.04em; }
.product-hero > p:last-child { margin-top:var(--space-4); color:var(--text-secondary); font-size:var(--text-lg); line-height:var(--leading-relaxed); }
.product-eyebrow { color:var(--color-brand-primary); font-size:var(--text-xs); font-weight:var(--font-semibold); letter-spacing:.08em; text-transform:uppercase; }
.product-grid { display:grid; gap:var(--space-5); }
.return-context { display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); margin-bottom:var(--space-5); }
.return-context[hidden] { display:none; }
.return-context p { margin-top:var(--space-2); font-weight:var(--font-semibold); }
.product-grid--form { grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); align-items:start; }
.product-panel { padding:var(--space-6); border:1px solid var(--border-default); border-radius:var(--radius-xl); background:var(--surface-2); box-shadow:var(--shadow-sm); }
.experience-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-5); }
.quick-capture textarea { min-height:168px; font-size:var(--text-md); }
.quick-capture small { color:var(--text-tertiary); line-height:var(--leading-relaxed); }
.capture-details { padding:var(--space-4); border:1px solid var(--border-default); border-radius:var(--radius-lg); background:var(--surface-1); }
.capture-details > summary { cursor:pointer; color:var(--text-secondary); font-size:var(--text-sm); font-weight:var(--font-semibold); }
.capture-details__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-4); margin-top:var(--space-5); }
.field { display:grid; gap:var(--space-2); }
.field--wide { grid-column:1/-1; }
.field label, .field > span { color:var(--text-secondary); font-size:var(--text-sm); font-weight:var(--font-medium); }
.field input, .field textarea, .field select { width:100%; padding:12px 14px; border:1px solid var(--border-default); border-radius:var(--radius-lg); background:var(--surface-2); font:inherit; }
.field textarea { resize:vertical; line-height:var(--leading-normal); }
.field input:focus, .field textarea:focus, .field select:focus { outline:none; border-color:var(--border-focus); box-shadow:0 0 0 3px rgba(37,99,235,.08); }
.source-note { padding:var(--space-4); border-radius:var(--radius-lg); background:var(--surface-3); }
.source-note strong { font-size:var(--text-sm); }
.source-note p { margin-top:var(--space-2); color:var(--text-secondary); font-size:var(--text-sm); }
.form-actions { display:flex; justify-content:flex-end; }
.item-actions { display:inline-flex; gap:var(--space-3); }
.panel-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--space-4); }
.panel-heading h2 { margin-top:var(--space-2); font-size:var(--text-xl); }
.count-badge, .state-badge { padding:4px 9px; border-radius:var(--radius-pill); background:var(--surface-3); color:var(--text-secondary); font-size:var(--text-xs); white-space:nowrap; }
.search-field { margin-top:var(--space-5); }
.empty-library { padding:var(--space-8) var(--space-4); text-align:center; color:var(--text-secondary); }
.empty-library[hidden] { display:none; }
.empty-library h3 { margin-top:var(--space-4); color:var(--text-primary); }
.empty-library p { margin:var(--space-2) auto var(--space-5); max-width:360px; }
.empty-seed { display:block; width:34px; height:34px; margin:auto; border:1px solid var(--color-brand-primary); border-radius:50%; box-shadow:0 0 0 8px rgba(37,99,235,.06); }
.experience-list, .judgment-list { display:grid; gap:var(--space-4); margin-top:var(--space-5); }
.experience-item, .judgment-item { padding:var(--space-5); border:1px solid var(--border-default); border-radius:var(--radius-lg); background:var(--surface-2); }
.experience-item header, .judgment-item header { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--space-3); }
.experience-item h3 { font-size:var(--text-md); }
.experience-item > p { margin-top:var(--space-3); color:var(--text-secondary); font-size:var(--text-sm); }
.state-badge--support { color:#08785a; background:#e8faf4; }
.state-badge--conflict { color:#9a5b00; background:#fff5db; }
.tag-row, .snapshot-list { display:flex; flex-wrap:wrap; gap:var(--space-2); margin-top:var(--space-4); }
.tag-row span, .snapshot-list span { padding:3px 8px; border-radius:var(--radius-pill); background:var(--surface-3); color:var(--text-secondary); font-size:var(--text-xs); }
.experience-item footer, .judgment-item footer { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); margin-top:var(--space-4); color:var(--text-tertiary); font-size:var(--text-xs); }
.verification-entry { margin-top:var(--space-4); padding-top:var(--space-4); border-top:1px solid var(--border-default); }
.verification-entry summary { cursor:pointer; color:var(--color-brand-primary); font-size:var(--text-sm); font-weight:var(--font-semibold); }
.verification-entry label { display:grid; gap:var(--space-2); margin-top:var(--space-3); color:var(--text-secondary); font-size:var(--text-xs); font-weight:var(--font-semibold); }
.verification-entry select, .verification-entry textarea, .verification-entry input { width:100%; padding:var(--space-3); border:1px solid var(--border-default); border-radius:var(--radius-md); background:var(--surface-2); font:inherit; font-weight:var(--font-regular); }
.verification-entry button { margin-top:var(--space-3); }
.verification-history { margin-top:var(--space-3); color:var(--text-secondary); font-size:var(--text-xs); }
.verification-history summary { cursor:pointer; color:var(--text-secondary); font-weight:var(--font-semibold); }
.verification-history ol { display:grid; gap:var(--space-3); margin:var(--space-3) 0 0; padding-left:var(--space-5); }
.verification-history li { padding-left:var(--space-1); }
.verification-history li > div { display:flex; justify-content:space-between; gap:var(--space-3); }
.verification-history time { color:var(--text-tertiary); }
.verification-history p { margin-top:var(--space-1); color:var(--text-secondary); }
.verification-history a { display:inline-block; margin-top:var(--space-1); }
.verification-history--snapshot { padding-top:var(--space-2); border-top:1px solid var(--border-default); }
.experience-item footer a, .judgment-item footer a { color:var(--color-brand-primary); overflow-wrap:anywhere; }
.text-action { color:var(--text-tertiary); font-size:var(--text-xs); }
.text-action:hover { color:var(--danger); }
.history-summary { display:grid; grid-template-columns:repeat(3,1fr); margin-bottom:var(--space-7); text-align:center; }
.history-summary div { display:grid; gap:var(--space-1); padding:var(--space-4); border-right:1px solid var(--border-default); }
.history-summary div:last-child { border:0; }
.history-summary strong { font-size:var(--text-2xl); }
.history-summary span { color:var(--text-secondary); font-size:var(--text-sm); }
.judgment-item h2 { font-size:var(--text-xl); }
.judgment-item time { color:var(--text-tertiary); font-size:var(--text-xs); white-space:nowrap; }
.judgment-item blockquote { margin-top:var(--space-4); padding-left:var(--space-4); border-left:3px solid var(--color-brand-primary); color:var(--text-secondary); line-height:var(--leading-relaxed); }
.history-tools { display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); margin:-24px 0 var(--space-7); color:var(--text-tertiary); font-size:var(--text-xs); }
.history-filters { display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:var(--space-4); margin-top:var(--space-5); }
.revision-context { display:flex; justify-content:space-between; gap:var(--space-3); margin-top:var(--space-3); padding:var(--space-2) var(--space-3); border-radius:var(--radius-md); background:var(--surface-3); font-size:var(--text-xs); }
.revision-context a { color:var(--color-brand-primary); }
.filter-empty { padding:var(--space-6); color:var(--text-tertiary); text-align:center; }
.judgment-comparison { display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-3); margin-top:var(--space-4); }
.judgment-comparison section, .judgment-change { padding:var(--space-4); border-radius:var(--radius-lg); background:var(--surface-3); }
.judgment-comparison span { color:var(--text-tertiary); font-size:var(--text-xs); font-weight:var(--font-semibold); }
.judgment-comparison p, .judgment-change p { margin-top:var(--space-2); color:var(--text-secondary); line-height:var(--leading-relaxed); }
.judgment-change { margin-top:var(--space-3); }
.judgment-change small { display:block; margin-top:var(--space-3); color:var(--text-tertiary); }
.judgment-item details { margin-top:var(--space-4); }
.judgment-item summary { cursor:pointer; color:var(--color-brand-primary); font-size:var(--text-sm); font-weight:var(--font-semibold); }
.snapshot-card { margin-top:var(--space-3); padding:var(--space-4); border:1px solid var(--border-default); border-radius:var(--radius-lg); }
.snapshot-card h3 { display:inline; font-size:var(--text-sm); }
.snapshot-card > span { float:right; color:var(--color-brand-primary); font-size:var(--text-xs); }
.snapshot-card p { margin-top:var(--space-2); color:var(--text-secondary); font-size:var(--text-sm); }
.snapshot-card small { display:block; margin-top:var(--space-3); color:var(--text-tertiary); }
.outcome-history { margin-top:var(--space-4); padding:var(--space-4); border-left:3px solid var(--color-brand-primary); background:var(--surface-3); }
.outcome-history h3 { font-size:var(--text-sm); }
.outcome-history ol { display:grid; gap:var(--space-4); margin:var(--space-3) 0 0; padding-left:var(--space-5); }
.outcome-history li > div { display:flex; justify-content:space-between; gap:var(--space-3); }
.outcome-history strong { font-size:var(--text-xs); }
.outcome-history time { color:var(--text-tertiary); font-size:var(--text-xs); }
.outcome-history p { margin-top:var(--space-1); color:var(--text-secondary); font-size:var(--text-sm); }
.outcome-history a { display:inline-block; margin-top:var(--space-1); font-size:var(--text-xs); }
.outcome-review { display:flex; align-items:end; gap:var(--space-3); margin-top:var(--space-4); padding:var(--space-4); border:1px dashed var(--border-hover); border-radius:var(--radius-lg); }
.outcome-review__fields { display:grid; flex:1; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-3); }
.outcome-review label { display:grid; gap:var(--space-2); color:var(--text-secondary); font-size:var(--text-xs); font-weight:var(--font-semibold); }
.outcome-review label:first-child { grid-column:1/-1; }
.outcome-review textarea,.outcome-review select,.outcome-review input { width:100%; padding:var(--space-3); resize:vertical; border:1px solid var(--border-default); border-radius:var(--radius-md); background:var(--surface-2); font:inherit; font-weight:var(--font-regular); }
.validation-summary { display:grid; grid-template-columns:repeat(4,1fr); margin-bottom:var(--space-6); text-align:center; }
.validation-summary div { display:grid; gap:var(--space-1); padding:var(--space-3); border-right:1px solid var(--border-default); }
.validation-summary div:last-child { border:0; }
.validation-summary strong { font-size:var(--text-xl); }
.validation-summary span { color:var(--text-secondary); font-size:var(--text-xs); }
.validation-form { margin-bottom:var(--space-8); }
.validation-form[hidden] { display:none; }
.demo-research { margin-bottom:var(--space-6); }
.demo-research > p { margin-top:var(--space-3); color:var(--text-secondary); font-size:var(--text-sm); line-height:var(--leading-relaxed); }
.demo-journey-list { display:grid; gap:var(--space-3); margin-top:var(--space-5); }
.demo-journey { padding:var(--space-4); border:1px solid var(--border-default); border-radius:var(--radius-lg); background:var(--surface-1); }
.demo-journey header { display:flex; justify-content:space-between; gap:var(--space-3); }
.demo-journey h3 { margin-top:var(--space-3); font-size:var(--text-md); }
.demo-journey > p,.demo-journey small { display:block; margin-top:var(--space-3); color:var(--text-secondary); font-size:var(--text-sm); line-height:var(--leading-relaxed); }
.demo-comparison { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-3); margin-top:var(--space-3); }
.demo-comparison p { padding:var(--space-3); border-radius:var(--radius-md); background:var(--surface-3); color:var(--text-secondary); font-size:var(--text-sm); }
.validation-checks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-3); padding:var(--space-4); border:1px solid var(--border-default); border-radius:var(--radius-lg); }
.validation-checks legend { padding:0 var(--space-2); color:var(--text-secondary); font-size:var(--text-sm); font-weight:var(--font-medium); }
.validation-checks label { display:flex; align-items:flex-start; gap:var(--space-2); color:var(--text-secondary); font-size:var(--text-sm); }
.validation-checks input { width:auto; margin-top:3px; }
.validation-actions { align-items:center; justify-content:space-between; }
.validation-actions a { color:var(--text-secondary); font-size:var(--text-sm); }
.validation-list { display:grid; gap:var(--space-4); margin-top:var(--space-5); }
.validation-item { padding:var(--space-5); border:1px solid var(--border-default); border-radius:var(--radius-lg); background:var(--surface-2); }
.validation-item header, .validation-item footer { display:flex; justify-content:space-between; gap:var(--space-3); }
.validation-item h3 { font-size:var(--text-md); }
.validation-item > p { margin-top:var(--space-3); color:var(--text-secondary); font-size:var(--text-sm); }
.validation-item footer { margin-top:var(--space-4); color:var(--text-tertiary); font-size:var(--text-xs); }
.validation-outcomes { display:flex; flex-wrap:wrap; gap:var(--space-2); margin-top:var(--space-3); }
.validation-outcomes span { padding:3px 8px; border-radius:var(--radius-pill); font-size:var(--text-xs); }
.validation-outcomes .is-met { color:#08785a; background:#e8faf4; }
.validation-outcomes .is-unmet { color:var(--text-tertiary); background:var(--surface-3); }
@media (max-width:800px) {
  .t-header { padding:0 var(--space-4); }
  .t-header__logo { font-size:var(--text-lg); }
  .product-nav { gap:var(--space-3); font-size:var(--text-xs); }
  .space-subnav__inner { gap:var(--space-5); width:100%; padding:0 var(--space-4); }
  .space-subnav a { font-size:var(--text-xs); }
  .auth-nav__name { display:none; }
  .auth-nav__link,.auth-nav > a { padding:6px 8px; }
  .product-page, .product-page--narrow { width:min(100% - 32px, 720px); padding-top:calc(var(--header-height) + var(--space-6)); }
  body.has-space-subnav .product-page { padding-top:calc(var(--header-height) + 52px + var(--space-6)); }
  body.has-space-subnav .canvas-page, body.has-space-subnav .canvas-page[data-scene="explore"] { padding-top:calc(var(--header-height) + 52px + var(--space-7)); }
  .product-grid--form, .experience-form { grid-template-columns:1fr; }
  .capture-details__grid,.demo-comparison { grid-template-columns:1fr; }
  .return-context { align-items:flex-start; flex-direction:column; }
  .field--wide { grid-column:auto; }
  .history-summary { grid-template-columns:1fr; }
  .history-summary div { border-right:0; border-bottom:1px solid var(--border-default); }
  .judgment-item header { flex-direction:column; }
  .judgment-comparison { grid-template-columns:1fr; }
  .history-tools { align-items:flex-start; flex-direction:column; }
  .history-filters { grid-template-columns:1fr; }
  .outcome-review { align-items:stretch; flex-direction:column; }
  .outcome-review__fields { grid-template-columns:1fr; }
  .outcome-review label:first-child { grid-column:auto; }
  .validation-summary, .validation-checks { grid-template-columns:1fr; }
  .validation-summary div { border-right:0; border-bottom:1px solid var(--border-default); }
}