:root{--ink:#18212f;--muted:#667085;--line:#d9e1ea;--paper:#fff;--bg:#f4f7f8;--brand:#176b61;--brand2:#0f514a;--accent:#e8b64b;--danger:#9e2a2b}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}a{color:var(--brand2)}header,main,footer{width:min(100% - 36px,1240px);margin:auto}header{display:flex;align-items:center;gap:28px;padding:18px 0;border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);line-height:1.1;font-weight:900;font-size:1.15rem}.brand small{color:var(--brand);font-size:.72rem;margin-top:5px}nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto}nav a{padding:8px 11px;text-decoration:none;border-radius:9px}.nav-primary{background:var(--brand);color:#fff}main{padding:30px 0 54px;min-height:70vh}footer{padding:28px 0;border-top:1px solid var(--line);color:var(--muted)}footer a{margin-right:18px}.hero{padding:52px 48px;border-radius:28px;background:linear-gradient(135deg,#103e3a,#1c756a);color:#fff;min-height:330px;display:flex;align-items:center}.hero>div{max-width:760px}.hero h1{font-size:clamp(2.4rem,5.5vw,4.5rem);line-height:1.08;margin:.2em 0}.eyebrow{font-size:.76rem;font-weight:900;letter-spacing:.18em;color:var(--accent)}.actions,.inline,.section-head,.page-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-head,.section-head{justify-content:space-between;margin:0 0 18px}.page-head h1,.section-head h2{margin:0}.button,button{display:inline-block;border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 16px;border-radius:10px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.button.primary,button.primary{background:var(--brand);border-color:var(--brand);color:#fff}.panel,.card,.dashboard-card,.member-card{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:0 5px 16px rgba(21,35,48,.04)}section+section{margin-top:28px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.community-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{min-width:0}.card h2,.card h3{margin:.3em 0}.card p{overflow-wrap:anywhere}.profile-card{text-align:center}.avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;background:#e6ecec}.avatar.large{width:148px;height:148px}.community-icon{width:72px;height:72px;border-radius:16px;object-fit:cover}.meta{color:var(--muted);font-size:.88rem}.badge{display:inline-block;margin:0;padding:3px 9px;border-radius:999px;background:#e6f1ef;color:var(--brand2);font-size:.78rem;font-weight:800}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard-card{text-decoration:none;color:var(--ink);min-height:130px;display:flex;flex-direction:column;justify-content:center}.dashboard-card strong{font-size:1.1rem}.dashboard-card span{color:var(--muted)}form{display:grid;gap:14px}label{display:grid;gap:6px;font-weight:700}label small{font-weight:400;color:var(--muted)}input,textarea,select{width:100%;font:inherit;padding:10px 12px;border:1px solid #b9c5d1;border-radius:9px;background:#fff;color:var(--ink)}textarea{min-height:115px;resize:vertical}.article-body{min-height:440px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field-editor-grid,.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.field-editor h2,.profile-grid h2{font-size:1rem;margin-top:0}.field-editor .inline{align-items:end}.field-editor .inline>*{flex:1}.narrow{max-width:760px;margin-inline:auto}.auth{max-width:520px;margin:30px auto}.profile-hero{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:28px;padding:28px;background:linear-gradient(135deg,#eef7f5,#fff);border-radius:24px}.profile-hero h1{font-size:2.3rem;margin:.1em 0}.redacted{display:inline-block;letter-spacing:.14em;color:#9aa4b2;user-select:none}.article{max-width:900px;margin:auto}.article h1{font-size:2.3rem}.article-content{font-size:1.06rem;overflow-wrap:anywhere}.member-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.member-card{text-align:center;text-decoration:none;display:grid;justify-items:center;gap:8px}.search{grid-template-columns:minmax(220px,1fr) auto;max-width:620px}.community-search{grid-template-columns:minmax(180px,1fr) 200px auto;max-width:800px}.report-form{margin-top:25px}.report-form button{font-size:.85rem;color:var(--muted)}.flash{padding:13px 16px;background:#dcf4e8;border-radius:10px}.danger{border-color:#e5b6b6}.danger h2,.danger button{color:var(--danger)}.admin-tabs{display:grid;gap:18px}.admin-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}.admin-row span{margin-right:auto}.legal{max-width:850px;margin:auto}.legal p{font-size:1.04rem}.community-hero{padding:30px}.editor>.button{justify-self:start}@media(max-width:900px){.cards,.community-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding:38px 30px}.field-editor-grid,.profile-grid{grid-template-columns:1fr}}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}nav{margin-left:0}.hero{padding:28px 21px;min-height:0}.hero h1{font-size:2.2rem}.cards,.community-grid,.dashboard-grid,.member-grid,.form-grid{grid-template-columns:1fr}.profile-hero{grid-template-columns:1fr}.community-search,.search{grid-template-columns:1fr}.page-head{align-items:flex-start}.article h1{font-size:1.8rem}.admin-row{align-items:flex-start;flex-wrap:wrap}}


/* Top page hero image sizing */
.mybra-renewal .mybra-visual{width:78%;max-width:1180px;margin:0 auto 18px;border-radius:26px;overflow:hidden;box-shadow:0 18px 50px rgba(8,38,84,.18);background:#072452}
.mybra-renewal .mybra-visual img{display:block;width:100%;height:auto}
@media(max-width:620px){.mybra-renewal .mybra-visual{width:100%;max-width:none;margin:0 auto 14px;border-radius:18px}}


/* Compact refined home page */
body:has(.mybra-renewal){background:#07131c;color:#eaf3f4}
body:has(.mybra-renewal) header{padding:13px 0;border-bottom-color:#18313e}
body:has(.mybra-renewal) main{padding:18px 0 30px}
body:has(.mybra-renewal) footer{padding:20px 0;border-top-color:#18313e;color:#8fa5ae}
body:has(.mybra-renewal) .brand{color:#f3f8f8}
body:has(.mybra-renewal) nav a:not(.nav-primary){color:#bcd0d4}
.mybra-renewal{--mb-blue:#0d3f52;--mb-blue2:#10a59a;--mb-ink:#edf7f6;--mb-soft:#0d202c;--mb-line:#1f4650;--mb-gold:#58d4c4;color:#dbe8e9;background:linear-gradient(145deg,#0a1822 0%,#08131c 58%,#0b2027 100%);border:1px solid #173643;border-radius:22px;padding:18px;box-shadow:0 18px 55px rgba(0,0,0,.28)}
.mybra-renewal .mybra-visual{width:72%;max-width:1040px;margin:0 auto 14px;border-radius:16px;border:1px solid rgba(88,212,196,.24);box-shadow:0 12px 34px rgba(0,0,0,.34)}
.mybra-renewal .mybra-intro{grid-template-columns:minmax(0,1.42fr) minmax(250px,.58fr);gap:20px;margin:0 0 22px;padding:22px 24px;border-color:#1d4650;border-radius:16px;background:linear-gradient(135deg,rgba(15,42,55,.96),rgba(8,27,37,.98));box-shadow:inset 0 1px rgba(255,255,255,.035)}
.mybra-renewal .mybra-intro h1{max-width:720px;margin:0 0 10px;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.025em;color:#f5fbfb}
.mybra-renewal .mybra-intro .lead{max-width:680px;font-size:16px;line-height:1.65;color:#abc0c5}
.mybra-renewal .mybra-actions{gap:10px;margin-top:16px}
.mybra-renewal .mybra-actions .button{min-height:43px;padding:10px 18px;border-radius:9px;border-color:#31545d;background:transparent;color:#d7e7e8}
.mybra-renewal .mybra-actions .button.primary{font-size:16px;background:linear-gradient(135deg,#118f87,#0b6d75);border-color:#20b8ab;color:#fff;box-shadow:0 7px 20px rgba(9,139,132,.24)}
.mybra-renewal .mybra-pointbox{gap:7px}
.mybra-renewal .mybra-point{padding:9px 12px;border-radius:9px;border-color:#244954;background:rgba(12,33,44,.82);color:#c9dcde;font-size:14px}
.mybra-renewal>section+section{margin-top:18px}
.mybra-renewal .mybra-section-title{text-align:left;margin:0 0 13px;padding-left:12px;border-left:3px solid #24b8aa}
.mybra-renewal .mybra-section-title h2{margin:0 0 3px;font-size:clamp(23px,2.5vw,31px);line-height:1.2;color:#f0f8f8}
.mybra-renewal .mybra-section-title p{color:#90a8ae;font-size:14px}
.mybra-renewal .mybra-use-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.mybra-renewal .mybra-use{display:flex;min-height:142px;flex-direction:column;padding:16px;border-color:#1d414b;border-radius:12px;background:linear-gradient(145deg,#102631,#0b1d27);box-shadow:0 8px 22px rgba(0,0,0,.18)}
.mybra-renewal .mybra-use .ico{font-size:24px;line-height:1;margin-bottom:8px}
.mybra-renewal .mybra-use h3{margin:0 0 5px;font-size:17px;color:#eaf5f4}
.mybra-renewal .mybra-use p{margin:0;color:#9fb3b8;line-height:1.55;font-size:14px}
.mybra-renewal .mybra-steps{gap:12px;margin:0 0 22px}
.mybra-renewal .mybra-step{min-height:112px;padding:17px 16px 16px 54px;border-color:#1d414b;border-radius:12px;background:#0d202b}
.mybra-renewal .mybra-step b{left:14px;top:16px;width:28px;height:28px;background:#108b84}
.mybra-renewal .mybra-step h3{margin:0 0 4px;font-size:16px;color:#eaf5f4}
.mybra-renewal .mybra-step p{color:#97adb2;line-height:1.5;font-size:13px}
.mybra-renewal .mybra-zero-note{margin:18px 0 20px;padding:19px 22px;border:1px solid #23616a;border-radius:14px;background:linear-gradient(120deg,#0c3b4b,#0c5f62)}
.mybra-renewal .mybra-zero-note h2{margin:0 0 5px;font-size:23px}
.mybra-renewal .mybra-zero-note p{margin:0 0 12px;line-height:1.5;color:#c7e2e2}
.mybra-renewal .section-head{margin:0 0 11px;padding-bottom:8px;border-bottom:1px solid #1d414b}
.mybra-renewal .section-head h2{color:#edf6f5;font-size:22px}
.mybra-renewal .section-head a{color:#55cfc3;font-size:14px}
.mybra-renewal .cards{gap:12px}
.mybra-renewal .card{padding:15px;border-color:#1d414b;border-radius:12px;background:#0d202a;color:#d9e7e8;box-shadow:none}
.mybra-renewal .card a{color:#dff5f2}
.mybra-renewal .card .meta{color:#8ca4aa}
@media(max-width:900px){.mybra-renewal .mybra-visual{width:82%}.mybra-renewal .mybra-intro{grid-template-columns:1fr}.mybra-renewal .mybra-use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){body:has(.mybra-renewal) header{padding:11px 0}body:has(.mybra-renewal) main{padding:12px 0 22px}.mybra-renewal{padding:10px;border-radius:16px}.mybra-renewal .mybra-visual{width:100%;margin:0 auto 10px;border-radius:12px}.mybra-renewal .mybra-intro{gap:14px;margin-bottom:16px;padding:16px;border-radius:12px}.mybra-renewal .mybra-intro h1{font-size:28px;line-height:1.06}.mybra-renewal .mybra-intro .lead{font-size:14px;line-height:1.55}.mybra-renewal .mybra-actions{margin-top:13px}.mybra-renewal .mybra-actions .button{width:100%;min-height:41px;padding:9px 14px}.mybra-renewal .mybra-point{padding:8px 10px;font-size:13px}.mybra-renewal>section+section{margin-top:15px}.mybra-renewal .mybra-use-grid{grid-template-columns:1fr;gap:9px;margin-bottom:15px}.mybra-renewal .mybra-use{min-height:0;padding:13px}.mybra-renewal .mybra-steps{grid-template-columns:1fr;gap:9px;margin-bottom:16px}.mybra-renewal .mybra-step{min-height:0}.mybra-renewal .mybra-zero-note{margin:15px 0;padding:16px}.mybra-renewal .mybra-zero-note h2{font-size:20px}.mybra-renewal .cards{grid-template-columns:1fr;gap:9px}}

/* Compact photo cards: home use cases */
.mybra-renewal .mybra-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px;align-items:stretch}
.mybra-renewal .mybra-use{display:grid;grid-template-rows:130px 1fr;min-width:0;min-height:0;height:100%;padding:0;overflow:hidden;border:1px solid #224650;border-radius:13px;background:linear-gradient(145deg,#102631,#0b1d27);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.mybra-renewal .mybra-use-thumb{display:block;width:100%;height:130px;object-fit:cover;border:0;border-radius:12px 12px 0 0}
.mybra-renewal .mybra-use-copy{padding:11px 13px 12px}
.mybra-renewal .mybra-use h3{margin:0 0 3px;font-size:17px;line-height:1.25;color:#edf7f6}
.mybra-renewal .mybra-use p{margin:0;color:#a4b8bd;font-size:13px;line-height:1.45}
@media(max-width:900px) and (min-width:621px){.mybra-renewal .mybra-use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.mybra-renewal .mybra-use-grid{grid-template-columns:1fr;gap:10px}.mybra-renewal .mybra-use{grid-template-rows:128px 1fr}.mybra-renewal .mybra-use-thumb{height:128px}.mybra-renewal .mybra-use-copy{padding:10px 12px 11px}}