/* PlaneFox Hangar: /hangar (landing + dashboard) and /hangar/<id> (one aircraft).
   Shared by hangar.html and hangar-aircraft.html. Tokens are marketplace.css's
   (DESIGN.md "The White Hangar"): white ground, ink type and ink everyday
   buttons, ONE orange action per surface, borders before shadows, status
   always carries a word. Every class is hg- prefixed. */
:root{--hg-up:#0b6b3a;--hg-up-tint:#e7f4ec;--hg-up-mark:#1e9a5a;--hg-down:#b92c40;--hg-down-tint:#fbebed;--hg-warn:#8a5a00;--hg-warn-tint:#fbf1dc;--hg-rule:#e6e8e9;--hg-control:#8a9499;--hg-orange-text:#c43e00;--hg-orange-tint:#ffe7db;--hg-orange-ink:#9a3000;--hg-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace}
.hg-page{padding-top:var(--nav-height);min-height:100vh;background:var(--white)}
.hg-page [hidden]{display:none!important}
.hg-tab{font-variant-numeric:tabular-nums}
.hg-mono{font-family:var(--hg-mono);font-weight:500;letter-spacing:0}
.hg-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-ink)}
.hg-muted{color:var(--muted-ink)}
.btn.hg-ink{background:var(--ink-900);color:var(--white);border:1px solid var(--ink-900)}
.btn.hg-ink:hover{background:var(--slate-800);border-color:var(--slate-800)}
.btn.hg-ghost{background:transparent;color:var(--ink-900);border:1px solid transparent;padding-left:10px;padding-right:10px}
.btn.hg-ghost:hover{background:var(--mist-100)}
.btn.hg-danger{background:var(--white);color:var(--hg-down);border:1px solid var(--fog-200)}
.btn.hg-danger:hover{border-color:var(--hg-down)}
.btn[disabled],.btn.is-busy{opacity:.55;cursor:not-allowed}
.btn:focus-visible,.hg-page a:focus-visible,.hg-page button:focus-visible,.hg-page select:focus-visible,.hg-page input:focus-visible,.hg-page textarea:focus-visible{outline:2px solid var(--ink-900);outline-offset:2px}
.hg-link{color:var(--hg-orange-text);text-decoration:none;font-weight:600}
.hg-link:hover{text-decoration:underline;text-underline-offset:3px}
.hg-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;line-height:1.4;border-radius:var(--r-xs);padding:2px 8px;white-space:nowrap}
.hg-tag--up{background:var(--hg-up-tint);color:var(--hg-up)}
.hg-tag--warn{background:var(--hg-warn-tint);color:var(--hg-warn)}
.hg-tag--down{background:var(--hg-down-tint);color:var(--hg-down)}
.hg-tag--neutral{background:var(--mist-100);color:var(--slate-800)}
.hg-tag--yours{background:var(--hg-orange-tint);color:var(--hg-orange-ink)}
.hg-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink-900);min-width:0}
.hg-field input,.hg-field select,.hg-field textarea,.hg-input{font:inherit;font-size:15px;font-weight:400;color:var(--ink-900);background:var(--white);border:1px solid var(--hg-control);border-radius:var(--r-sm);padding:0 14px;height:44px;width:100%;min-width:0}
.hg-field textarea{height:auto;min-height:96px;padding:10px 14px;resize:vertical;line-height:1.5}
.hg-field input:focus,.hg-field select:focus,.hg-field textarea:focus,.hg-input:focus{outline:none;border-color:var(--brand-orange);box-shadow:0 0 0 3px rgba(255,80,0,.12)}
.hg-field__hint{font-weight:400;color:var(--muted-ink);font-size:12.5px}
.hg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:480px){.hg-row{grid-template-columns:1fr}}
.hg-spin{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:hg-spin .8s linear infinite;vertical-align:-2px}
@keyframes hg-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.hg-spin{animation-duration:2.4s}}

