/* Referral page: shared ABOUT shell, accessible tabs and existing form fields. */
.po-agency-hero {clip-path:inset(0);}
.po-agency .po-about-hero__media {position:fixed;top:0;bottom:auto;height:calc(420px + var(--fixed-hero-top,0px));transform:none;}
.po-agency .po-about-hero__media img {animation:none;transform:none;object-position:center;}
.po-agency .po-about-hero__veil {background:rgba(0,0,0,.12);}
.po-agency .po-about-hero h1 {font:400 52px/1.3 Oswald,sans-serif;}
.po-agency .po-about-index a .po-about-index__number {color:#632d3e!important;}
.po-agency .agency-tabs a {border-bottom:3px solid transparent;}
.po-agency .agency-tabs a[aria-selected="true"] {border-bottom-color:#632d3e;background:#fff;}
.po-agency .agency-tabs a[aria-selected="true"] span {color:#222;}
.agency-panel {padding:24px 0 72px;background:#fff;scroll-margin-top:150px;}
.agency-panel[hidden] {display:none!important;}
.agency-reading {font-size:15px;line-height:1.9;}
.po-agency .agency-panel h2 {font-size:23px;line-height:1.55;margin:40px 0 20px;padding-top:22px;border-top:1px solid #d6d1ce;}
.po-agency .agency-panel h2:first-child {margin-top:0;color:#632d3e;}
.po-agency #overview h2:first-child {font-family:Oswald,sans-serif;font-weight:400;font-size:32px;}
.agency-copy p {margin:0 0 16px;}
.agency-copy ul {padding-left:1.5em;}
.agency-photo {margin:28px auto;max-width:720px;}
.agency-photo img {display:block;max-height:400px;object-fit:cover;}
.agency-course {background:#f3f2ef;border-top:2px solid #632d3e;padding:24px;margin:20px 0;}
.agency-course h3 {font-size:20px;margin:0 0 12px;}
.agency-course p {margin:0 0 18px;}
.agency-flyers {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0 32px;}
.po-agency .agency-flyers .po-about-button {display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:48px;min-width:0;margin:0;padding:10px 12px;white-space:nowrap;}
.po-agency .po-about-button {background:#171717;color:white;min-height:44px;padding:12px 20px;font-size:14px;}
.po-agency .po-about-button:hover {background:#555;}
.agency-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;}
.agency-form {padding:28px;background:#f3f2ef;scroll-margin-top:150px;}
.agency-field {min-width:0;margin:0;padding:0;border:0;}
.agency-field>label,.agency-field legend {display:block;font-size:14px;font-weight:600;margin:0 0 8px;padding:0;}
.agency-required {display:inline-block;background:#632d3e;color:#fff;font-size:10px;padding:1px 5px;margin-left:7px;vertical-align:middle;}
.agency-field input:not([type="checkbox"]):not([type="radio"]),.agency-field textarea,.agency-field select {box-sizing:border-box;width:100%;max-width:100%;min-width:0;border:1px solid #b8b6b3;border-radius:0;background:#fff;font:16px/1.5 sans-serif;padding:8px 10px;min-height:42px;}
.agency-options {grid-column:1/-1;}
.agency-options>div {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.agency-options span {display:flex;align-items:flex-start;gap:7px;}
.agency-options input {flex:0 0 auto;width:16px;height:16px;margin:5px 0 0;accent-color:#632d3e;}
.agency-options label {font-size:13px;cursor:pointer;}
.agency-form-note {font-size:13px;margin:24px 0 18px;}
.agency-status {font-size:14px;margin:16px 0 0;}
.agency-status:empty {display:none;}
.agency-form [aria-invalid="true"] {outline:2px solid #a32236;}
.agency-form button:disabled {opacity:.6;cursor:wait;}
.po-agency a:focus-visible,.po-agency button:focus-visible {outline:2px solid #632d3e;outline-offset:3px;}
@media(max-width:760px) {
  .po-agency .po-about-hero__media {height:calc(330px + var(--fixed-hero-top,0px));}
  .po-agency .po-about-hero h1 {font-size:30px;}
  .po-agency .agency-tabs {display:flex;}
  .po-agency .agency-tabs a {flex:1;min-width:0;justify-content:center;gap:5px;font-size:11px;padding:13px 4px;}
  .agency-panel {padding:16px 0 44px;}
  .agency-reading,.agency-copy,.agency-copy p,.agency-course p {font-size:13px;line-height:1.85;}
  .po-agency .agency-panel h2 {font-size:17px;margin:28px 0 16px;padding-top:18px;}
  .po-agency #overview h2:first-child {font-size:26px;}
  .agency-course {padding:18px;}
  .agency-flyers {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .po-agency .agency-flyers .po-about-button {height:44px;}
  .agency-course h3 {font-size:17px;}
  .agency-photo {margin:22px 0;}
  .agency-form {padding:16px 12px;}
  .agency-fields {grid-template-columns:1fr;gap:16px;}
  .agency-field>label,.agency-field legend {font-size:13px;}
  .agency-options>div {grid-template-columns:1fr;gap:8px;}
  .po-agency .po-about-button {font-size:13px;}
}
@media(prefers-reduced-motion:reduce) {.po-agency .po-about-hero__media {position:absolute;height:100%;}}