/* PeptidEdge Shared Protocol CSS */
:root{--bg:#f5f3ef;--surface:#fff;--ink:#1a1814;--ink-soft:#5a5550;--accent:#2d5a3d;--accent-warm:#c8622a;--accent-light:#e8f0ea;--border:#ddd9d3;--mono:'DM Sans',sans-serif;--serif:'DM Serif Display',serif;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--mono);background:var(--bg);color:var(--ink);line-height:1.6;}
nav{position:sticky;top:0;z-index:100;background:rgba(245,243,239,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:0 5%;display:flex;align-items:center;gap:40px;height:64px;}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto;}
.nav-logo-mark{width:36px;height:36px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-family:var(--serif);font-size:1.1rem;font-style:italic;}
.nav-logo-text{font-family:var(--serif);font-size:1.25rem;color:var(--ink);}
.nav-logo-text span{color:var(--accent);}
nav a:not(.nav-logo){color:var(--ink-soft);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s;}
nav a:not(.nav-logo):hover{color:var(--accent);}
.nav-cta{background:var(--accent);color:white!important;padding:8px 20px;border-radius:6px;font-weight:600!important;}
.disclaimer-banner{background:#fef9ed;border-top:2px solid #f0d060;border-bottom:2px solid #f0d060;padding:10px 5%;font-size:.8rem;color:#7a6520;text-align:center;}
.page-layout{max-width:1200px;margin:0 auto;padding:48px 5%;display:grid;grid-template-columns:1fr 280px;gap:48px;align-items:start;}
.toc{position:sticky;top:80px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;}
.toc h4{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:14px;}
.toc a{display:block;text-decoration:none;color:var(--ink-soft);font-size:.83rem;padding:5px 0;border-left:2px solid var(--border);padding-left:12px;margin-bottom:4px;transition:all .2s;}
.toc a:hover{color:var(--accent);border-color:var(--accent);}
.related-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-top:16px;}
.related-box h4{font-size:.8rem;font-weight:700;margin-bottom:10px;color:var(--ink);}
.related-link{display:block;text-decoration:none;color:var(--accent);font-size:.83rem;margin-bottom:8px;padding:8px 10px;background:var(--accent-light);border-radius:6px;}
.related-link-plain{display:block;text-decoration:none;color:var(--ink-soft);font-size:.83rem;margin-top:4px;}
.warn-box{background:#fef9ed;border:1px solid #f0d060;border-radius:12px;padding:16px;margin-top:16px;font-size:.78rem;color:#7a6520;line-height:1.6;}
.breadcrumb{display:flex;gap:8px;align-items:center;font-size:.8rem;color:var(--ink-soft);margin-bottom:24px;flex-wrap:wrap;}
.breadcrumb a{color:var(--accent);text-decoration:none;}
.breadcrumb span{color:var(--border);}
.protocol-tag{display:inline-flex;align-items:center;gap:6px;background:var(--accent-light);color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:99px;margin-bottom:16px;}
h1{font-family:var(--serif);font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.2;margin-bottom:16px;}
.quickstart{background:linear-gradient(135deg,#1e3d2a,#2d5a3d);color:white;border-radius:12px;padding:28px 32px;margin:32px 0;}
.quickstart h2{font-family:var(--serif);font-size:1.3rem;margin-bottom:16px;color:white;}
.qs-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.qs-item{background:rgba(255,255,255,.12);border-radius:8px;padding:12px 16px;}
.qs-item .label{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:4px;}
.qs-item .val{font-size:.88rem;font-weight:600;color:white;}
h2{font-family:var(--serif);font-size:1.6rem;margin:40px 0 16px;color:var(--ink);}
h3{font-size:1rem;font-weight:600;margin:24px 0 10px;color:var(--ink);}
p{font-size:.92rem;color:var(--ink-soft);line-height:1.75;margin-bottom:14px;}
table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.88rem;}
th{background:var(--ink);color:white;text-align:left;padding:12px 16px;font-weight:600;font-size:.8rem;}
td{padding:11px 16px;border-bottom:1px solid var(--border);color:var(--ink-soft);}
tr:nth-child(even) td{background:var(--bg);}
tr:last-child td{border-bottom:none;}
.note-box{background:#fef9ed;border-left:3px solid #f0d060;border-radius:0 8px 8px 0;padding:14px 18px;margin:20px 0;font-size:.85rem;color:#6a5510;}
.info-box{background:var(--accent-light);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:14px 18px;margin:20px 0;font-size:.85rem;color:#2d5a3d;}
ol,ul{padding-left:20px;font-size:.92rem;color:var(--ink-soft);}
ol li,ul li{margin-bottom:8px;line-height:1.65;}
.refs{border-top:1px solid var(--border);padding-top:32px;margin-top:40px;}
.ref-item{display:flex;gap:12px;margin-bottom:14px;font-size:.82rem;}
.ref-num{background:var(--ink);color:white;width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0;margin-top:1px;}
.ref-item a{color:var(--accent);}
footer{background:#141210;color:#807a74;padding:32px 5%;text-align:center;font-size:.78rem;border-top:1px solid #2a2824;}
footer a{color:#807a74;}
@media(max-width:900px){.page-layout{grid-template-columns:1fr;}.toc{display:none;}.qs-grid{grid-template-columns:1fr;}}