/* ── Landing ─────────────────────────────────────────────────────────── */
.hg-hero{padding:48px 0 56px;border-bottom:1px solid var(--fog-200)}
/* Phones: headline, then the value check, then the bullets, so the hook is on
   the first screen. From 1024px the check is a rail beside both. */
.hg-hero__grid{display:grid;gap:28px;align-items:start;grid-template-areas:"copy" "panel" "checks"}
.hg-hero__copy{grid-area:copy}.hg-quick{grid-area:panel}.hg-checks{grid-area:checks}
@media (min-width:1024px){.hg-hero{padding:72px 0 80px}.hg-hero__grid{grid-template-columns:minmax(0,1fr) 460px;grid-template-rows:auto 1fr;grid-template-areas:"copy panel" "checks panel";column-gap:56px;row-gap:0}}
.hg-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--slate-800);background:var(--mist-100);border-radius:var(--r-pill);padding:4px 12px;margin:0 0 18px}
.hg-hero__title{font-family:var(--font-display);font-weight:800;font-size:36px;line-height:1.06;letter-spacing:-.02em;margin:0 0 16px;color:var(--ink-900)}
@media (min-width:768px){.hg-hero__title{font-size:56px}}
.hg-hero__sub{font-size:17px;line-height:1.55;color:var(--slate-700);margin:0;max-width:600px}
@media (min-width:1024px){.hg-hero__sub{margin-bottom:28px}}
@media (min-width:768px){.hg-hero__sub{font-size:19px}}
.hg-checks{list-style:none;padding:0;margin:0;display:grid;gap:14px;max-width:600px}
.hg-checks li{display:grid;grid-template-columns:24px 1fr;gap:12px;font-size:16px;line-height:1.45;color:var(--slate-700)}
.hg-checks li strong{color:var(--ink-900);font-weight:700}
.hg-checks svg{color:var(--ink-900);margin-top:1px}
.hg-panel{background:var(--white);border:1px solid var(--fog-200);border-radius:var(--r-lg);padding:24px}
.hg-quick{box-shadow:0 12px 40px rgba(20,21,21,.10)}
@media (min-width:768px){.hg-quick{padding:28px}}
.hg-quick__title{font-family:var(--font-display);font-weight:800;font-size:24px;letter-spacing:-.01em;margin:0 0 4px}
.hg-quick__sub{margin:0 0 20px;color:var(--muted-ink);font-size:14px;line-height:1.5}
.hg-quick__form{display:grid;gap:14px}
.hg-quick__go{width:100%;margin-top:4px}
.hg-quick__note{font-size:12.5px;line-height:1.5;color:var(--muted-ink);margin:12px 0 0}
.hg-found{display:flex;gap:10px;align-items:flex-start;background:var(--mist-100);border-radius:var(--r-sm);padding:10px 12px;font-size:13.5px;line-height:1.45;color:var(--slate-800)}
.hg-found b{color:var(--ink-900)}
.hg-qres{margin-top:20px;border-top:1px solid var(--hg-rule);padding-top:20px}
.hg-qres__mid{font-family:var(--font-display);font-weight:800;font-size:40px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:6px 0 6px}
.hg-qres__range{font-size:14px;color:var(--slate-700);font-variant-numeric:tabular-nums}
.hg-qres__nudge{margin:16px 0 14px;font-size:14px;line-height:1.5;color:var(--slate-700)}
.hg-qres__nudge b{color:var(--ink-900)}
.hg-section{padding:64px 0}
.hg-section--mist{background:var(--mist-100)}
.hg-section__title{font-family:var(--font-display);font-weight:800;font-size:30px;line-height:1.15;letter-spacing:-.02em;margin:0 0 8px}
@media (min-width:768px){.hg-section__title{font-size:32px}}
.hg-section__sub{color:var(--slate-700);font-size:16px;line-height:1.55;margin:0 0 32px;max-width:640px}
.hg-steps{display:grid;gap:16px;counter-reset:hgstep}
@media (min-width:768px){.hg-steps{grid-template-columns:repeat(3,1fr);gap:24px}}
.hg-step{border:1px solid var(--fog-200);border-radius:var(--r-lg);padding:24px;background:var(--white)}
.hg-step__n{font-family:var(--font-display);font-weight:800;font-size:15px;width:32px;height:32px;border-radius:50%;background:var(--ink-900);color:var(--white);display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px}
.hg-step h3,.hg-feat h3{font-size:18px;font-weight:700;margin:0 0 6px;line-height:1.35}
.hg-step p,.hg-feat p{margin:0;color:var(--slate-700);font-size:14.5px;line-height:1.55}
.hg-feats{display:grid;gap:16px}
@media (min-width:640px){.hg-feats{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.hg-feats{grid-template-columns:repeat(3,1fr);gap:24px}}
.hg-feat{background:var(--white);border:1px solid var(--fog-200);border-radius:var(--r-lg);padding:24px}
.hg-feat__ic{width:40px;height:40px;border-radius:var(--r-sm);background:var(--mist-100);display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--ink-900)}
.hg-privacy{display:grid;gap:20px;align-items:center}
@media (min-width:768px){.hg-privacy{grid-template-columns:auto 1fr}}
.hg-privacy__ic{width:56px;height:56px;border-radius:50%;background:var(--white);border:1px solid var(--fog-200);display:flex;align-items:center;justify-content:center}
.hg-privacy p{margin:0;color:var(--slate-700);font-size:15px;line-height:1.6;max-width:760px}

