/* Quiet reading surfaces shared by the feed, reader and personal notebook. */
:root { --learning-panel: color-mix(in srgb, var(--paper, #f8f7f3) 92%, #93826e 8%); }
[hidden] { display: none !important; }
.visually-hidden { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.eyebrow { font-size:11px;letter-spacing:.16em;font-weight:650;color:var(--muted); }
.home-intro { padding:40px 0 42px;max-width:800px; }
.home-intro h1,.notebook-heading h1 { font-size:clamp(30px,4.5vw,48px);font-weight:550;letter-spacing:-.045em;line-height:1.3;margin:15px 0 12px; }
.home-intro p,.notebook-heading p { color:var(--muted);font-size:16px;margin:0; }
.section-heading h2 { font-size:18px;font-weight:600;margin:0; }
.continue-reading { display:flex;align-items:center;gap:24px;padding:20px 24px;margin-bottom:32px;background:var(--learning-panel);border-radius:12px; }
.continue-reading a { font-size:17px;line-height:1.5; }
.site-header { border-bottom:1px solid var(--line); }
.header-inner { min-height:94px; }
.news-story { transition:background .2s; }
.news-story h2 { letter-spacing:-.025em; }
.reading-resume { display:flex;flex-wrap:wrap;gap:10px;margin:18px 0; }
.reading-resume button,.word-learning-actions button,.notebook button,.audio-repeat-options select { font:inherit;color:inherit;background:transparent;border:1px solid var(--line);border-radius:7px;padding:8px 12px;cursor:pointer;min-height:42px; }
.reading-resume button:hover,.word-learning-actions button:hover,.notebook button:hover { background:var(--learning-panel); }
.word-learning-actions { display:flex;gap:8px;flex-wrap:wrap;margin-top:22px;padding-top:16px;border-top:1px solid var(--line); }
.word-learning-actions button { font-size:13px;flex:1;white-space:nowrap; }
.word-learning-actions button[aria-pressed=true] { color:var(--accent);border-color:var(--accent);background:var(--learning-panel); }
.prose strong.has-mastered-word,.prose .vocab-word.is-mastered { font-weight:400;color:inherit; }
.audio-repeat-options { display:flex;gap:24px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted); }
.audio-repeat-options label { display:flex;align-items:center;gap:8px; }
.audio-repeat-options select { padding:6px 24px 6px 8px;min-height:36px; }
.paragraph-translation { margin:-10px 0 32px;padding:0 0 0 14px;border-left:2px solid var(--line);font-family:inherit; }
.paragraph-translation summary { font-size:12px;color:var(--muted);cursor:pointer;padding:8px 0;list-style:none; }
.paragraph-translation summary::before { content:'＋';margin-right:8px; }
.paragraph-translation[open] summary::before { content:'−'; }
.prose .paragraph-translation p { font-size:15px;line-height:1.9;color:var(--muted);margin:5px 0 12px; }
.notebook { max-width:960px;margin:35px auto 70px; }
.notebook-heading { padding-bottom:38px; }
.notebook-toolbar { display:flex;gap:12px; }
.notebook-search { flex:1; }
.notebook input[type=search],.notebook select { width:100%;font:inherit;color:inherit;background:transparent;border:1px solid var(--line);border-radius:8px;padding:13px 16px;min-height:48px; }
.notebook-meta { display:flex;justify-content:space-between;align-items:center;gap:14px;color:var(--muted);font-size:12px;margin:14px 0 22px; }
.notebook-meta button { border:0;padding:8px; }
.notebook-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
.notebook-word { border:1px solid var(--line);border-radius:12px;padding:24px;overflow-wrap:anywhere; }
.notebook-word h2 { font-size:27px;line-height:1.2;margin:0 0 12px;letter-spacing:-.02em; }
.notebook-meaning { font-size:14px;line-height:1.8;white-space:pre-line; }
.notebook-word blockquote { margin:20px 0 10px;padding-left:14px;border-left:2px solid var(--line);font-size:17px;line-height:1.55;color:var(--muted); }
.notebook-word>a { font-size:12px;color:var(--accent); }
.notebook-actions { display:flex;flex-wrap:wrap;gap:8px;margin-top:20px; }
.notebook-actions button { font-size:12px; }
.notebook-empty { grid-column:1/-1;padding:60px 24px;text-align:center;color:var(--muted);background:var(--learning-panel);border-radius:12px;line-height:1.8; }
.local-note { font-size:12px;color:var(--muted);line-height:1.8;margin:26px 0; }
.learning-notice { position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:1000;background:var(--ink,#202522);color:var(--paper,#fff);padding:14px 20px;border-radius:10px;width:max-content;max-width:calc(100vw - 32px);font-size:14px;box-shadow:0 6px 24px #0002; }
button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible { outline:2px solid var(--accent);outline-offset:3px; }
@media(min-width:1000px) { .article-sidebar { position:sticky;top:30px;align-self:start; } }
@media(max-width:700px) {
 .header-inner { min-height:96px;gap:10px;flex-wrap:wrap;padding:18px 0; }
 .brand { font-size:25px; }
 .header-controls { width:100%;justify-content:space-between; }
 .header-controls nav { gap:24px; }
 .home-intro { padding:25px 0 30px; }
 .home-intro h1 { font-size:32px; }
 .continue-reading { padding:18px;align-items:flex-start;flex-direction:column;gap:8px; }
 .notebook { margin-top:26px; }
 .notebook-list { grid-template-columns:1fr; }
 .notebook-heading h1 { font-size:30px; }
 .notebook-toolbar { gap:8px; }
 .notebook input[type=search],.notebook select { padding:11px;font-size:14px; }
 .notebook-meta { align-items:flex-start; }
 .notebook-meta>div { display:flex;flex-shrink:0; }
 .notebook-word { padding:22px; }
 .audio-repeat-options { gap:20px; }
}
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important;transition:none!important; } }