.guide-page{max-width:1040px;padding-top:22px;padding-bottom:72px}.guide-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:15px 0 28px;color:#75819a;font-size:.9rem}.guide-breadcrumb a{color:#52617b}.guide-hero{padding:clamp(30px,6vw,60px);border:1px solid #e1e7f1;border-radius:22px;background:linear-gradient(135deg,#fff 45%,#eff4ff);box-shadow:0 14px 36px rgba(23,33,58,.05)}.guide-eyebrow{margin:0 0 10px;color:#3157d5;font-size:.84rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.guide-hero h1{max-width:780px;margin:0 0 16px;font-size:clamp(2rem,5vw,3.25rem);line-height:1.12;letter-spacing:-.035em;overflow-wrap:anywhere}.guide-summary{max-width:760px;margin:0;color:#465773;font-size:clamp(1.08rem,2vw,1.25rem);line-height:1.65}.guide-app-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:24px;color:#52617b;font-size:.92rem}.guide-columns{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:36px;margin-top:34px}.guide-main-column{min-width:0}.guide-section,.guide-related,.hub-cluster,.hub-intro,.hub-next{margin:0 0 24px;padding:clamp(20px,4vw,30px);border:1px solid #e1e7f1;border-radius:18px;background:#fff}.guide-section h2,.guide-related h2,.hub-cluster h2,.hub-next h2{margin:0 0 14px;font-size:clamp(1.25rem,3vw,1.65rem);line-height:1.25}.guide-section p,.hub-cluster p,.hub-intro p,.hub-next p{color:#34435d;line-height:1.75}.guide-section li,.hub-cluster li{margin:.45em 0;line-height:1.65}.guide-example{background:#f8faff;border-color:#d8e2f5}.guide-example h2{font-size:1.25rem}.guide-answer{margin:18px 0 0;padding:12px 15px;border-radius:10px;background:#eaf0ff;color:#12213f!important}.guide-mistakes{border-left:4px solid #f0b958}.guide-check{background:#f5fbfa;border-color:#d4eee9}.guide-check details{margin-top:12px;padding:12px 14px;border:1px solid #d6e7e3;border-radius:10px;background:#fff}.guide-check summary{cursor:pointer;color:#2445b2;font-weight:750}.guide-related ul{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none}.guide-related li{margin:0}.guide-related a,.guide-text-link{display:inline-flex;padding:9px 12px;border:1px solid #d8e0ed;border-radius:999px;background:#fff;font-weight:650;text-decoration:none}.guide-related a:hover,.guide-text-link:hover{border-color:#3157d5;background:#eaf0ff}.guide-side{min-width:0}.guide-side-card{position:sticky;top:20px;padding:22px;border:1px solid #dde4f0;border-radius:16px;background:#fff}.guide-side-card h2{font-size:1.2rem;line-height:1.35}.guide-side-card p{color:#52617b}.guide-button{display:flex;justify-content:center;margin:18px 0 12px;padding:11px 14px;border-radius:10px;background:#3157d5;color:#fff;font-weight:750;text-decoration:none}.guide-button:hover{background:#2445b2}.hub-page{max-width:980px}.hub-intro{margin-top:26px}.hub-cluster{margin-top:22px}.hub-skill-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;list-style:none}.hub-skill{display:grid;align-content:start;gap:5px;min-width:0;padding:15px;border:1px solid #e0e6f0;border-radius:13px;background:#fbfcff}.hub-skill-link{font-weight:750;color:#2445b2;line-height:1.35}.hub-skill span{color:#64718a;font-size:.88rem;line-height:1.5}.hub-next{margin-top:26px}.guide-page a{overflow-wrap:anywhere}.guide-page .guide-related a,.guide-page .guide-button{word-break:normal}@media(max-width:800px){.guide-columns{grid-template-columns:1fr}.guide-side-card{position:static}.guide-side{order:-1}.guide-side-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 16px}.guide-side-card .guide-eyebrow,.guide-side-card h2,.guide-side-card p{grid-column:1}.guide-side-card .guide-button,.guide-side-card .guide-text-link{grid-column:2;grid-row:1/span 3}.guide-side-card .guide-text-link{grid-row:4}.hub-skill-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.guide-page{width:min(calc(100% - 28px),1040px);padding-bottom:48px}.guide-breadcrumb{gap:6px;font-size:.82rem}.guide-hero{padding:23px 19px;border-radius:16px}.guide-columns{gap:18px;margin-top:18px}.guide-section,.guide-related,.hub-cluster,.hub-intro,.hub-next{padding:19px 16px;border-radius:14px}.hub-skill-list{grid-template-columns:1fr}.guide-side-card{display:block}.guide-side-card .guide-button,.guide-side-card .guide-text-link{display:inline-flex;margin:8px 8px 0 0}}