/* ── Dashboard ───────────────────────────────────────────────────────── */
.hg-dash-head{padding:32px 0 20px;background:var(--white)}
.hg-dash-head__row{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.hg-dash-head h1{font-family:var(--font-display);font-weight:800;font-size:30px;letter-spacing:-.02em;margin:0}
.hg-dash-head p{margin:6px 0 0;color:var(--muted-ink);font-size:15px}
.hg-dash{padding-top:28px;padding-bottom:72px}
.hg-cards{display:grid;gap:20px}
@media (min-width:640px){.hg-cards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.hg-cards{grid-template-columns:repeat(3,1fr);gap:24px}}
.hg-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--fog-200);border-radius:var(--r-lg);overflow:hidden;color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s}
.hg-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.hg-card__img{aspect-ratio:4/3;background:var(--mist-100);display:flex;align-items:center;justify-content:center;color:var(--steel-400);overflow:hidden}
.hg-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.hg-card__body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.hg-card__reg{font-family:var(--hg-mono);font-size:12.5px;color:var(--muted-ink)}
.hg-card__name{font-weight:700;font-size:17px;line-height:1.3;margin:2px 0 0}
.hg-card__val{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.hg-card__mid{font-family:var(--font-display);font-weight:800;font-size:24px;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.hg-card__rng{font-size:12.5px;color:var(--muted-ink);font-variant-numeric:tabular-nums}
.hg-card__foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--hg-rule);font-size:13px;color:var(--slate-700)}
.hg-card--add{border:1.5px dashed var(--hg-control);align-items:center;justify-content:center;min-height:280px;background:var(--white);cursor:pointer;font:inherit;color:var(--ink-900);gap:10px}
.hg-card--add:hover{border-color:var(--ink-900)}
.hg-card--add span{font-weight:700;font-size:16px}
.hg-ring{--p:0;width:38px;height:38px;border-radius:50%;background:conic-gradient(var(--ink-900) calc(var(--p)*1%),var(--fog-200) 0);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.hg-ring::before{content:attr(data-v);width:30px;height:30px;border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums}
.hg-empty{text-align:center;padding:56px 24px;border:1px solid var(--fog-200);border-radius:var(--r-lg)}
.hg-empty h2{font-size:22px;margin:0 0 8px}
.hg-empty p{color:var(--muted-ink);margin:0 0 22px;line-height:1.55}

/* ── Modal ───────────────────────────────────────────────────────────── */
.hg-modal-bg{position:fixed;inset:0;background:rgba(20,21,21,.55);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto}
.hg-modal{background:var(--white);border-radius:var(--r-lg);width:100%;max-width:560px;padding:28px;box-shadow:0 24px 64px rgba(0,0,0,.28);position:relative;margin:auto 0}
@media (max-width:480px){.hg-modal{padding:20px}}
.hg-modal h2{font-family:var(--font-display);font-weight:800;font-size:24px;letter-spacing:-.01em;margin:0 0 6px;padding-right:36px}
.hg-modal__sub{margin:0 0 20px;color:var(--muted-ink);font-size:14px;line-height:1.5}
.hg-modal__x{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--slate-700);display:flex;align-items:center;justify-content:center}
.hg-modal__x:hover{background:var(--mist-100)}
.hg-modal__form{display:grid;gap:14px}
.hg-modal__actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:6px}
@media (max-width:480px){.hg-modal__actions .btn{width:100%}}
.hg-err{color:var(--hg-down);font-size:13.5px;margin:0}

