.reading-hub-nav { display:flex; align-items:stretch; border-block:1px solid #b5c0b8; background:#f3f1ea; }
.reading-hub-nav > * { flex:1; min-width:0; padding:19px 10px; border:0; border-bottom:2px solid transparent; text-align:center; background:none; color:#163d34; font:inherit; cursor:pointer; text-decoration:none; }
.reading-hub-nav [aria-current="page"] { color:#a34838; border-bottom-color:currentColor; }
.reading-hub-nav > *:hover { background:#e8e9e1; }
.reading-hub-nav > *:focus-visible, .reading-hub-panel button:focus-visible, .reading-hub-personal a:focus-visible { outline:2px solid #a34838; outline-offset:3px; }
.reading-hub-zone { display:flex; justify-content:space-between; gap:12px; padding:14px 24px; font-size:12px; color:#536b61; }
.reading-hub-panel, .reading-hub-personal { margin:0; padding:48px clamp(20px,5vw,72px); color:#12382f; }
.reading-hub-personal { border-bottom:1px solid #bdc7bd; background:#e7eae2; }
.reading-hub-panel { min-height:440px; }
.reading-hub-panel [hidden], [data-hub-panel][hidden], .reading-hub-personal [hidden] { display:none !important; }
.reading-hub-panel h2, .reading-hub-personal h2 { font-family:var(--font-serif,serif); font-size:clamp(28px,3vw,42px); font-weight:400; line-height:1.4; margin:8px 0 20px; }
.reading-hub-panel h3 { font-family:var(--font-serif,serif); font-size:24px; font-weight:400; }
.reading-hub-panel p, .reading-hub-personal p { line-height:1.9; max-width:72ch; }
.reading-hub-fine { font-size:13px; color:#52685d; }
.reading-hub-personal-body { display:grid; grid-template-columns:1fr 1.25fr; gap:48px; align-items:start; }
.reading-hub-note-action { border-left:2px solid #a34838; padding-left:18px; }
.reading-hub-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:24px; }
.reading-hub-actions a, .reading-hub-actions button { padding:12px 19px; border:1px solid #8a9e90; background:transparent; color:#12382f; font:inherit; text-decoration:none; cursor:pointer; min-height:44px; }
.reading-hub-actions .reading-hub-primary { background:#12382f; color:#f3f1ea; border-color:#12382f; }
.reading-hub-panel-head { display:flex; justify-content:space-between; gap:16px; align-items:center; }
.reading-hub-month-controls { display:flex; gap:8px; }
.reading-hub-month-controls button { width:44px; height:44px; background:transparent; border:1px solid #aabbad; color:inherit; cursor:pointer; }
.reading-hub-calendar { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); border-top:1px solid #abbcad; border-left:1px solid #abbcad; margin-top:24px; }
.reading-hub-calendar > * { min-width:0; padding:12px 6px; border:0; border-right:1px solid #abbcad; border-bottom:1px solid #abbcad; background:none; color:inherit; }
.reading-hub-calendar .reading-hub-weekday { font-size:12px; text-align:center; background:#e8eae2; }
.reading-hub-calendar button { display:flex; flex-direction:column; align-items:center; gap:7px; cursor:pointer; font:inherit; min-height:84px; }
.reading-hub-calendar button small { font-size:11px; color:#536b61; }
.reading-hub-calendar button[aria-current="date"] { background:#12382f; color:#f3f1ea; }
.reading-hub-calendar button[aria-current="date"] small { color:#d7e0d5; }
.reading-hub-calendar button:disabled { opacity:.36; cursor:default; }
.reading-hub-month-notes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; margin:32px 0; }
.reading-hub-month-notes article { border-top:1px solid #abbcad; padding-top:18px; }
.reading-hub-lessons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 36px; margin-top:36px; }
.reading-hub-lessons details { padding:24px 0; border-top:1px solid #aabbad; }
.reading-hub-lessons summary { cursor:pointer; font-size:21px; }
.reading-hub-lessons a { color:#804233; text-underline-offset:5px; }
.reading-hub-pillars { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); max-width:680px; margin:26px 0; }
.reading-hub-pillars div { padding:16px 8px; border-block:1px solid #aabbad; text-align:center; }
.reading-hub-pillars dt { font-size:12px; }
.reading-hub-pillars dd { font-family:var(--font-serif,serif); font-size:28px; margin:8px 0 0; }
.reading-hub-upcoming { display:flex; overflow:auto; gap:8px; padding-block:18px 4px; }
.reading-hub-upcoming button { flex:0 0 92px; min-height:68px; padding:9px; border:1px solid #aabbad; background:none; color:#12382f; cursor:pointer; }
.reading-hub-upcoming button span { display:block; margin-top:5px; font-size:12px; }
body[data-hub-active]:not([data-hub-active="today"]) .almanac-reading,
body[data-hub-active]:not([data-hub-active="today"]) .almanac-loading,
body[data-hub-active]:not([data-hub-active="today"]) .almanac-error { display:none !important; }
@media(max-width:700px) {
  .page-almanac .almanac-hero { padding:28px 18px; gap:20px; }
  .page-almanac .almanac-hero h1 { font-size:48px; }
  .page-almanac .almanac-date strong { font-size:28px; }
  .reading-hub-personal-body, .reading-hub-month-notes, .reading-hub-lessons { grid-template-columns:1fr; gap:18px; }
  .reading-hub-panel, .reading-hub-personal { padding:28px 18px; }
  .reading-hub-nav > * { font-size:13px; padding:16px 4px; }
  .reading-hub-zone { padding:12px 18px; flex-wrap:wrap; }
  .reading-hub-calendar button { min-height:68px; }
  .reading-hub-calendar button small { font-size:10px; }
  .reading-hub-panel-head h2 { font-size:27px; }
}
.page-almanac .almanac-hero { min-height:0; padding:46px clamp(20px,5vw,72px); }
.page-almanac .almanac-hero h1 { font-size:clamp(48px,6vw,82px); }
.page-almanac .almanac-date strong { font-size:clamp(27px,3vw,42px); line-height:1.5; }
.reading-hub-bookmark-action { margin-top:20px; }
.reading-hub-bookmarks { margin-top:40px; padding-top:24px; border-top:1px solid #aabbad; }
.reading-hub-bookmark-list { list-style:none; padding:0; margin:20px 0 0; max-width:780px; }
.reading-hub-bookmark-list li { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 0; border-bottom:1px solid #c0cabf; }
.reading-hub-bookmark-list a { display:flex; flex-direction:column; justify-content:center; min-height:44px; color:#12382f; text-decoration:none; }
.reading-hub-bookmark-list a span { margin-top:4px; color:#52685d; font-size:12px; }
.reading-hub-bookmark-list button { flex:0 0 auto; min-height:44px; padding:8px 14px; border:1px solid #8a9e90; background:transparent; color:#12382f; font:inherit; font-size:13px; cursor:pointer; }
[data-hub-archive-retry] { min-height:44px; padding:8px 16px; border:1px solid #8a9e90; color:#12382f; background:transparent; font:inherit; cursor:pointer; }
/* Editorial refinement: preserve DAO's heritage palette, serif and sharp edges.
   DESIGN_VARIANCE 5 / MOTION_INTENSITY 2 / VISUAL_DENSITY 4. */
.page-almanac { --ink-faint: #53685e; }
.page-almanac .almanac-reference-group summary em {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  font-family: var(--sans);
  font-size: .88rem;
  line-height: 1.8;
}
.page-almanac .almanac-reference-group summary small {
  font-size: .7rem;
  color: var(--ink-soft);
}
@media (max-width: 767px) {
  .page-almanac .almanac-reference-group summary {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
}