:root{
  --green:#0b4f3a;--green2:#073b2d;--gold:#d7a72a;--cream:#fbf7ed;
  --text:#17211d;--muted:#65716c;--white:#fff;--shadow:0 14px 40px rgba(0,0,0,.10)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#fff}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{width:min(980px,calc(100% - 32px));margin:auto}
.page-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid #ece8dc;backdrop-filter:blur(10px)}
.page-nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.page-brand{display:flex;align-items:center;gap:12px}
.page-brand img{width:48px;height:48px;border-radius:50%}
.page-brand strong{display:block;color:var(--green2)}
.page-brand span{display:block;font-size:12px;color:var(--muted)}
.back-home{font-weight:800;color:var(--green);font-size:14px}
.profile-hero{background:var(--cream);padding:64px 0 46px;border-bottom:1px solid #eee8db}
.eyebrow{color:var(--gold);font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
.profile-hero h1{font-size:clamp(34px,6vw,58px);line-height:1.05;margin:10px 0 16px;color:var(--green2);letter-spacing:-1.5px}
.profile-hero p{font-size:17px;line-height:1.7;color:var(--muted);max-width:760px;margin:0}
.profile-main{padding:54px 0 80px}
.markdown-body{font-size:16px;line-height:1.8}
.markdown-body h1,.markdown-body h2,.markdown-body h3{color:var(--green2);line-height:1.25;margin-top:1.7em}
.markdown-body h2{font-size:30px;border-bottom:1px solid #e7ece8;padding-bottom:8px}
.markdown-body h3{font-size:22px}
.markdown-body p{margin:1em 0}
.markdown-body a{color:var(--green);font-weight:700;text-decoration:underline}
.markdown-body img{border-radius:18px;margin:24px auto;box-shadow:var(--shadow);max-height:720px;object-fit:contain}
.markdown-body blockquote{margin:24px 0;padding:16px 20px;border-left:4px solid var(--gold);background:#fbf7ed;border-radius:0 12px 12px 0}
.markdown-body table{width:100%;border-collapse:collapse;margin:24px 0;display:block;overflow-x:auto}
.markdown-body th,.markdown-body td{padding:11px 13px;border:1px solid #dde6e0;text-align:left;white-space:nowrap}
.markdown-body th{background:#eef7f1;color:var(--green2)}
.markdown-body ul,.markdown-body ol{padding-left:24px}
.markdown-body code{background:#f2f5f3;padding:2px 6px;border-radius:6px}
.state{padding:18px;background:#f5f9f6;border-radius:14px;color:var(--muted)}
.state.error{background:#fff3ef;color:#8b432f}
.page-footer{background:var(--green2);color:#dce9e2;padding:28px 0;font-size:13px}
@media(max-width:640px){
  .page-nav-inner{height:70px}
  .page-brand span{display:none}
  .profile-hero{padding:48px 0 34px}
  .profile-main{padding:36px 0 60px}
  .markdown-body{font-size:15px}
}