/* ── Aircraft page ───────────────────────────────────────────────────── */
.hg-ac-head{padding-top:28px;padding-bottom:20px}
.hg-ac-head__grid{display:grid;gap:20px;align-items:center}
@media (min-width:768px){.hg-ac-head__grid{grid-template-columns:220px 1fr auto}}
.hg-ac-cover{aspect-ratio:4/3;border-radius:var(--r-md);background:var(--mist-100);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--steel-400);position:relative}
.hg-ac-cover img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:767px){.hg-ac-cover{aspect-ratio:16/9}}
.hg-ac-title{font-family:var(--font-display);font-weight:800;font-size:30px;line-height:1.15;letter-spacing:-.02em;margin:4px 0 6px}
@media (min-width:768px){.hg-ac-title{font-size:34px}}
.hg-ac-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--slate-700);font-size:14px}
.hg-ac-actions{display:flex;gap:8px;flex-wrap:wrap}
.hg-jump{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--fog-200);position:sticky;top:var(--nav-height);background:var(--white);z-index:80;margin:0 -4px}
/* Under the account tab band, which is sticky from 721px up (marketplace.css). */
@media (min-width:721px){.hg-jump{top:calc(var(--nav-height) + 49px)}}
.hg-jump::-webkit-scrollbar{display:none}
.hg-jump a{flex:0 0 auto;padding:13px 12px;font-size:14px;font-weight:500;color:var(--muted-ink);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.hg-jump a:hover{color:var(--ink-900)}
.hg-jump a.is-on{color:var(--ink-900);border-bottom-color:var(--ink-900)}
.hg-layout{display:grid;gap:32px;padding-top:28px;padding-bottom:80px}
@media (min-width:1024px){.hg-layout{grid-template-columns:minmax(0,1fr) 348px;gap:56px}}
.hg-rail{min-width:0}
@media (min-width:1024px){.hg-rail>.hg-sticky{position:sticky;top:calc(var(--nav-height) + 49px + 64px)}}
@media (max-width:1023px){.hg-rail{order:-1}}
.hg-main{min-width:0;display:flex;flex-direction:column;gap:48px}
.hg-sec{scroll-margin-top:calc(var(--nav-height) + 64px)}
@media (min-width:721px){.hg-sec{scroll-margin-top:calc(var(--nav-height) + 49px + 64px)}}
.hg-sec__head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.hg-sec__title{font-family:var(--font-display);font-weight:800;font-size:24px;line-height:1.25;letter-spacing:-.01em;margin:0}
.hg-sec__sub{margin:4px 0 0;color:var(--muted-ink);font-size:14px;line-height:1.5}

/* Value card */
.hg-value{padding:22px}
.hg-value__mid{font-family:var(--font-display);font-weight:800;font-size:44px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:8px 0 4px}
.hg-value__rng{font-size:14px;color:var(--slate-700);font-variant-numeric:tabular-nums}
.hg-bar{position:relative;height:10px;border-radius:5px;background:var(--mist-100);margin:18px 0 8px}
.hg-bar__span{position:absolute;top:0;bottom:0;border-radius:5px;background:var(--fog-200)}
.hg-bar__market{position:absolute;top:0;bottom:0;border-radius:5px;background:var(--slate-700)}
.hg-bar__mid{position:absolute;top:-5px;width:4px;height:20px;border-radius:2px;background:var(--brand-orange);transform:translateX(-2px)}
.hg-bar__legend{display:flex;justify-content:space-between;font-size:12px;color:var(--muted-ink);font-variant-numeric:tabular-nums}
.hg-value__conf{margin:14px 0 0;font-size:13.5px;color:var(--slate-700);line-height:1.5}
.hg-value__next{margin-top:16px;padding:14px;border-radius:var(--r-md);background:var(--mist-100)}
.hg-value__next p{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--slate-800)}
.hg-value__next p b{color:var(--ink-900)}
.hg-value__next .btn{width:100%}
.hg-ins{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--hg-rule)}
.hg-ins li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--hg-rule);font-size:14px}
.hg-ins li span:first-child{color:var(--slate-700)}
.hg-ins li b{font-variant-numeric:tabular-nums;text-align:right;flex:0 1 auto;max-width:62%}
.hg-nw{white-space:nowrap}
.hg-ins small{display:block;color:var(--muted-ink);font-weight:400;font-size:12px;text-align:right}
.hg-spark{margin-top:16px}
.hg-spark svg{display:block;width:100%;height:56px}
.hg-fine{font-size:12px;line-height:1.5;color:var(--muted-ink);margin:14px 0 0}
.hg-comps{list-style:none;margin:8px 0 0;padding:0}
.hg-comps li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--hg-rule);font-size:13.5px}
.hg-comps a{color:var(--ink-900);text-decoration:none}
.hg-comps a:hover{text-decoration:underline}
.hg-noval p{margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--slate-700)}

