/* A shared desktop scale. Reading size still comes from the user's setting. */
@media screen and (min-width:900px){
  :root{--topbar-height:44px;--radius:7px}
  body{font-size:13px}
  body:not(.is-reader){--site-gutter:20px}
  .site-chrome .site-header,body.is-reader .site-chrome .site-header{padding:0 20px}
  .site-chrome .brand{gap:8px}
  .site-chrome .brand-mark{width:24px;height:24px;border-radius:5px}
  .site-chrome .brand-mark svg{width:15px;height:15px}
  .site-chrome .brand .brand-name{font:600 18px/1.3 -apple-system,"PingFang SC",sans-serif;letter-spacing:1px}
  .site-chrome .brand-sub{font-size:9px;letter-spacing:1.3px;padding-top:0}
  .site-chrome .header-right{gap:14px}
  .site-chrome .header-note{font-size:11px}
  .site-chrome .header-right .icon-button{width:28px;height:28px}
  .site-chrome .bottom-nav .nav-item{height:28px;min-width:60px;padding:0 10px;border-radius:4px}
  .site-chrome .nav-item svg{width:14px;height:14px}
  #main,body:not(.is-reader) #main{max-width:1560px;padding:22px 20px 32px}
  .page-title,.calendar-header h2{font:600 22px/1.4 -apple-system,"PingFang SC",sans-serif;letter-spacing:0;margin:0 0 8px}
  .page-lead{font-size:13px;line-height:1.65;margin-bottom:18px}
  .section-heading,body[data-page=home] .section-heading{margin:22px 0 12px;gap:12px}
  .section-heading h2{font:600 17px/1.4 -apple-system,"PingFang SC",sans-serif;letter-spacing:0}
  .eyebrow,.section-label{letter-spacing:1px}
  .primary-button{min-height:30px;padding:6px 11px;font-size:12px;line-height:1.5;gap:6px;border-radius:5px}
  .primary-button svg{width:14px;height:14px}
  .quiet-button{font-size:12px;padding:4px 0}
  .icon-button{width:30px;height:30px}
  .icon-button svg{width:15px;height:15px}
  .pill{font-size:10px;line-height:1.5;padding:3px 6px;border-radius:4px}
  .search-box{min-height:32px;padding:6px 10px;gap:7px;border-radius:5px}
  .search-box input{font-size:13px}
  .search-box svg{width:15px;height:15px}
  .filter-button{padding:5px 9px;font-size:12px;line-height:1.5;border-radius:4px}
  .page-foot,body:not(.is-reader) .page-foot{margin-top:24px;padding-top:12px;font-size:11px}

  /* The library is a working list of papers, with a compact overview above it. */
  .home-intro{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.7fr);gap:24px;align-items:stretch}
  .home-intro .hero{padding:4px 0;gap:12px}
  .home-intro .hero h1{font:600 24px/1.35 -apple-system,"PingFang SC",sans-serif;letter-spacing:0;margin:8px 0}
  .home-intro .hero p{font-size:12px;line-height:1.65}
  .home-intro .hero-stamp{display:none}
  .home-stats{padding-top:12px;margin-top:14px;gap:20px}
  .home-stats dd{font-size:22px;line-height:1.3}
  .home-stats dt{font-size:11px}
  .home-intro .today-card{grid-template-columns:minmax(0,1fr) 126px;gap:16px;padding:16px;border-radius:7px;box-shadow:none}
  .home-intro .today-card::before{top:16px;bottom:16px;width:2px}
  .home-intro .today-top{margin-bottom:9px;gap:7px}
  .home-intro .today-card h2{font:600 19px/1.45 -apple-system,"PingFang SC",sans-serif;margin:0 0 9px;max-width:none}
  .home-intro .today-card .paper-summary{font-size:12px;line-height:1.7;-webkit-line-clamp:2}
  .home-intro .today-meta{font-size:11px;gap:7px 12px;margin-top:12px}
  .home-intro .today-card>.today-action{padding:0 0 0 14px;margin:0;border-top:0;border-left:1px solid var(--line);flex-direction:column;justify-content:center;align-items:flex-start;gap:12px}
  .home-intro .today-action .reading-count{font-size:25px;letter-spacing:0}
  .home-intro .today-action .reading-count small{display:block;font-size:11px;line-height:1.5;margin:4px 0 0}
  .home-intro .today-action .tiny-label{margin-top:4px;font-size:10px;line-height:1.5;max-width:none}
  .library-tools{gap:12px;margin-bottom:14px}
  .library-tools .search-box{width:260px}
  .library-tools .filters{gap:5px}
  .paper-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .paper-card{padding:15px;border-radius:6px}
  .paper-card:hover{transform:none}
  .paper-card-top{margin-bottom:8px}
  .paper-card h3{font:600 16px/1.45 -apple-system,"PingFang SC",sans-serif;margin:0 0 8px}
  .paper-card .paper-summary{font-size:12px;line-height:1.65;-webkit-line-clamp:2;margin-bottom:12px}
  .paper-card-footer{font-size:11px;padding-top:0;gap:6px 10px}
  .paper-card .card-progress{margin-top:10px}

  /* Reading uses document proportions, with a narrow tool column alongside. */
  :root[data-theme=eink] body.is-reader{--topbar-height:0px}
  :root[data-theme=eink] body.is-reader .site-chrome .site-header{height:var(--topbar-height)}
  body.is-reader{--reader-gutter:20px;--reader-gap:10px;--reader-rail-width:36px;--reader-tools-width:clamp(340px,28vw,420px)}
  body.is-reader #main{max-width:1680px;padding:14px 20px 36px}
  .reader-main .reader-top,.reader-main .reader-content{max-width:940px}
  .reader-main .reader-top{margin-bottom:14px;min-height:28px}
  .reader-top .back-link{font-size:12px}
  .reader-actions{gap:6px}
  .reader-actions .icon-button{width:28px;height:28px}
  .reader-actions .icon-button svg{width:14px;height:14px}
  .reader-paper{padding-bottom:15px;margin-bottom:14px}
  .reader-paper h1{font:600 22px/1.4 -apple-system,"PingFang SC",sans-serif;margin:7px 0}
  .reader-paper .reader-byline{font-size:11px;line-height:1.6}
  .unit-position{font-size:11px;margin-bottom:10px}
  .reader-guide{line-height:1.5;margin-bottom:12px}
  .reading-unit{padding-top:18px;margin-top:22px}
  .reading-unit:first-of-type{margin-top:8px}
  .unit-kicker{font-size:10px;line-height:1.4;letter-spacing:1px;margin-bottom:7px}
  .unit-heading{font:600 20px/1.4 -apple-system,"PingFang SC",sans-serif;letter-spacing:0;margin-bottom:11px}
  .reader-context{margin-bottom:12px;gap:10px}
  .reading-unit .reader-tools{gap:10px}
  .reader-tools .quiet-button{font-size:11px;padding:3px 0}
  .reader-tools .reader-ai-action{padding:3px 8px}
  .term-chips{gap:5px;margin-bottom:14px}
  .term-chip{font-size:11px;padding:4px 7px;border-radius:3px}
  .text-section{margin-bottom:22px}
  .section-label{font-size:10px;margin-bottom:8px}
  .reader-content .prose,.reader-side-content .side-original{font-size:var(--font);line-height:1.7;letter-spacing:0}
  .prose p{margin-bottom:.8em}
  .prose h1,.prose h2,.prose h3,.prose h4{line-height:1.45;margin:1.2em 0 .55em}
  .prose ul,.prose ol{margin:.5em 0 .8em}
  .prose li{margin-bottom:.3em}
  .prose pre{font-size:12px;padding:10px;border-radius:5px}
  .prose th,.prose td{padding:6px 9px}
  .text-section.explanation{padding:12px 14px 10px;border-radius:5px}
  .text-section.explanation:not([open]){padding-bottom:12px}
  .explanation[open]>summary{margin-bottom:10px}
  .original-block{margin-bottom:18px;border-radius:5px}
  .original-block summary{padding:9px 12px}
  .original-block .prose{font-size:var(--font);line-height:1.7;padding:4px 12px 12px}
  .source-figure{margin:18px 0;padding:8px;border-radius:5px}
  .reading-unit .unit-end{font-size:11px;padding-top:12px;margin-top:18px;margin-bottom:12px}
  .reader-attribution{margin-top:18px;padding-top:12px;font-size:11px}
  .reader-side{border-radius:6px}
  .reader-side-header{padding:5px 7px;gap:5px}
  .tool-tab{min-height:28px;padding:4px 2px;font-size:11px;border-radius:4px}
  .reader-side-unit{padding:6px 10px}
  .reader-side-unit h2{font-size:12px;line-height:1.5}
  .reader-side-context{font-size:10px;margin-top:2px}
  .reader-side-content{padding:10px}
  .reader-side-content .unit-list a{padding:6px;font-size:12px}
  .reader-side-content .ai-toolbar{padding:4px 10px;min-height:28px}
  .reader-side-content .ai-toolbar-actions{gap:7px}
  .reader-side-content .ai-conversation{padding:10px 12px 12px}
  .reader-side-content .ai-answer .prose{font-size:13px;line-height:1.75}
  .reader-side-content .ai-composer{padding:7px 10px;gap:6px}
  .reader-side-content .ai-composer #ai-question{height:56px;min-height:44px;max-height:120px;font-size:13px;line-height:1.6;padding:6px 8px}
  .reader-side-content .ai-composer-options{gap:5px}
  .reader-side-content .ai-composer .ai-context-modes .quiet-button{padding:3px 5px}
  .reader-side-content .ai-composer .ai-prompts .quiet-button{padding:3px 4px}
  .reader-side-content .ai-composer .ai-controls .primary-button{min-height:28px;padding:4px 10px}
  .reader-side-content .figure-picker{padding:7px 10px}
  .reader-side-content .figure-preview{padding:10px}
  .selection-action{min-height:32px;padding:6px 11px;font-size:12px}

  /* Settings and reference pages use compact rows instead of large tiles. */
  .settings-layout{display:grid;margin-top:18px;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .settings-layout .settings-panel{margin-bottom:16px;border-radius:6px}
  .settings-layout .setting-row{padding:14px;gap:12px}
  .setting-copy strong{font-size:13px;line-height:1.5}
  .setting-copy p{font-size:11px;line-height:1.6;margin-top:4px}
  .segmented{padding:2px;border-radius:5px}
  .segmented button{padding:4px 8px;min-height:26px;border-radius:3px;font-size:12px}
  .theme-picker{gap:12px}.theme-options{gap:6px}
  .theme-group legend{margin-bottom:6px}
  .theme-option{min-height:30px;padding:5px 8px;border-radius:4px;font-size:12px;gap:6px}
  .theme-swatch{width:12px;height:12px}
  .font-control{width:260px;flex-basis:260px;gap:6px}
  .font-control button{width:30px;height:30px;flex-basis:30px;border-radius:4px}
  .font-control input[type=range]{height:30px}
  .settings-layout .font-preview{padding:14px 16px;border-radius:6px}
  .settings-layout .font-preview .prose{line-height:1.7}
  .settings-layout .settings-note{font-size:12px;line-height:1.7;margin-top:14px}
  .settings-account .sync-panel{padding:16px;margin-bottom:16px;border-radius:6px}
  .sync-panel h2{font:600 18px/1.4 -apple-system,"PingFang SC",sans-serif;margin:8px 0 10px}
  .sync-description,.sync-privacy{font-size:12px;line-height:1.7}
  .sync-panel .sync-token-input{height:32px;padding:6px 9px;border-radius:4px;font-size:12px}
  .sync-status{padding:9px 10px;border-radius:4px;font-size:12px}
  .sync-buttons{gap:12px}
  .glossary-tools{margin-top:16px;margin-bottom:16px;max-width:420px}
  #term-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  #term-results .term-row{padding:11px 12px;min-height:64px;gap:10px;border-radius:5px}
  .term-row strong{font-size:13px;line-height:1.5}
  #bookmark-results{gap:12px}
  #bookmark-results .bookmark-card{padding:14px;gap:12px;border-radius:5px}
  .bookmark-card h3{font-size:14px;line-height:1.5}
  .learning-tabs{gap:8px;margin:14px 0 16px}
  .note-filters{margin-bottom:14px;font-size:12px}
  .notes-list,.queue-results{gap:12px}
  .note-card,.queue-card,.queue-preferences{padding:15px;border-radius:6px}
  .note-location h3,.queue-card h3{font:600 16px/1.5 -apple-system,"PingFang SC",sans-serif;margin:10px 0 6px}
  .note-text{font-size:13px;line-height:1.7}
  .note-status-actions{margin-top:12px;gap:5px}
  .note-status-actions button,.queue-card-actions button{min-height:28px;padding:4px 8px;border-radius:4px;font-size:12px}
  .note-editor select,.note-filters select,.queue-filters input,.queue-filters select,.queue-time-label input{padding:6px 9px;min-height:32px;border-radius:4px;font-size:12px}
  .queue-preferences{margin:14px 0 18px}.queue-filters{margin:16px 0;gap:12px}
  .queue-category-options label{min-height:28px}
  .queue-preferences legend{font-size:13px;margin-bottom:10px}
  .calendar-header{margin:0 0 18px}
  .calendar-overview{gap:0 20px;grid-template-columns:180px minmax(0,1fr)}
  .calendar-overview .calendar-stats{padding:14px;gap:12px;margin-bottom:16px}
  .calendar-stats strong{font-size:23px}
  .calendar-overview .calendar-scroll{padding:14px 16px}
  .reading-calendar>.calendar-detail{margin-top:20px;padding-top:0}
  .reading-calendar>.calendar-detail>h3{font-size:18px;margin-bottom:9px}
  .reading-calendar .calendar-paper{padding:15px;border-radius:6px}
  .reading-calendar .calendar-paper h4{font-size:16px}
  .calendar-papers{gap:12px}
  .sheet:not(.image-sheet){width:620px;border-radius:8px}
  .sheet-header{padding:14px 16px;gap:12px}
  .sheet-header h2{font:600 18px/1.4 -apple-system,"PingFang SC",sans-serif;margin-top:5px}
  .sheet-header .icon-button{width:28px;height:28px}
  .sheet-body{padding:16px 18px 20px}
  .sheet-body .prose{font-size:var(--font);line-height:1.7}
  .sheet-footer{padding:10px 16px}
}
@media screen and (min-width:1120px){
  .is-reader .reader-dock{width:36px;padding:0;gap:5px;border:0;background:none;box-shadow:none;border-radius:4px}
  .reader-dock .dock-button,.reader-dock .dock-button.next{display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:4px;gap:0;font-size:0;border-radius:4px}
  .reader-dock .dock-button.reader-tools-reopen{display:none}
  .reader-dock .dock-button svg{width:15px;height:15px}
  .reader-dock .dock-next-label,.reader-dock .dock-index span{display:none}
  .reader-dock .dock-index{width:32px;min-height:30px;padding:5px 0;font-size:10px;line-height:1.4}
}
@media screen and (min-width:1440px){
  #term-results{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media screen and (min-width:1680px){
  .paper-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}