.subscription-home { display:block; --feed-soft:#f4f7f0; --feed-accent:#41664b; --feed-muted:#657361; --feed-gold:#8d6a30; }
[data-theme="dark"] .subscription-home { --feed-soft:#233229; --feed-accent:#a4cfb0; --feed-muted:#a5b6a9; --feed-gold:#ddba79; }
.subscription-home h2 { font-size:16px; font-weight:600; letter-spacing:.2px; }
.subscription-home h2 span { margin-left:8px; font-size:12px; font-weight:400; color:var(--feed-muted); }
.subscription-home button:focus-visible,.subscription-home input:focus-visible,.subscription-home select:focus-visible { outline:2px solid var(--feed-accent); outline-offset:3px; }
.subscription-preferences,.subscription-intro,.subscription-home section>header,.subscription-evidence>header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.subscription-preferences { color:var(--feed-muted); font-size:11px; margin-bottom:18px; flex-wrap:wrap; }
.subscription-preferences label { display:flex; align-items:center; gap:8px; }
.subscription-home select,.subscription-home input { background:var(--paper); color:var(--ink); border:1px solid var(--line); border-radius:5px; padding:7px; min-height:32px; font:inherit; }
.subscription-intro { margin-bottom:20px; color:var(--feed-muted); font-size:13px; }
.subscription-tasks { background:var(--paper); border:1px solid var(--line); border-left:3px solid var(--feed-gold); border-radius:8px; padding:18px 22px; margin-bottom:24px; }
.subscription-task { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:14px; }
.subscription-task strong { font-size:14px; font-weight:550; }
.subscription-task p { color:var(--feed-muted); font-size:12px; margin:7px 0; line-height:1.6; }
.subscription-task small { color:var(--feed-muted); font-size:11px; }
.subscription-task .primary { flex-shrink:0; }
.subscription-signals { margin-bottom:24px; }
.subscription-signals header { margin-bottom:12px; }
.subscription-signals header small { color:var(--feed-muted); font-size:11px; }
.subscription-signal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.subscription-signal { text-align:left; padding:16px 18px; background:var(--paper); border:1px solid var(--line); border-radius:8px; min-width:0; }
.subscription-signal>span { font-size:10px; color:var(--feed-gold); letter-spacing:.4px; }
.subscription-signal.version>span { color:var(--purple); }
.subscription-signal strong { display:block; font-size:13px; font-weight:550; margin:9px 0; line-height:1.5; }
.subscription-signal p { color:var(--feed-muted); font-size:12px; line-height:1.7; }
.subscription-feed-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; align-items:start; }
.subscription-feed-layout.has-detail { grid-template-columns:minmax(0,1fr) 320px; }
.subscription-feed { background:var(--paper); border:1px solid var(--line); border-radius:8px; min-width:0; overflow:hidden; }
.subscription-feed-header { padding:20px 22px 14px; }
.subscription-feed-header p { margin-top:7px; color:var(--feed-muted); font-size:11px; }
.subscription-filters { padding:0 22px 12px; display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.subscription-filters label { display:flex; gap:6px; align-items:center; font-size:11px; color:var(--feed-muted); }
.subscription-read-tabs { display:flex; background:var(--feed-soft); padding:3px; border-radius:6px; }
.subscription-read-tabs button { font-size:12px; padding:7px 12px; border-radius:4px; color:var(--feed-muted); }
.subscription-read-tabs button[aria-pressed="true"] { background:var(--paper); color:var(--feed-accent); box-shadow:0 1px 4px #0001; }
.subscription-sort-note { color:var(--feed-muted); font-size:10px; padding:0 22px 14px; line-height:1.7; }
.subscription-row { padding:18px 22px; border-top:1px solid var(--line); }
.subscription-row.is-selected { background:var(--feed-soft); box-shadow:inset 3px 0 var(--feed-accent); }
.subscription-row-top { display:flex; align-items:center; gap:10px; font-size:10px; color:var(--feed-muted); margin-bottom:10px; flex-wrap:wrap; }
.subscription-type { display:inline-block; font-size:10px; color:var(--feed-gold); background:var(--feed-soft); padding:4px 6px; border-radius:4px; }
.subscription-type.governance { color:var(--purple); }
.subscription-read-label { margin-left:auto; }
.is-unread .subscription-read-label { color:var(--feed-accent); }
.is-unread .subscription-read-label:before { content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--feed-accent);margin-right:5px; }
.subscription-row-title { text-align:left; font-size:14px; line-height:1.7; font-weight:550; color:var(--ink); }
.subscription-row-title>span { color:var(--feed-muted); font-weight:400; }
.subscription-row p { font-size:12px; line-height:1.8; color:var(--feed-muted); margin-top:7px; overflow-wrap:anywhere; }
.subscription-row-foot { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px; }
.subscription-row-foot>span { font-size:10px; color:var(--feed-muted); line-height:1.6; }
.subscription-row-foot .text-button { white-space:nowrap; }
.subscription-home .text-button { color:var(--feed-accent); }
.subscription-group summary { cursor:pointer; font-size:13px; padding:18px 22px; border-top:1px solid var(--line); }
.subscription-group summary small { color:var(--feed-muted); margin-left:8px; }
.subscription-evidence { background:var(--paper); border:1px solid var(--line); border-radius:8px; padding:20px; position:sticky; top:20px; min-width:0; }
.subscription-evidence>header { margin-bottom:18px; }
.subscription-evidence h3 { font-size:14px; line-height:1.7; margin:16px 0 10px; }
.subscription-evidence strong { font-size:13px; font-weight:550; }
.subscription-evidence p,.subscription-evidence li { font-size:12px; line-height:1.8; color:var(--feed-muted); overflow-wrap:anywhere; }
.subscription-evidence p { margin:10px 0; }
.subscription-evidence dl { font-size:11px; line-height:1.7; border-block:1px solid var(--line); padding:12px 0; margin-top:14px; }
.subscription-evidence dt { color:var(--feed-muted); margin-top:8px; }.subscription-evidence dd { margin:0; }
.subscription-evidence ul { padding-left:16px; }.subscription-evidence li { margin-bottom:10px; }.subscription-evidence small { display:block; }
.subscription-boundary { padding:10px;background:var(--feed-soft);border-radius:5px; }
.subscription-empty { text-align:center; padding:40px 20px; font-size:13px; }.subscription-empty p { margin:12px 0 20px;color:var(--feed-muted);font-size:12px;line-height:1.7; }
.subscription-more { display:block;margin:16px auto; }.subscription-end,.subscription-storage-note { text-align:center;font-size:10px;color:var(--feed-muted);padding:16px; }
.subscription-calm { color:var(--feed-muted);font-size:12px;padding:12px 0;line-height:1.7; }
#subscription-return { margin-bottom:16px; }[hidden] { display:none !important; }
@media(max-width:1100px) { .subscription-feed-layout.has-detail {grid-template-columns:minmax(0,1fr) 285px;}.subscription-filters {gap:8px;}.subscription-row-foot {align-items:flex-start;} }
@media(max-width:999px) { .subscription-feed-layout.has-detail {grid-template-columns:minmax(0,1fr);}.subscription-evidence {position:static;grid-row:1;} }
@media(max-width:760px) {
  .subscription-signal-grid {grid-template-columns:1fr;}.subscription-intro {align-items:flex-start;flex-direction:column;}.subscription-tasks {padding:16px;}.subscription-task {align-items:flex-start;flex-direction:column;gap:12px;}
  .subscription-signals header {align-items:flex-start;gap:8px;flex-direction:column;}.subscription-feed-header {padding:16px;align-items:flex-start !important;flex-wrap:wrap;}.subscription-filters {padding:0 16px 12px;}.subscription-row {padding:16px;}.subscription-sort-note {padding-inline:16px;}.subscription-row-foot {flex-wrap:wrap;}.subscription-preferences {line-height:1.7;}
  .sidebar nav {overflow-x:auto;}.sidebar nav .nav-item {flex-shrink:0;} .topbar {gap:8px;}.breadcrumb {white-space:nowrap;}.topbar-tools {gap:5px;}
}

main:has(.subscription-home) {padding-top:24px;}
main:has(.subscription-home) .page-heading {margin-bottom:18px;}
.subscription-preference-actions {display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.subscription-tasks {padding-block:14px;margin-bottom:18px;}
.subscription-task {padding-top:10px;}
.subscription-signals {margin-bottom:18px;}
.subscription-signal {padding:13px 16px;}
.subscription-feed-header {padding-top:16px;}

.subscription-governance-todo {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:12px;color:var(--feed-muted);}

@media(min-width:1100px) {
 .subscription-summary {display:grid;grid-template-columns:minmax(330px,1fr) minmax(0,1.65fr);gap:18px;margin-bottom:20px;align-items:stretch;}
 .subscription-summary .subscription-tasks {margin:0;}
 .subscription-summary .subscription-signals {margin:0;display:flex;flex-direction:column;}
 .subscription-summary .subscription-task {flex-wrap:wrap;gap:10px;}
 .subscription-summary .subscription-task .primary {font-size:11px;padding:7px 11px;}
 .subscription-summary .subscription-signal-grid {flex:1;}
 .subscription-summary .subscription-signal {padding:12px;}
 .subscription-summary .subscription-signal strong {font-size:12px;}
 .subscription-summary .subscription-signal p {font-size:11px;}
 .subscription-summary .subscription-signals>.text-button {align-self:flex-start;}
 .subscription-summary .subscription-signals header {flex-wrap:wrap;gap:8px;}
}

@media(min-width:1000px) {.subscription-evidence {max-height:calc(100vh - 40px);overflow:auto;}}
@media(max-width:760px) {.subscription-home .subscription-signals>header {align-items:flex-start;}}

.module-subscribe-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;margin:12px 0;border:1px solid var(--line);border-radius:7px;background:var(--surface,#fff);grid-column:1/-1}
.module-subscribe-bar strong{font-size:13px}.module-subscribe-bar p{font-size:11px;line-height:1.7;margin:6px 0 0;color:var(--muted,#718071)}
.module-subscribe-bar button,.module-option>.outline{flex-shrink:0}.module-manager h3{font-size:16px;margin:0 0 12px}.module-manager h4{font-size:12px;margin:18px 0 8px}
.module-options{display:grid;gap:8px}.module-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px;border:1px solid var(--line);border-radius:6px}.module-option small{color:var(--muted,#718071)}
.module-shortcuts{border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:8px}.module-shortcuts>small{display:block;font-size:10px;color:var(--muted,#718071);padding:5px 10px}
[data-theme="dark"] .module-subscribe-bar{background:var(--surface,#18231e)}
@media(max-width:760px){.module-subscribe-bar{align-items:flex-start;flex-wrap:wrap}.module-option{flex-wrap:wrap}}