/* Suggestions + notices */
.hg-notice{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-md);background:var(--hg-warn-tint);color:var(--slate-800);font-size:14px;line-height:1.5}
.hg-notice b{color:var(--ink-900)}
.hg-notice__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.hg-sugs{display:grid;gap:10px}

/* Steps list (sharpen your estimate) */
.hg-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--hg-rule)}
.hg-list>li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--hg-rule)}
.hg-list__ic{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--mist-100);color:var(--neutral-mark,#7b878d)}
.hg-list__ic.is-done{background:var(--hg-up-tint);color:var(--hg-up)}
.hg-list__t{font-weight:600;font-size:15px;line-height:1.35}
.hg-list__d{font-size:13.5px;color:var(--muted-ink);line-height:1.45;margin-top:2px}
.hg-list__d b{color:var(--ink-900);font-variant-numeric:tabular-nums}
@media (max-width:560px){.hg-list>li{grid-template-columns:28px minmax(0,1fr)}.hg-list>li>.hg-list__act{grid-column:2}}

/* Deadlines */
.hg-due__date{font-variant-numeric:tabular-nums;font-size:13.5px;color:var(--slate-700);text-align:right;white-space:nowrap}
.hg-due__add{display:grid;grid-template-columns:minmax(0,1fr) 170px auto;gap:10px;margin-top:14px;align-items:end}
@media (max-width:640px){.hg-due__add{grid-template-columns:1fr}}

/* Documents */
.hg-drop{border:1.5px dashed var(--hg-control);border-radius:var(--r-md);padding:24px;text-align:center;background:var(--white);transition:border-color .15s,background .15s}
.hg-drop.is-over{border-color:var(--ink-900);background:var(--mist-100)}
.hg-drop__t{font-weight:700;font-size:16px;margin:8px 0 4px}
.hg-drop__d{font-size:13.5px;color:var(--muted-ink);margin:0 0 14px;line-height:1.5}
.hg-drop__btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.hg-docs{display:grid;gap:12px;margin-top:16px}
.hg-doc{border:1px solid var(--fog-200);border-radius:var(--r-md);padding:14px 16px;background:var(--white)}
.hg-doc__top{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:start}
.hg-doc__ic{width:36px;height:36px;border-radius:var(--r-sm);background:var(--mist-100);display:flex;align-items:center;justify-content:center;color:var(--slate-700)}
.hg-doc__title{font-weight:700;font-size:15px;line-height:1.35;word-break:break-word}
.hg-doc__meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:12.5px;color:var(--muted-ink);margin-top:3px}
.hg-doc__sum{margin:10px 0 0 48px;font-size:14px;line-height:1.55;color:var(--slate-700)}
.hg-doc__chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0 48px}
.hg-chip{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;line-height:1.35;border-radius:var(--r-xs);background:var(--mist-100);color:var(--slate-800);font-size:12.5px;font-weight:500;font-variant-numeric:tabular-nums}
.hg-doc__finds{list-style:none;margin:10px 0 0 48px;padding:0;display:grid;gap:6px}
.hg-doc__finds li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;line-height:1.45;color:var(--slate-800)}
.hg-doc__acts{display:flex;gap:2px;align-items:center}
.hg-doc__acts .btn{min-height:34px;padding:6px 10px;font-size:13px}
.hg-doc select.hg-input{height:30px;font-size:12.5px;padding:0 8px;width:auto;max-width:220px;border-color:var(--fog-200)}
@media (max-width:560px){.hg-doc__sum,.hg-doc__chips,.hg-doc__finds{margin-left:0}.hg-doc__top{grid-template-columns:36px minmax(0,1fr)}.hg-doc__acts{grid-column:1/-1;justify-content:flex-start}}
.hg-records{margin-top:20px;border:1px solid var(--fog-200);border-radius:var(--r-md);padding:16px 18px}
.hg-records__head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.hg-records__title{font-weight:700;font-size:15px}
.hg-records ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
@media (min-width:640px){.hg-records ul{grid-template-columns:1fr 1fr;column-gap:24px}}
.hg-records li{display:flex;gap:8px;align-items:center;font-size:13.5px;padding:6px 0;color:var(--slate-800)}
.hg-records li.is-missing{color:var(--muted-ink)}
.hg-records li button{margin-left:auto;background:none;border:none;color:var(--hg-orange-text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:2px 0}
.hg-records li button:hover{text-decoration:underline}

/* Facts sheet */
.hg-facts{display:grid;gap:20px}
@media (min-width:768px){.hg-facts{grid-template-columns:1fr 1fr;column-gap:32px}}
.hg-fgroup h3{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-ink);margin:0 0 4px}
.hg-fact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 0;border-bottom:1px solid var(--hg-rule);align-items:center}
.hg-fact__l{font-size:14px;color:var(--slate-700)}
.hg-fact__v{font-size:14.5px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;word-break:break-word}
.hg-fact__v.is-empty{font-weight:400;color:var(--muted-ink)}
.hg-fact__src{grid-column:1/-1;font-size:12px;color:var(--muted-ink);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.hg-fact__edit{background:none;border:none;color:var(--hg-orange-text);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;padding:0}
.hg-fact__edit:hover{text-decoration:underline}
.hg-fact__form{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:6px}
.hg-fact__form .hg-input{flex:1 1 160px;height:38px}
.hg-fact__form select.hg-input{flex:0 0 96px}
.hg-fact__form .btn{min-height:38px;padding:8px 14px;font-size:13.5px}

/* Photos */
.hg-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media (min-width:640px){.hg-photos{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1024px){.hg-photos{grid-template-columns:repeat(4,1fr)}}
.hg-photo{position:relative;aspect-ratio:4/3;border-radius:var(--r-sm);overflow:hidden;background:var(--mist-100)}
.hg-photo img{width:100%;height:100%;object-fit:cover;display:block}
.hg-photo__acts{position:absolute;inset:auto 6px 6px auto;display:flex;gap:4px}
.hg-photo__acts button{height:28px;padding:0 9px;border-radius:var(--r-pill);border:none;background:rgba(0,0,0,.75);color:#fff;font-size:12px;font-weight:600;cursor:pointer}
.hg-photo__cover{position:absolute;top:6px;left:6px;background:rgba(0,0,0,.75);color:#fff;font-size:11px;font-weight:600;border-radius:var(--r-xs);padding:2px 7px}
.hg-photo--add{border:1.5px dashed var(--hg-control);background:var(--white);display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-900);font:inherit;font-weight:600;font-size:14px}

/* Notes */
.hg-note-form{display:grid;gap:10px}
.hg-note-form .btn{justify-self:start}
.hg-notes{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--hg-rule)}
.hg-notes li{padding:12px 0;border-bottom:1px solid var(--hg-rule);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.hg-notes p{margin:0;white-space:pre-wrap;font-size:14.5px;line-height:1.55;word-break:break-word}
.hg-notes time{display:block;font-size:12px;color:var(--muted-ink);margin-top:4px}

/* Ask your Hangar */
.hg-chat{border:1px solid var(--fog-200);border-radius:var(--r-md);overflow:hidden}
.hg-chat__log{padding:16px;display:flex;flex-direction:column;gap:12px;max-height:520px;overflow-y:auto;background:var(--white)}
.hg-chat__q{align-self:flex-end;background:var(--ink-900);color:var(--white);padding:10px 14px;border-radius:16px 16px 4px 16px;max-width:85%;font-size:14.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.hg-chat__a{align-self:flex-start;background:var(--mist-100);color:var(--ink-900);padding:10px 14px;border-radius:16px 16px 16px 4px;max-width:92%;font-size:14.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.hg-chat__empty{color:var(--muted-ink);font-size:14px;line-height:1.5;margin:0}
.hg-chat__sugs{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 14px}
.hg-chat__sugs button{height:32px;padding:0 12px;border-radius:var(--r-pill);border:1px solid var(--fog-200);background:var(--white);font:inherit;font-size:13px;color:var(--ink-900);cursor:pointer}
.hg-chat__sugs button:hover{border-color:var(--steel-400)}
.hg-chat__form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--fog-200);background:var(--white)}
.hg-chat__form .hg-input{flex:1}
.hg-chat__fine{font-size:12px;color:var(--muted-ink);margin:8px 0 0;line-height:1.5}
.hg-danger-zone{border-top:1px solid var(--fog-200);padding-top:24px;display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
.hg-danger-zone p{margin:0;font-size:14px;color:var(--muted-ink);max-width:520px;line-height:1.5}
.hg-signin{max-width:520px;margin:64px auto;text-align:center;padding:0 24px}
.hg-signin h1{font-family:var(--font-display);font-weight:800;font-size:30px;letter-spacing:-.02em;margin:0 0 10px}
.hg-signin p{color:var(--slate-700);line-height:1.55;margin:0 0 22px}
.hg-skel{background:linear-gradient(90deg,var(--mist-100),#eceeef,var(--mist-100));background-size:200% 100%;animation:hg-sk 1.4s ease infinite;border-radius:var(--r-sm)}
@keyframes hg-sk{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.hg-skel{animation:none}}
.hg-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hg-field input.hg-mono{font-family:var(--hg-mono);letter-spacing:.02em}
.hg-overview{display:flex;flex-direction:column;gap:24px}
/* Better offers (insurance and financing) */
.hg-ocards{display:grid;gap:16px}
@media (min-width:768px){.hg-ocards{grid-template-columns:1fr 1fr}}
.hg-ocard{border:1px solid var(--fog-200);border-radius:var(--r-md);padding:18px;background:var(--white);display:flex;flex-direction:column;gap:12px;min-width:0}
.hg-ocard__head{display:flex;align-items:center;gap:10px}
.hg-ocard__head h3{margin:0;font-size:17px;font-weight:700}
.hg-ocard__facts{margin:0}
.hg-ocard__none{font-size:13.5px;margin:0}
.hg-ocard__d{margin:0;font-size:14px;line-height:1.5;color:var(--slate-700)}
.hg-ocard .btn{align-self:flex-start}
.hg-ocard__status{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px}
.hg-offers-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.hg-offer{border:1px solid var(--fog-200);border-radius:var(--r-sm);padding:12px 14px}
.hg-offer.is-chosen{border-color:var(--hg-up-mark)}
.hg-offer__top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.hg-offer__provider{font-weight:700;font-size:15px}
.hg-offer__price{font-family:var(--font-display);font-weight:800;font-size:18px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.hg-offer__meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin-top:8px;font-size:13px;color:var(--slate-700);font-variant-numeric:tabular-nums}
.hg-offer__cond{margin:8px 0 0;font-size:13.5px;line-height:1.5;color:var(--slate-700);white-space:pre-wrap}
.hg-offer__contact{margin-top:10px;padding:10px 12px;border-radius:var(--r-sm);background:var(--hg-up-tint);font-size:14px;line-height:1.6}
.hg-offer__acts{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.hg-notice--mist{background:var(--mist-100)}
.hg-money{display:flex;gap:6px}
.hg-money .hg-input{flex:1 1 auto}
.hg-money select.hg-input{flex:0 0 86px;padding:0 8px}
.hg-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--ink-900);cursor:pointer}
.hg-check input{margin-top:3px;width:16px;height:16px;flex:0 0 auto;accent-color:var(--ink-900)}
.hg-consent{background:var(--mist-100);border-radius:var(--r-sm);padding:12px;font-size:13.5px}
.hg-qd__sec{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-ink);margin-top:6px}
.hg-modal--wide{max-width:640px}
.hg-page .is-invalid input,.hg-page .is-invalid select,.is-invalid > input,.hg-modal .is-invalid input,.hg-modal .is-invalid select{border-color:var(--hg-down)}
.hg-modal .hg-consent.is-invalid{outline:1px solid var(--hg-down)}
/* Broker quote page (/q/<token>) */
.hg-q{padding-top:28px;padding-bottom:72px}
.hg-q__head{max-width:760px}
.hg-q__grid{display:grid;gap:28px;margin-top:28px;align-items:start}
@media (min-width:1024px){.hg-q__grid{grid-template-columns:minmax(0,1fr) 420px;gap:48px}.hg-q__side{position:sticky;top:calc(var(--nav-height) + 24px)}}
.hg-q__block{margin-bottom:24px}
.hg-q__block h3{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-ink);margin:0 0 2px}
.hg-q__est{margin:10px 0 0;font-size:13.5px;color:var(--slate-700);line-height:1.5}
.hg-q__notes{margin:6px 0 0;white-space:pre-wrap;font-size:14.5px;line-height:1.55}
.hg-q__files{margin:6px 0 0;padding-left:18px;font-size:14px;line-height:1.8}
.hg-q__form{display:grid;gap:14px}
.hg-q__btns{display:flex;gap:10px;flex-wrap:wrap}
.hg-q__done .btn{margin-top:4px}
.hg-ocard .hg-fact__edit{align-self:flex-start}
/* iOS Safari draws a date field as a menu button: it adds the field's padding on top of
   width:100% (WebKit bug 301648, still open on iOS 26) and centres the value, so the
   reminder date stuck out of the Deadlines form and the whole aircraft page scrolled
   sideways. A plain field on iOS only; tapping it still opens the native date picker. */
@supports (-webkit-touch-callout:none){.hg-field input[type=date],input.hg-input[type=date]{-webkit-appearance:none;appearance:none;box-sizing:border-box;max-width:100%;min-width:0;text-align:left}.hg-field input[type=date]::-webkit-date-and-time-value,input.hg-input[type=date]::-webkit-date-and-time-value{text-align:left;margin:0}}
/* Phones: 16px text in every field (DESIGN.md). Below 16px iOS zooms the page in on
   focus and leaves it zoomed, so the page could then be dragged sideways. */
@media (max-width:767px){.hg-field input,.hg-field select,.hg-field textarea,.hg-input,.hg-doc select.hg-input{font-size:16px}}