
.cs-guide-hero{background:linear-gradient(115deg,#071b34,#123c61);color:white;padding:80px 0 73px}
.cs-guide-hero .container{max-width:1140px}
.cs-guide-hero .cs-guide-back{display:inline-block;margin-bottom:24px;color:#84d7ef;font-weight:700;font-size:.9rem}
.cs-guide-hero h1{max-width:880px;font-size:clamp(2rem,4vw,3.8rem);line-height:1.12;color:white;letter-spacing:-.04em;margin:10px 0 21px}
.cs-guide-hero p{max-width:780px;font-size:1.12rem;color:#d0e3f0;line-height:1.75}
.cs-guide-hero time{font-size:.8rem;color:#acd2e6;display:block;margin-top:20px}
.cs-guide-main{background:#f8fbfe;color:#183650;padding:66px 0 76px}
.cs-guide-grid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(230px,1fr);gap:65px;align-items:start}
.cs-guide-body h2{font-size:clamp(1.35rem,2.25vw,1.9rem);color:#092747;line-height:1.2;margin:41px 0 15px;letter-spacing:-.02em}
.cs-guide-body h2:first-child{margin-top:0}
.cs-guide-body p{font-size:1rem;line-height:1.88;color:#435a71;margin:0 0 15px}
.cs-guide-sidebar{position:sticky;top:110px;background:white;border:1px solid #d9e8f4;border-radius:16px;padding:24px;box-shadow:0 12px 28px #1b61880a}
.cs-guide-sidebar h3{color:#0f3154;font-size:1.12rem;margin:0 0 14px}
.cs-guide-sidebar a{display:block;color:#1561a4;text-decoration:none;margin:13px 0;font-size:.92rem;line-height:1.45}
.cs-guide-sidebar a:hover{text-decoration:underline}
.cs-guide-refs{padding:23px 0;margin-top:34px;border-top:1px solid #d8e5ef}
.cs-guide-refs h2{margin-top:0}
.cs-guide-refs li{margin-bottom:11px;color:#47627a}
.cs-guide-refs a{color:#0b69b8}
.cs-guide-faq{background:#fff;padding:55px 0 70px;color:#1a3552}
.cs-guide-faq h2{margin:0 0 20px;font-size:1.9rem;color:#112d4b}
.cs-guide-faq details{padding:19px 0;border-bottom:1px solid #d5e4ef}
.cs-guide-faq summary{color:#133855;font-size:1.05rem;font-weight:700;cursor:pointer}
.cs-guide-faq p{color:#516b81;line-height:1.7}
.cs-resource-section{padding:70px 0;background:#f8fbfe}
.cs-resource-section h2{color:#0c3052;font-size:clamp(1.8rem,2.7vw,2.6rem);margin:5px 0 30px}
.cs-resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.cs-resource-card{display:flex;flex-direction:column;background:#fff;border:1px solid #d8e6f2;border-radius:15px;padding:22px;text-decoration:none!important;color:#10314f;box-shadow:0 8px 30px #1b527706;transition:transform .2s}
.cs-resource-card:hover{transform:translateY(-3px)}
.cs-resource-card strong{font-size:1.05rem;line-height:1.4;margin:11px 0}
.cs-resource-card p{font-size:.86rem;color:#506980;line-height:1.6;flex:1}
.cs-resource-card span:last-child{color:#0969be;font-weight:700;font-size:.87rem}
@media(max-width:900px){.cs-guide-grid{grid-template-columns:1fr}.cs-guide-sidebar{position:static}.cs-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.cs-guide-hero{padding:56px 0}.cs-guide-main{padding:45px 0}.cs-resource-grid{grid-template-columns:1fr}}
