/* Consistent, comfortably sized controls within the journal's ruled layout. */
html{scrollbar-gutter:stable}
body.reader-open{overflow:hidden}
button{-webkit-appearance:none;appearance:none;border-radius:0}
button:disabled{cursor:default}
.ui-icon{display:block;flex:0 0 auto;width:20px;height:20px;overflow:visible;pointer-events:none}
.read-link,.issue-note a,.empty-state button,.about a,footer>a,.reader-end button,.reader-byline button,#article-close{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;line-height:1.4}
.read-link{min-width:166px;padding:10px 0;font-size:12px}
.read-link>span,.issue-note a>span{font-size:inherit;line-height:inherit}
.read-link>.ui-icon,.issue-note a>.ui-icon,.empty-state button>.ui-icon,.about a>.ui-icon,footer>a>.ui-icon,.reader-end button>.ui-icon{width:20px;height:20px;margin:0}
.issue-note a{font-size:11px}
.empty-state button{padding:10px 0}
.about a{max-width:100%;text-align:left}
.about a>span{min-width:0}
footer>a{font-size:11px}
.topline nav a{display:inline-flex;align-items:center;min-height:44px}
.issue-index button{min-height:44px}
.filters button,.filters button:first-child,.filters #saved-filter{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;font-size:12px;line-height:1.5;white-space:nowrap}
.filters button:first-child{padding-left:12px}
.filters #saved-filter{padding-right:12px}
.filters button:focus-visible{position:relative;z-index:1;outline-offset:2px}
.story-title{min-height:44px}
.story-bottom{min-height:51px;gap:12px}
.story-bottom button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid transparent;font-size:0;line-height:1}
.story-bottom button:hover{border-color:var(--line);background:#e2e5db}
.story-bottom button[aria-pressed=true]{color:var(--cobalt)}
.bookmark-icon{width:19px;height:19px}
button[aria-pressed=true] .bookmark-icon{fill:currentColor}
.feature-caption>.ui-icon{width:31px;height:31px;align-self:flex-end;margin-bottom:1px}
#article-dialog{scrollbar-gutter:stable;scroll-padding-top:90px}
.reader-top{gap:12px}
.reader-top>span{flex:1;min-width:0}
.reader-type{flex:0 0 auto;gap:5px;margin-left:auto}
.reader-type button{display:inline-flex;align-items:center;justify-content:center;gap:1px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;font-family:var(--font-ui);font-size:15px;font-weight:500;line-height:1}
.reader-type button>.ui-icon{width:14px;height:14px}
.reader-top button>span{display:block;margin:0;font-size:inherit;line-height:1;vertical-align:baseline}
.reader-type button:hover:not(:disabled){background:#e2e5db;border-color:var(--ink)}
#article-close{flex:0 0 auto;justify-content:center;gap:8px;min-width:70px;padding:0 0 0 4px;font-size:12px}
#article-close>.ui-icon{width:20px;height:20px;margin:0}
.reader-byline{align-items:center}
.reader-byline button{flex:0 0 auto;justify-content:center;gap:8px;padding:8px 0;font-size:12px}
.reader-end{align-items:center;flex-wrap:wrap}
.reader-end button{padding:8px 0;font-size:12px}
.reader-end button:hover,.reader-byline button:hover,#article-close:hover{color:var(--cobalt)}
@media(max-width:760px){.filters button,.filters button:first-child,.filters #saved-filter{padding:10px 14px;font-size:11px}}
@media(max-width:540px){
 .filters button,.filters button:first-child,.filters #saved-filter{padding:10px 13px;min-height:44px;font-size:11px}
 .reader-top{gap:8px;padding-top:12px;padding-bottom:12px}
 .reader-top>span{font-size:8px;letter-spacing:.02em;max-width:80px}
 .reader-type{gap:4px}
 #article-close{min-width:65px;font-size:11px;gap:5px;padding:0}
 .reader-byline{gap:12px;flex-wrap:wrap;padding:10px 0}
 .reader-byline>span{flex:1;min-width:125px;max-width:none}
 .reader-byline button{font-size:11px}
 .reader-end>span{max-width:155px}
 .issue-note a{font-size:11px;min-height:44px;padding-top:10px}
 .about a{font-size:12px}
}
@media(max-width:360px){.reader-top>span{display:none}.reader-type{margin-left:0}.reader-top{justify-content:space-between}.topline nav{gap:12px}}