/* Shared responsive layer: retain the phone flow and use the room on larger screens. */
.intake-page .mobile-intake,.intake-page #workspace,.intake-page .auth-entry{min-width:0}
.intake-page .auth-copy>p{color:#647b73;font-size:13px;line-height:1.9}
.intake-page #account-login{overflow-wrap:anywhere}
.intake-page .my-record h2,.intake-page .order-line,.management-page .subline{overflow-wrap:anywhere}
.management-page .settings-panel,.management-page .detail-section,.management-page .detail-grid>div{min-width:0}
.management-page .table-wrap{max-width:100%;overscroll-behavior-x:contain}
.management-page .records-table td{white-space:normal;overflow-wrap:anywhere;min-width:115px;max-width:300px}
.management-page .records-table th{white-space:nowrap}
.management-page .detail-header h2{min-width:0;overflow-wrap:anywhere}
.management-page .detail-header>.button{flex-shrink:0}

@media(min-width:720px){
  .intake-page .site-header{max-width:1160px;height:88px;padding:0 28px}
  .intake-page .brand{font-size:17px;gap:12px}
  .intake-page .brand-icon{width:38px;height:42px;font-size:24px}
  .intake-page .brand-sub{font-size:11px}
  .intake-page .mobile-intake{width:calc(100% - 48px);max-width:900px;margin:8px auto 0;min-height:620px}
  .intake-page .field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .intake-page .field.wide,.intake-page .role-choice-field{grid-column:1/-1}
  .intake-page .role-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .intake-page .intro{padding:32px 36px}
  .intake-page .form-shell{padding:30px 36px 0}
  .intake-page .form-topline,.intake-page .form-topline>span:first-child{font-size:12px}
  .intake-page .field-group h3{font-size:14px}
  .intake-page input:not([type=checkbox]),.intake-page select,.intake-page textarea{min-height:46px;font-size:15px}
  .intake-page .form-actions{display:flex;align-items:center;gap:24px;margin:0 -36px;padding:18px 36px;box-shadow:none}
  .intake-page .action-main{display:flex;justify-content:flex-end;margin-left:auto;gap:12px}
  .intake-page .form-actions .button{width:auto;min-width:140px;min-height:46px;padding:11px 20px;font-size:14px}
  .intake-page #previous{margin:0;font-size:13px;min-height:44px}
  .intake-page .under-form{padding:22px 0;font-size:12px}
  .intake-page .under-form button{font-size:12px}
  .intake-page .use-note{font-size:12px}
  .intake-page .copy-row{flex-direction:row}
  .intake-page .copy-row button{width:auto;flex-shrink:0;padding:11px 22px}
  .intake-page .success-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .intake-page .site-footer{max-width:1160px;margin:auto;padding:22px 28px 32px;font-size:11px}
  .intake-page>header+.notice{max-width:1160px;width:calc(100% - 48px);padding:12px 28px}
  .intake-page .account-panel{padding:34px 36px}
  .intake-page .account-heading{margin:0 0 30px}
  .intake-page .account-heading h1{font-size:28px}
  .intake-page #my-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .intake-page .my-record{border:1px solid #d9e5df;border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
  .intake-page .my-record .button{margin-top:auto;width:auto;align-self:stretch}
  .intake-page .my-record .status-pill{margin-bottom:20px}
  .intake-page .my-record h2{font-size:18px}
  .intake-page .my-record p{font-size:13px}
  .intake-page .payment-area .button{width:auto;min-width:160px;margin-right:18px}
  .intake-page .payment-area .text-button{margin-top:0}
  .intake-page #orders-panel{margin-top:32px}
  .intake-page .order-line{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:18px;align-items:center}
  .intake-page .order-line p{margin:0}
}

@media(min-width:1024px){
  .intake-page .mobile-intake{max-width:1160px}
  .intake-page #workspace{display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:40px;padding:36px}
  .intake-page #workspace>.intro{grid-column:1;grid-row:1;padding:25px 22px;border-radius:12px 12px 0 0}
  .intake-page #workspace>.intro h1{font-size:29px;line-height:1.5;letter-spacing:-.6px;margin-bottom:18px}
  .intake-page #workspace>.intro p{font-size:13px;line-height:1.95}
  .intake-page #workspace>.intro .optional-note{font-size:12px;margin-top:20px}
  .intake-page #workspace>.mobile-steps{grid-column:1;grid-row:2;grid-template-columns:minmax(0,1fr);gap:5px!important;align-self:start;position:sticky;top:24px;padding:8px 12px 18px;background:#e9f0ed;border:0;border-radius:0 0 12px 12px}
  .intake-page .mobile-step{justify-content:flex-start;border:0;border-radius:8px;padding:13px 14px;min-height:50px;font-size:14px;background:transparent;gap:12px}
  .intake-page .mobile-step.active{background:#fff;color:#215a55}
  .intake-page .mobile-step-number{width:23px;height:23px;font-size:12px}
  .intake-page #workspace>.form-shell{grid-column:2;grid-row:1/3;padding:0;min-width:0}
  .intake-page .form-actions{margin:0;padding:20px 0}
  .intake-page .section-header{scroll-margin-top:24px}
  .intake-page .section-header h2{font-size:26px}
  .intake-page .section-header p{font-size:13px}
  .intake-page .optional-group[open] .field-grid{padding:12px 20px 24px}
  .intake-page .optional-group summary{padding-left:20px;font-size:14px}
  .intake-page .account-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;padding:40px}
  .intake-page .account-heading,.intake-page #account-error,.intake-page #my-records,.intake-page #orders-panel{grid-column:1/-1}
  .intake-page .password-settings{align-self:start;font-size:14px;margin-top:32px;padding-top:24px}
  .intake-page .password-settings form{max-width:none}
  .intake-page #auth-panel{max-width:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:0;border-radius:0;min-height:620px;overflow:hidden}
  .intake-page .auth-copy{padding:100px 54px 60px;background:#e9f0ed}
  .intake-page .auth-copy h1{font-size:36px;line-height:1.5;max-width:9em;letter-spacing:-1px}
  .intake-page .auth-copy p{font-size:15px;line-height:2;max-width:27em;margin-top:24px}
  .intake-page .auth-entry{padding:36px 52px 40px;align-self:center}
  .intake-page .auth-tabs{margin-top:0}
  .intake-page .auth-panel .auth-footnote{font-size:12px}
  .intake-page .toast{bottom:32px}
  .management-page .settings-panel{max-width:960px;padding:34px}
  .management-page .settings-panel form>input,.management-page .settings-panel form>select{max-width:680px}
  .management-page .settings-panel p{max-width:76ch;font-size:13px}
  .management-page .detail-dialog{max-width:1080px}
  .management-page .detail-body{padding:28px 32px}
}

@media(max-width:719px){
  .intake-page .auth-copy>p{font-size:13px;color:#647b73;line-height:1.9}
  .intake-page .account-panel{padding:20px 22px 30px}
  .intake-page .my-record h2{overflow-wrap:anywhere}
  .management-page .management-tabs{gap:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
  .management-page .management-tabs button{flex:0 0 auto;padding:14px 12px;min-height:48px}
  .management-page .detail-grid{grid-template-columns:minmax(0,1fr)}
  .management-page .settings-actions .button{flex-basis:100%;min-height:46px}
  .management-page .detail-header h2{font-size:17px}
  .management-page .records-table td{max-width:220px}
}

@media print{.intake-page #workspace{display:none!important}}