/* Compact mastheads keep art composition and native safe areas intact. */
:root{--r7-head:60px}
.topbar{min-height:60px!important;padding:4px 0!important}
.welcome-copy,.r7-tool-copy{padding-top:8px!important;padding-bottom:20px!important}
.welcome-hero,.r7-tool-hero{min-height:220px}
.r12-greeting-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
.welcome-copy{width:100%!important;max-width:100%!important;padding-right:calc(var(--r7-gutter) + 8px)!important;box-sizing:border-box}
.r12-greeting-row h1{max-width:100%}
.r12-greeting-row h1{flex:1 1 auto;min-width:0;margin-top:4px!important}
.r12-greeting-row time{margin-left:auto;max-width:100%;font-size:10px;padding:4px 6px;white-space:nowrap}
.r12-list-filter{display:flex;align-items:center;gap:12px;margin:12px 0;color:var(--muted);font-size:13px}
.r12-list-filter select{flex:1;min-width:0;color:var(--ink)}
.toolbar:has(#r12-search-mode){display:flex;flex-wrap:wrap;gap:8px}
.toolbar:has(#r12-search-mode) #search{flex:1 1 55%;width:0;min-width:100px}
#r12-search-mode{font-size:12px;padding:6px 9px}
.r12-candidate-photos{display:grid;gap:8px;margin:12px 0}
#r12-copy-lines{width:100%;box-sizing:border-box;min-height:180px}
.density-compact .record-inner{padding:12px 15px!important}.density-standard .record-inner{padding:16px!important}.density-relaxed .record-inner{padding:22px!important}
@media(max-width:599px) and (orientation:portrait){
 .welcome-hero{min-height:330px;align-items:flex-start}
 .welcome-copy{padding:4px calc(var(--r7-gutter) + 8px) 106px!important}
 .r7-tool-hero{min-height:235px;align-items:center}
 .r7-tool-copy{padding-top:8px!important;padding-bottom:16px!important}
 .welcome-copy h1{font-size:clamp(25px,6.6vw,33px)!important}
}
@media(min-width:1000px) and (min-height:550px){:root{--r7-head:66px}.topbar{min-height:66px!important}.welcome-hero,.r7-tool-hero{min-height:270px}}
@media(orientation:landscape) and (max-height:549px){:root{--r7-head:52px}.topbar{min-height:52px!important}.welcome-hero,.r7-tool-hero{min-height:185px}}
/* R14.14: compact browsing, preserve safe areas and original art. */
#main>.welcome-hero,#main>.r7-tool-hero{padding:0!important;align-items:flex-start!important;margin-top:0!important}
#main>.r7-tool-hero{min-height:190px}
#main .r7-tool-copy{width:40%!important;max-width:40%!important;box-sizing:border-box;padding-top:0!important;padding-bottom:12px!important;padding-left:var(--r7-gutter)!important}
.r7-tool-copy h1{display:none!important}
.r7-tool-copy .r7-tool-slogan{font-size:clamp(18px,4.7vw,30px)!important;line-height:1.45!important;margin-top:0!important}
.r7-tool-copy>p:not(.r7-tool-slogan){font-size:14px!important;line-height:1.5!important;max-width:100%!important}
#main .welcome-copy{padding-top:0!important}
#main>.toolbar,#main>.filter-row,#main>.ui-tabs,#main>.view-row{margin-block:5px!important;gap:5px!important}
#main>.toolbar input,#main>.toolbar button,#main>.filter-row button,#main>.ui-tabs button,#main>.view-row select,#main>.view-row button{min-height:40px!important;height:auto;padding-block:5px!important}
#main>.r13-controls{gap:5px;margin-block:5px}
#main>.r13-controls #sort{min-width:calc(4em + 36px);width:100%;font-size:14px}
#main>.r1414-notice-categories{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;min-width:0;gap:5px;scrollbar-width:thin}
.r1414-notice-categories>[data-category]{flex:0 0 auto;white-space:nowrap}
.r1414-notice-menu{display:flex;justify-content:flex-end;margin-block:3px}
.r1414-collection-actions{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.r1414-collection-actions button{font-size:12px;padding:5px;min-height:36px}
#main .r7-tool-copy{width:100%!important;max-width:100%!important;padding-right:var(--r7-gutter)!important}
.r7-tool-copy .r7-tool-slogan{max-width:58%!important}
.r7-tool-copy>p:not(.r7-tool-slogan){width:40%;max-width:40%!important}