/* Page composition uses the shared surfaces and controls from ui.css. */
.directory-page .directory-hero{gap:60px;padding:50px 0 36px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.directory-page .hero-copy{font:14px/1.9 system-ui,sans-serif;max-width:560px}
.directory-page .lookup :is(label,.fine){font:12px/1.8 system-ui,sans-serif}
.directory-page .lookup select{padding:12px;font-size:12px}
.directory-page .overview-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:0;margin-bottom:38px}
.directory-page .overview-strip span{font:12px/1.6 system-ui,sans-serif;margin-bottom:12px}
.directory-page .overview-strip strong{font:700 24px/1.4 var(--display);letter-spacing:-.02em;overflow-wrap:anywhere}
.directory-page .section-head{margin-bottom:16px}
.directory-page .section-head p{font:13px/1.8 system-ui,sans-serif;max-width:none}
.directory-page .toolbar{gap:24px}
.directory-page .mode-description{font:12px/1.8 system-ui,sans-serif}
.directory-page .coin-icon{width:44px;height:44px;font-size:25px;background:var(--card-bg);border-color:var(--cyan)}
.directory-page .coin-cell strong{font:700 16px var(--display)}
.directory-page .coin-cell small{margin-top:6px}
.directory-page .rate-cell{font-size:16px}
.directory-page .runtime-note{font:12px/1.8 system-ui,sans-serif}
.directory-page .fearminer-promo{margin:24px 0 0}
.directory-page .fm-copy,.directory-page .fm-steps p{font:13px/1.8 system-ui,sans-serif}
.directory-page .fm-steps strong{font:700 16px var(--display)}
.pool-app :is(.setup-page,.status-page){padding-top:32px;padding-bottom:16px}
.pool-app .runtime-intro p:not(.eyebrow){font:14px/1.8 system-ui,sans-serif}
.pool-app .runtime-intro .eyebrow{color:var(--cyan);font-size:10px}
.setup-page .setup-grid{gap:var(--card-gap);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);margin:24px 0 0;align-items:start}
.setup-page .setup-fields{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}
.setup-page .field.wide{grid-column:1/-1}
.setup-page .field label{font:12px/1.7 system-ui,sans-serif}
.setup-page .setup-fields select{margin-bottom:0}
.setup-page .field .fine{font:12px/1.7 system-ui,sans-serif;margin-top:8px}
.setup-page .field .btn{white-space:normal;text-align:center;line-height:1.7}
.setup-page .tls-choice{margin:0;padding:14px 16px;background:var(--bg);border-color:var(--line);border-radius:0}
.setup-page .tls-choice .check-label{margin:0}
.setup-page .terminal,.setup-page .setup-follow{padding:0}
.setup-page .terminal .panel-head{flex-wrap:wrap}
.setup-page .terminal p{font:12px/1.8 system-ui,sans-serif}
.setup-page .terminal .setup-summary{margin:0 0 18px;color:var(--cyan);font:12px/1.7 var(--mono)}
.setup-page .terminal .connection-fields{margin:0;padding:16px 18px;background:var(--bg)}
.setup-page .connection-fields dt:first-child{margin-top:0}
.setup-page .connection-fields dd:last-child{margin-bottom:0}
.setup-page .terminal pre{padding:18px;border:1px solid var(--line);background:var(--bg)}
.setup-page .setup-follow{margin-top:var(--card-gap)}
.setup-page .setup-follow p{font:13px/1.8 system-ui,sans-serif}
.setup-page .setup-follow p:first-child{margin-top:0}
.setup-page .setup-follow p:last-child{margin-bottom:0;font-size:12px}
.status-page .bottom-grid{gap:var(--card-gap);margin:30px 0 0;align-items:stretch}
.status-page .panel{min-height:270px}
.status-page .panel-head{flex-wrap:wrap}
@media(max-width:1150px){
  .directory-page .directory-hero{gap:32px}
  .directory-page .overview-strip>div{padding:22px 18px}
  .directory-page .overview-strip strong{font-size:22px}
}
@media(max-width:900px){
  .directory-page .directory-hero{grid-template-columns:1fr;padding-top:36px}
  .directory-page .directory-hero h1{font-size:clamp(38px,6.5vw,58px)}
  .directory-page .hero-copy{max-width:640px}
  .setup-page .setup-grid{grid-template-columns:1fr}
  .setup-page .setup-preview{position:static}
}
@media(max-width:600px){
  .directory-page .directory-hero{gap:26px;padding:30px 0 26px}
  .directory-page .overview-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:30px}
  .directory-page .overview-strip>div{padding:18px 16px;border:1px solid var(--card-border)}
  .directory-page .overview-strip span{font-size:11px}
  .directory-page .overview-strip strong{font-size:21px}
  .directory-page .toolbar{gap:8px}
  .pool-app :is(.setup-page,.status-page){padding-top:24px}
  .setup-page .setup-fields{grid-template-columns:1fr;gap:18px}
  .status-page .panel{min-height:0}
}