/* One application: phone layouts use the same routes, fields and sample state. */
.site-header nav svg,.mobile-label,.mobile-section-nav{display:none}
@media(max-width:780px){
  html{scroll-padding-top:85px;scroll-padding-bottom:100px}
  body.nation-flow{padding-bottom:calc(82px + env(safe-area-inset-bottom));min-width:320px}
  .nation-flow .site-header{position:sticky;top:0;z-index:30;min-height:67px;padding:12px 18px;flex-wrap:nowrap;gap:12px;background:#09161df5;border-bottom:1px solid #c8ae7026}
  .nation-flow .brand{gap:10px}.nation-flow .brand img{width:32px;height:32px}.nation-flow .brand>span{font-size:17px;letter-spacing:.1em}.nation-flow .brand small{font-size:7px;letter-spacing:.18em;margin-top:5px}
  .nation-flow .account{margin-left:auto;flex-shrink:0;min-width:42px;min-height:42px;justify-content:center;padding:8px}.nation-flow .account>span{display:none}
  .nation-flow .site-header nav{position:fixed;top:auto;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;margin:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:3px;overflow:visible;background:#0b1c24fa;border-top:1px solid #b69b584d;box-shadow:0 -8px 30px #020b1133;backdrop-filter:blur(18px)}
  .nation-flow .site-header nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-width:0;min-height:56px;padding:6px 2px;border:0;border-radius:12px;font-size:10px;color:#94a9b1;line-height:1.2}
  .nation-flow .site-header nav a.active{background:#c8ad701a;color:#efd398;box-shadow:inset 0 2px #ddbd78}
  .site-header nav svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  .site-header nav .desktop-label{display:none}.site-header nav .mobile-label{display:inline}
  .nation-flow main,.nation-flow.members-open main{width:100%;padding:20px 16px 12px;overflow:clip}
  .nation-flow main>*{min-width:0}.nation-flow .panel{padding:20px;border-radius:16px}
  .nation-flow button,.nation-flow .button{min-height:44px}.nation-flow input:not([type=checkbox]):not([type=range]),.nation-flow select,.nation-flow textarea{font-size:16px!important}
  .nation-flow .nf-hero{padding:20px 2px 25px;min-height:0;margin-bottom:18px;border-radius:0}.nf-hero h1{font-size:34px!important}.nf-hero>p:not(.eyebrow){line-height:1.7}.nf-emblem{display:none}
  .nf-back{min-height:35px;padding:7px 0;font-size:13px}.nf-actions{gap:9px;margin-top:20px}.nf-actions .button{flex:1 1 auto;text-align:center;justify-content:center}
  .nf-two,.nf-home-grid{gap:16px}.nf-copy{font-size:14px}.nf-small{font-size:11px}.nf-event-row strong{font-size:14px}.nf-event-row small{font-size:11px}
  .nf-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:12px}.nf-tabs>*{flex-shrink:0}
  .nf-toolbar{padding:15px!important}.nf-toolbar select{width:100%}.nf-toolbar>.button{width:100%}
  .nf-form-actions{flex-wrap:wrap}.nf-form-actions .button{flex:1;text-align:center}.nf-form-steps{gap:12px}.nf-form-steps li{line-height:1.5}
  .nf-table-wrap{max-width:100%}.nf-calendar-toolbar>div{width:100%;justify-content:space-between}.nf-calendar-toolbar select{flex:1;min-width:0}
  .calendar>div{min-height:80px;padding:3px}.calendar .day-name{font-size:9px;padding:8px 2px}.nf-cal-event{font-size:9px;overflow-wrap:anywhere;line-height:1.45;padding:3px}
  .nf-record{gap:14px}.nf-record .button{width:100%}.nf-fact{font-size:13px}
  /* Directory rows become self-contained member cards without hiding any actions. */
  .mh-hero{padding:14px 2px 24px;min-height:0}.mh-hero:before{inset:0 -16px -150px}.mh-hero h1{font-size:36px;white-space:normal}.mh-hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.7}
  .mh-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.mh-actions .button{min-width:0;padding:11px;font-size:12px}.mh-add{grid-column:1/-1;padding:8px 0}.mh-workspace{padding:14px;border-radius:16px}.mh-panel-heading>p{display:none}
  .mh-table-wrap{overflow:visible}.mh-table{display:block;min-width:0;width:100%}.mh-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.mh-table tbody{display:grid;gap:12px}
  .mh-table tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid #79919c33;border-radius:12px;padding:12px;background:#10232b}.mh-table td{border:0;padding:6px 0;white-space:normal}.mh-table td:first-child{grid-column:1/-1;padding-bottom:9px}.mh-table td:last-child{grid-column:1/-1;display:flex;gap:10px;border-top:1px solid #79919c22;margin-top:7px;padding-top:12px}.mh-table td:last-child>*{flex:1;text-align:center;margin:0;min-height:44px;display:flex;justify-content:center;align-items:center}
  .mh-person{gap:12px}.mh-person strong{font-size:15px}.mh-person small{font-size:11px;overflow-wrap:anywhere}.mh-person>div{min-width:0}.mh-stats{gap:6px}.mh-stats>div{padding:10px 8px;gap:7px}.mh-stats .mh-icon{display:none}.mh-stats small{font-size:10px}.mh-secondary{gap:8px;justify-content:space-between}.mh-secondary button{font-size:12px!important}
  .mh-activity{display:block;padding:20px}.mh-selected .md-detail{max-width:none}.mh-confirm{padding:12px;font-size:12px;align-items:flex-start}.mh-confirm>span{flex-shrink:0}
  .members-design .md-tabs{overflow:auto;justify-content:flex-start!important;gap:5px}.members-design .md-tabs button{flex-shrink:0;padding-inline:12px;font-size:11px}.members-design .md-viewer{max-width:100%}.members-design .md-summary{flex-wrap:wrap}.members-design .md-content,.members-design .md-detail{min-width:0}
  /* Keep every editor field and provide quick section jumps for a long profile. */
  .nf-full-editor{padding-top:4px}.nf-full-editor .page-heading{gap:15px}.nf-full-editor .page-heading h1{font-size:32px}.nf-full-editor .page-heading>.button{width:100%;text-align:center}
  .mobile-section-nav{display:flex;gap:8px;overflow:auto;margin:0 0 20px;padding-bottom:6px;scrollbar-width:none}.mobile-section-nav button{flex-shrink:0;border:1px solid #667e8155;border-radius:22px;padding:8px 14px;background:#10242c;color:#dac696;font:12px 'DM Sans',sans-serif}
  .nf-full-editor .editor-layout>.panel,.nf-full-editor .editor-layout>div>.panel{scroll-margin-top:85px}.nf-full-editor .editor-fields{grid-template-columns:1fr}.nf-full-editor .editor-layout h2{font-size:25px;line-height:1.3}.nf-full-editor .contact-section .section-heading{align-items:start;flex-wrap:wrap}.nf-full-editor .editor-footer{position:static;padding:16px;margin-bottom:12px}.nf-full-editor .editor-footer .button{width:100%}.nf-full-editor .priority-list button{min-height:44px;width:38px}
  .nation-flow .my-world .world-heading{margin-bottom:18px}.nation-flow .my-world .world-heading h1{font-size:36px}.world-controls{display:block}.world-perspectives{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.world-chip{font-size:10px;padding:9px 8px}.world-phase{margin-top:12px;justify-content:space-between}.world-sample-note{font-size:10px;line-height:1.6;margin:12px 0 20px}
  .nation-flow .my-world .world-globe{min-height:430px;border-radius:18px}.world-globe-copy{padding:23px}.world-globe-copy h2{font-size:38px}.world-globe-copy p:last-child{max-width:155px;font-size:11px}.world-pin--la{left:49%;top:40%}.world-pin--sd{left:34%;top:58%}.world-pin--med{left:48%;top:75%}.world-pin{min-height:44px!important;padding:6px 8px;font-size:12px}.world-pin span{font-size:10px}.world-pin small{font-size:8px}.world-globe-bottom{font-size:8px;bottom:14px;left:14px;right:14px;gap:8px}.world-globe-bottom>span:last-child{display:none}
  .world-context-strip{gap:8px;padding:18px 0}.world-context-strip>div{display:block}.world-context-strip strong{display:block;font-size:25px}.world-context-strip span{display:block;font-size:10px;line-height:1.5}.world-side{display:block}.world-calendar{margin-top:16px}.world-member-grid{grid-template-columns:1fr 1fr}.world-person{padding:20px 10px}.world-person-name{font-size:20px}.world-event-detail{padding:20px;gap:10px}.world-event-detail h2{font-size:29px}.world-footer{display:block}.world-footer>div:last-child{display:flex;flex-wrap:wrap;gap:7px}
  .nation-flow #dialog{width:calc(100% - 24px);max-width:none;max-height:calc(100dvh - 32px);padding:30px 20px;border-radius:20px}.nation-flow #dialog .actions{flex-direction:column}.nation-flow #dialog .button{min-height:46px}
  .nation-flow>footer{padding:22px 16px;justify-content:center;text-align:center}.nation-flow>footer>span{display:none}.nation-flow>footer small{font-size:10px;line-height:1.7}
  :focus-visible{outline:2px solid #efd398;outline-offset:3px}
}