/* AUS Brokers simple pages: sign in, My appraisals, and (later) the legal
   pages. Same fonts and palette as the homepage (landing.css) without its
   animation machinery, so these pages are plain, fast and readable. */
@font-face{font-family:'Fraunces';font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/ui-Fraunces-normal.latin.woff2) format('woff2')}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:300 900;font-display:swap;src:url(fonts/ui-Fraunces-italic.latin.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/HankenGrotesk.ttf) format('truetype')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url(fonts/ui-JetBrainsMono-normal.latin.woff2) format('woff2')}

:root{
  --bg:#07090d;--ivory:#f6f2ea;--ivory-2:#efe8db;--card:#fffdf8;
  --ink:#0b0f15;--ink-soft:#505862;--ink-mute:#8a8f96;
  --gold:#d9ae6a;--gold-lt:#f3dcae;--gold-dk:#a2733a;
  --line:rgba(11,15,21,.1);--danger:#a23a3a;--ok:#2f6b45;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--ivory);color:var(--ink);font:400 16px/1.65 var(--sans)}
a{color:var(--gold-dk)}
.shell{width:100%;max-width:880px;margin:0 auto;padding:0 24px}

.site-head{background:var(--bg);color:#fff}
.site-head .shell{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px}
.site-head .brand img{display:block;height:44px;width:auto}
.site-head nav{display:flex;gap:18px;align-items:center;font-size:14.5px}
.site-head nav a{color:rgba(255,255,255,.78);text-decoration:none}
.site-head nav a:hover{color:#fff}

main{flex:1;padding:56px 0 72px}
.kicker{font:500 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dk)}
h1{font:300 clamp(34px,6vw,52px)/1.08 var(--serif);letter-spacing:-.02em;margin:10px 0 14px}
h1 em{font-style:italic;color:var(--gold-dk)}
.lede{font-size:18px;color:var(--ink-soft);max-width:560px;margin:0 0 30px}

.card{background:var(--card);border-radius:22px;box-shadow:0 0 0 1px var(--line),0 30px 60px -40px rgba(90,60,20,.35);padding:30px}
.card+.card{margin-top:18px}
label{display:block;font-weight:600;font-size:14.5px;margin-bottom:8px}
input[type=email]{width:100%;font:inherit;font-size:17px;padding:14px 16px;border-radius:14px;border:1px solid rgba(11,15,21,.18);background:#fff;color:var(--ink)}
input[type=email]:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:transparent}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;border:0;font:600 15px var(--sans);cursor:pointer;text-decoration:none;color:var(--ink);background:linear-gradient(115deg,#f7e4bd 0%,#e2bb7b 40%,#c7924d 70%,#e9c68a 100%)}
.btn:disabled{opacity:.55;cursor:default}
.btn-outline{background:transparent;box-shadow:inset 0 0 0 1px rgba(11,15,21,.25)}
.btn-small{min-height:38px;padding:0 16px;font-size:14px}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:18px}
.msg{margin-top:16px;font-size:15px}
.msg.err{color:var(--danger)}
.msg.ok{color:var(--ok)}
.muted{color:var(--ink-mute);font-size:14.5px}

.appraisals{list-style:none;margin:0;padding:0}
.appraisal{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid var(--line)}
.appraisal:first-child{border-top:0;padding-top:0}
.appraisal h2{font:400 24px/1.2 var(--serif);margin:0 0 4px}
.appraisal .meta{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute)}
.appraisal .downloads{display:flex;gap:8px;flex-wrap:wrap}
.status{display:inline-block;padding:3px 10px;border-radius:999px;font:500 11.5px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.status.running,.status.queued{background:rgba(217,174,106,.18);color:var(--gold-dk)}
.status.failed,.status.cancelled{background:rgba(162,58,58,.1);color:var(--danger)}
.empty{padding:10px 0;color:var(--ink-soft)}

.site-foot{background:var(--bg);color:rgba(255,255,255,.5);font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.site-foot .shell{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;padding-top:26px;padding-bottom:26px}
.site-foot a{color:rgba(255,255,255,.7);text-decoration:none}

@media (max-width:600px){
  .shell{padding:0 16px}
  main{padding:36px 0 56px}
  .card{padding:22px;border-radius:18px}
  .site-head .brand img{height:38px}
  .appraisal .downloads{width:100%}
}

/* Legal pages: long-form reading. */
.legal { max-width: 720px; }
.legal .updated { font: 500 12px var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-mute); margin: 0 0 22px; }
.legal h2 { font: 400 26px/1.25 var(--serif); letter-spacing: -.01em; margin: 38px 0 10px; }
.legal p, .legal li { color: var(--ink-soft); }
.legal p { margin: 0 0 14px; }
.legal ul { margin: 0 0 16px; padding-left: 20px; }
.legal li { margin-bottom: 8px; }
.legal strong { color: var(--ink); }
.legal .legal-foot { margin-top: 44px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 14.5px; }

/* Guides: long-form articles for search (same reading style as the legal pages). */
.guide h3 { font: 600 18px/1.35 var(--sans); margin: 26px 0 8px; color: var(--ink); }
.guide ol { margin: 0 0 16px; padding-left: 22px; }
.guide .crumbs { font: 500 12px var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-mute); margin: 0 0 4px; }
.guide .crumbs a { color: var(--ink-mute); text-decoration: none; }
.guide .byline { font-size: 14.5px; color: var(--ink-mute); margin: 0 0 26px; }
.guide .answer { background: var(--card); border-left: 3px solid var(--gold); border-radius: 0 16px 16px 0; padding: 18px 22px; margin: 0 0 22px; box-shadow: 0 0 0 1px var(--line); }
.guide .answer p { margin: 0; color: var(--ink); }
.guide .table-wrap { overflow-x: auto; margin: 0 0 18px; }
.guide table { width: 100%; border-collapse: collapse; font-size: 15px; }
.guide th, .guide td { text-align: left; padding: 9px 10px; border-bottom: 1px solid var(--line); vertical-align: top; }
.guide th { font: 500 12px var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-mute); }
.guide td { color: var(--ink-soft); }
.guide .n { text-align: right; white-space: nowrap; }
.guide tr.total td { font-weight: 700; color: var(--ink); border-top: 2px solid var(--ink); }
.guide .note { font-size: 14.5px; color: var(--ink-mute); }
.guide .cta { margin: 40px 0; }
.guide .cta h2 { margin-top: 0; }
.guide .faqs details { border-bottom: 1px solid var(--line); padding: 12px 0; }
.guide .faqs summary { font-weight: 600; cursor: pointer; color: var(--ink); }
.guide .faqs details p { margin: 10px 0 4px; }

/* Phones and touch screens (6 Oct 2026): header and footer links at least 44px tall
   to tap (they were 24px and 16px). The guides' questions get the same height from
   the summary itself, so the whole row opens its answer. */
@media (max-width:820px),(pointer:coarse){
  .site-head nav a{display:inline-flex;align-items:center;min-height:44px}
  .site-foot .shell{align-items:center;padding-top:12px;padding-bottom:12px}
  .site-foot a{display:inline-flex;align-items:center;min-height:44px}
}
.guide .faqs details { padding: 0; }
.guide .faqs summary { padding: 12px 0; }
.guide .faqs details p { margin: 0 0 14px; }