/* Crawlable, independent platform guide: uses the same theme variables. */
.platform-guide-header,.platform-guide-main,.platform-guide-footer{max-width:1080px;margin-inline:auto;padding-inline:clamp(18px,4vw,38px)}
.platform-guide-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}
.platform-guide-brand{font:1.65rem var(--serif);font-weight:650;color:var(--ink)}
.platform-guide-header nav{display:flex;flex-wrap:wrap;gap:20px;font-size:.9rem}
.platform-guide-header nav a:hover,.platform-guide-footer a:hover{color:var(--brand)}
.platform-guide-main{padding-block:28px 65px}
.platform-guide-crumb{display:flex;gap:12px;align-items:center;font-size:.83rem;color:var(--muted);margin-bottom:32px}
.platform-guide-crumb a{text-decoration:underline;text-underline-offset:4px}
.guide-eyebrow{color:var(--brand);font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.platform-guide-hero{max-width:850px;margin:0 0 25px}
.platform-guide-hero h1{font:clamp(2.1rem,5vw,3.3rem)/1.14 var(--serif);margin:12px 0 22px}
.platform-guide-hero p:not(.guide-eyebrow){font-size:1rem;line-height:1.8;max-width:75ch;margin-top:12px}
.platform-guide-index{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 40px}
.platform-guide-index a{padding:10px 15px;border:1px solid var(--line);border-radius:99px;background:var(--surface);font-size:.875rem}
.platform-guide-index a:hover{border-color:var(--brand)}
.platform-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.platform-guide-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:clamp(20px,3vw,29px);min-width:0;scroll-margin-top:20px}
.platform-guide-card-head{display:flex;align-items:center;gap:13px;margin-bottom:16px}
.platform-guide-mark{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border-radius:12px;background:var(--lavender);color:var(--brand);font:600 1.13rem var(--serif)}
.platform-guide-card h2{font:600 1.52rem/1.3 var(--serif)}
.platform-guide-type{font-size:.78rem;color:var(--muted);margin-top:2px}
.platform-guide-intro{font-size:.92rem;line-height:1.77}
.platform-guide-card h3{font-size:.94rem;margin:19px 0 9px}
.platform-guide-card ul{padding-left:19px;font-size:.87rem;line-height:1.8}
.platform-guide-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin-top:23px}
.guide-primary{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;background:var(--lavender);color:var(--brand);border-radius:9px;font-size:.87rem;font-weight:650}
.guide-primary:hover{background:var(--brand);color:var(--surface)}
.guide-secondary{font-size:.84rem;text-decoration:underline;text-underline-offset:4px}
.platform-guide-explainer{max-width:840px;margin:55px auto 0}
.platform-guide-explainer h2{font:600 1.9rem var(--serif);margin-bottom:16px}
.platform-guide-explainer p{font-size:.95rem;line-height:1.8;margin:13px 0}
.platform-guide-explainer .guide-primary{margin-top:12px}
.platform-guide-footer{display:flex;flex-wrap:wrap;gap:18px;padding-block:22px;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}
@media(max-width:700px){
 .platform-guide-header{flex-wrap:wrap;padding-block:15px;min-height:0}
 .platform-guide-header nav{gap:15px;font-size:.83rem}
 .platform-guide-grid{grid-template-columns:1fr}
 .platform-guide-hero h1{font-size:clamp(1.9rem,9vw,2.7rem)}
 .platform-guide-main{padding-top:22px}
 .platform-guide-card{padding:22px 18px}
}