/* Canonical Bro Living visual system — aligned to Figma */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--porcelain:#fdfcf9;--linen:#f3f0ea;--pine:#254739;--cognac:#b87548;--ink:#1c2721;--sage:#708276;--line:#e4e8df;--shadow:0 12px 38px rgba(27,49,37,.045)}
html{scroll-behavior:smooth}body{background:var(--porcelain)!important;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif!important}header{background:rgba(253,252,249,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(14px);min-height:80px}header .brand{font-family:Manrope,sans-serif;letter-spacing:-.06em;font-size:23px;color:var(--ink)}header .brand i{border-radius:12px;background:var(--pine);width:39px;height:39px;font-size:24px}header nav a{color:var(--ink);transition:color .2s}header nav a:hover{color:var(--cognac)}main{max-width:1240px;padding-top:54px}main>.eyebrow{font-size:12px;color:var(--cognac);letter-spacing:.17em}h1{font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(42px,5vw,66px)!important;font-weight:400;line-height:1.06;max-width:920px;letter-spacing:-.055em!important;margin:17px 0 16px}#intro{font-size:17px;max-width:650px;margin:0 0 28px}.card{border-radius:20px!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;padding:30px!important;background:#fff!important}.card h2{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.045em}.layout{gap:22px;margin-top:28px}.app-tabs{background:var(--linen);border:1px solid #eae8e0;border-radius:17px;padding:7px;display:flex;gap:6px;max-width:800px;margin-top:28px;margin-bottom:14px}.app-tabs button{flex:1;white-space:nowrap;border-radius:12px!important;font-size:14px;font-weight:700;padding:13px 12px;color:var(--pine)}.app-tabs button[aria-selected=true]{background:var(--pine)!important;color:white;box-shadow:0 4px 10px #25473924}.item{background:#fdfcf9;border-color:var(--line);border-radius:14px;padding:19px}.item h3{font-size:17px}.item small{color:var(--cognac)}.directory{gap:16px}.directory a,.circle-card{border-radius:18px;background:var(--porcelain);border-color:var(--line);min-height:125px;padding:24px;transition:transform .18s,border-color .18s,box-shadow .18s}.directory a:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--sage)}.directory strong{font-family:Manrope,sans-serif;letter-spacing:-.03em}.directory span{line-height:1.5}.insight{border:1px solid #dce7dc;background:#f3f7f1}.insight.warn{border-color:#f1d7c3;background:#fff7f0}button:not(.ghost){transition:transform .16s,background .16s}button:not(.ghost):hover{transform:translateY(-1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--cognac);outline-offset:3px}input,select{min-height:47px}input[type=checkbox]{min-height:auto}button:disabled{opacity:.55;cursor:not-allowed}#flash{font-weight:600}footer{border-top:1px solid var(--line);padding-top:24px;margin-top:50px}@media(max-width:750px){header{min-height:64px}main{padding-top:32px}h1{font-size:42px!important}.card{padding:21px!important}.app-tabs{position:sticky;top:64px;z-index:20;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:5px;gap:2px}.app-tabs button{font-size:11px;padding:12px 2px!important}.directory{grid-template-columns:1fr}.layout{gap:15px}.card h2{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}