:root{--ink:#263d38;--muted:#61716a;--cream:#f6f3ec;--line:#dddcd2;--gold:#b49261}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 system-ui,sans-serif}a{color:var(--ink);text-underline-offset:4px}header{border-bottom:1px solid var(--line);padding:22px max(5vw,20px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}header>a{text-decoration:none;font:24px Georgia,serif}nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}main{max-width:1120px;margin:40px auto;padding:0 24px;min-height:70vh}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.15}h1{font-size:clamp(36px,5vw,68px);max-width:800px;margin:20px 0}h2{font-size:32px}h3{font-size:24px}.eyebrow{letter-spacing:2px;text-transform:uppercase;font-size:12px;font-weight:700;color:#6a715a}.lead{font-size:20px;max-width:620px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center;padding:35px 0 55px}.landscape{background:#294a43;border-radius:180px 180px 12px 12px;overflow:hidden;min-height:400px;position:relative;display:flex;align-items:end;padding:30px;color:#eee8d9}.landscape svg{position:absolute;inset:0;width:100%;height:100%}.landscape p{position:relative;font-family:Georgia,serif;font-size:23px;max-width:280px;background:#1f403b;padding:12px 16px;border-radius:6px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.card{background:#fffefa;border:1px solid var(--line);border-radius:10px;padding:25px;margin:20px 0}.card p{overflow-wrap:anywhere}.pill{display:inline-block;background:#e9eee6;border-radius:25px;padding:5px 12px;font-size:13px}.muted,small{color:var(--muted)}button,.button{display:inline-block;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:5px;padding:11px 20px;font:inherit;text-decoration:none;cursor:pointer}.secondary{background:transparent;color:var(--ink)}.danger{background:#873e32;border-color:#873e32}label{display:block;margin:16px 0}input:not([type=checkbox]):not([type=radio]),textarea,select{display:block;width:100%;max-width:650px;padding:12px;border:1px solid #b6c0b7;border-radius:5px;background:white;color:var(--ink);font:inherit}input[type=checkbox]{margin-right:9px}textarea{min-height:100px}.inline{display:inline-block;margin:5px 8px 5px 0}.inline button{padding:7px 13px}.notice{background:#e8eee5;border-left:4px solid #55745c;padding:15px 20px;margin:20px 0}.error{background:#f9e8e2;border-left-color:#943f30}.message{max-width:80%;background:#e7eee8;border-radius:10px;padding:12px 18px;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.mine{margin-left:auto;background:#f0e9da}.photo{width:150px;height:180px;object-fit:cover;border-radius:7px;margin:8px}.steps{display:flex;flex-wrap:wrap;gap:12px;padding:0;list-style:none}.steps li{border:1px solid var(--line);padding:10px;border-radius:5px}footer{border-top:1px solid var(--line);padding:28px 5vw;color:var(--muted);font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:30px}.narrow{max-width:700px}summary{cursor:pointer}time{font-size:12px;color:var(--muted)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:700px){.hero,.split{grid-template-columns:1fr}.landscape{min-height:270px}.message{max-width:95%}nav{gap:12px}}
.postcode-picker{max-width:650px;margin:20px 0}.postcode-picker>label{font-weight:600}.postcode-search-wrap{position:relative}#postcode-options{position:absolute;z-index:20;left:0;right:0;max-height:320px;overflow-y:auto;margin:4px 0;padding:0;list-style:none;background:white;border:1px solid #adb9af;border-radius:5px;box-shadow:0 10px 22px #263d3820}#postcode-options li{padding:12px 16px;border-bottom:1px solid #e1e5df;cursor:pointer;white-space:normal;overflow-wrap:anywhere}#postcode-options li:hover,#postcode-options li.active{background:#e7eee8}#postcode-chosen{overflow-wrap:anywhere}.captcha{max-width:650px;margin:22px 0}.captcha-image{display:block;max-width:100%;height:auto;border:1px solid var(--line);margin:10px 0}.captcha-refresh{padding:6px 12px}.notice p{margin:6px 0}h4{font-size:16px;margin-bottom:6px}[hidden]{display:none!important}

.mfa-qr{width:260px;max-width:100%;margin:24px 0;background:white;padding:10px}.mfa-qr svg{display:block;width:100%;height:auto}.recovery-codes{font-family:monospace;min-height:270px;line-height:1.7}
button:disabled{opacity:.55;cursor:not-allowed}.narrow>form{margin-top:22px}.narrow>form>button{margin-top:14px}[data-captcha-feedback]{font-size:14px;color:var(--ink)}
.hide-profile{font:14px/1.5 system-ui,sans-serif;vertical-align:middle}.hide-profile label{display:inline;margin:0}.hide-profile button{padding:4px 8px}.message strong{white-space:normal}

.discover-name{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.discover-name h3{margin:8px 0}

/* Consistent compact layout across all pages */
header{padding:14px max(5vw,20px);gap:12px}header>a{font-size:22px}nav{gap:14px}
main{margin:20px auto;min-height:0}
h1{font-size:32px;line-height:1.2;max-width:none;margin:12px 0;overflow-wrap:anywhere}
h2{font-size:26px;line-height:1.2;margin:12px 0}h3{font-size:21px;margin:10px 0}
main p{margin:8px 0}.lead{font-size:18px}.hero{gap:28px;padding:18px 0 24px}
.landscape{min-height:280px}
.grid{gap:16px}.split{gap:20px}.card{margin:12px 0;padding:16px}
.notice{margin:10px 0;padding:10px 14px}
.message{margin:6px 0;padding:8px 12px;line-height:1.4}.message.mine{margin-left:auto}
.inline{margin:2px 6px 2px 0}label{margin:10px 0}
input:not([type=checkbox]):not([type=radio]),textarea,select{padding:9px 10px}textarea{min-height:88px}
button,.button{padding:8px 14px}.inline button{padding:6px 11px}
.narrow>form{margin-top:14px}.narrow>form>button{margin-top:10px}
.postcode-picker{margin:14px 0}.captcha{margin:14px 0}.mfa-qr{margin:16px 0}
.steps{gap:8px}.steps li{padding:7px}footer{padding:18px 5vw}
@media(max-width:700px){h1{font-size:26px}h2{font-size:23px}h3{font-size:20px}nav{gap:10px}}

.unread-conversation{border-left:4px solid var(--ink)}

.admin-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px 16px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;vertical-align:top;padding:8px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}

[data-gender-choices]{border:1px solid var(--line);padding:10px 12px;margin:12px 0;border-radius:5px}[data-gender-choices] fieldset{margin-top:10px}

.question-label{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:10px 0}.question-label label{margin:0}.question-help{background:none;color:var(--ink);border:0;padding:0;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}#anatomy-help{max-width:520px;width:calc(100% - 40px);max-height:80vh;overflow:auto;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--cream);color:var(--ink);box-shadow:0 10px 35px #263d3833}#anatomy-help h2{margin-top:0}

.release-version{display:block;margin-top:.35rem;font-size:.75rem;opacity:.75}

.connection-choice-row{display:flex;align-items:baseline;gap:10px 24px;flex-wrap:wrap}.connection-choice-row>label{margin:5px 0}.friendship-any-choice{font-size:.9em}

.matching-choices{margin:12px 0;padding:10px 12px;border:1px solid var(--line);border-radius:5px}.matching-choices legend{padding:0 4px}.matching-choices>label{display:block;margin:7px 0}.matching-choices input[type=checkbox],.matching-choices input[type=radio]{width:auto;margin-right:8px}.matching-choices input[disabled]{cursor:not-allowed}.matching-choices input[type=radio]{padding:0;vertical-align:middle}

.matching-choices label{display:flex;align-items:center;gap:8px}.matching-choices input[type=checkbox],.matching-choices input[type=radio]{display:inline-block;width:16px;height:16px;flex:0 0 16px;margin:0;padding:0}.matching-choices .choice-privacy{margin:4px 0 10px;font-size:.9em}

.same-login-note { margin-top: 1.25rem; margin-bottom: 1.25rem; }