.brand .logo,.card{box-shadow:var(--shadow)}.brand .site-eyebrow,.content .eyebrow{text-transform:uppercase;letter-spacing:1px}:root{--bg:#0f5f7a;--card:#fff;--muted:#6b6b6b;--accent-gradient:linear-gradient(90deg, #ff7a89, #ffbf6b);--shadow:0 10px 24px #0a1e281f;--radius:14px;--maxwidth:1200px;--brand:#111;--accent-color:#c23b68}*{box-sizing:border-box}body,html{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial;background:#f8f9fa}a{color:var(--accent-color);text-decoration:none}a:hover{text-decoration:underline}.page-wrap{max-width:var(--maxwidth);margin:50px auto;padding:20px;display:flex;flex-direction:column;gap:20px}.brand,.site-top{align-items:center;display:flex}.site-top{justify-content:space-between;gap:18px;background:0 0}.brand{gap:14px}.brand .logo{width:96px;height:96px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:6px solid #0f5f7a}.brand .titles,.content header{display:flex;flex-direction:column}.brand .logo img{width:100%;height:100%;object-fit:contain;display:block}.brand .titles{gap:6px}.brand .site-eyebrow{font-size:13px;color:#fff}.brand .site-title{font-size:44px;line-height:1;color:#000;font-weight:900;text-shadow:0 6px 18px #00000040;text-transform:uppercase}.card{background:var(--card);border-radius:18px;padding:22px;display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start}.pill-link,.sm-desc{display:inline-block}.content header{gap:10px}.content .eyebrow{font-size:13px;color:var(--muted)}.content h1.page-main-title{margin:0;color:var(--brand);font-size:28px;line-height:1.06;font-weight:800}.sm-desc{background:#fff3d4;padding:8px 14px;border-radius:999px;font-weight:700;color:#111;font-size:14px}.lead{margin:8px 0 0;color:#2d4b4f;font-size:15px;max-width:900px}.btn,.pill-link{color:#fff;font-weight:700}.resources{margin-top:16px;padding:14px;border-radius:12px;border:1px solid #0000000a;background:linear-gradient(180deg,#ffffffe6,#fffffffa)}.pill-link,.widget .title{background:var(--accent-gradient)}.resources h2{margin:2px 0 12px;font-size:20px;color:var(--brand)}.subgroup{margin:16px 0}.subgroup h3{margin:0 0 10px;font-size:18px}.subgroup ul{margin:0;padding-left:20px;color:#234545}.subgroup li{margin:8px 0;line-height:1.35}.pill-link{padding:6px 10px;border-radius:999px;font-size:13px;margin-top:12px}.sidebar{display:flex;flex-direction:column;gap:18px}.widget{background:#fff;padding:12px;border-radius:12px;border:1px solid #0000000a}.widget .title{font-weight:800;-webkit-background-clip:text;background-clip:text;color:transparent}.searchbox input{width:100%;padding:10px;border:1px solid #e6e6e6;border-radius:8px}.btn{display:inline-block;padding:8px 12px;border-radius:8px;border:none;background:var(--accent-color);cursor:pointer;margin-top:8px}.recent-list{list-style:none;padding:0;margin:8px 0}.recent-list li{padding:10px 8px;border-bottom:1px solid #00000008;font-size:14px}.preview{border-radius:12px;overflow:hidden;border:8px solid #0f5f7a;display:block;box-shadow:0 14px 30px #071e2840}.preview img{display:block;width:100%;height:auto;object-fit:cover}.note{grid-column:1/-1;margin-top:8px;font-size:13px;color:var(--muted)}@media (max-width:1024px){.card{grid-template-columns:1fr 300px}.page-wrap{max-width:var(--maxwidth);margin:28px auto;padding:20px;display:flex;flex-direction:column;gap:20px}.brand .site-title{font-size:36px}}@media (max-width:820px){.card{grid-template-columns:1fr}.sidebar{order:2}.brand{justify-content:center}.site-top{flex-direction:column;gap:12px;align-items:center}}@media (max-width:420px){.brand .site-title{font-size:26px}.brand .logo{width:120px;height:70px}.page-main-title{font-size:20px}}