.sd-content{max-width:780px;margin:0 auto;padding:0 var(--sp-3)}.sd-article{padding-top:var(--sp-2)}.sd-body{font-size:1.0625rem;line-height:1.9;color:var(--text)}.sd-body h2,.sd-body h3{margin-top:2rem;margin-bottom:.75rem}.sd-body p{margin-bottom:1.25rem;color:var(--muted)}.sd-body ul,.sd-body ol{margin-bottom:1.25rem;padding-left:1.5rem;color:var(--muted)}.sd-body li{margin-bottom:.5rem}.sd-body img{max-width:100%;border-radius:var(--radius-sm);margin:1.5rem 0}.sd-body a{color:var(--accent);text-decoration:underline}.sd-body blockquote{border-left:3px solid var(--accent);padding:1rem 1.5rem;margin:2rem 0;background:var(--accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.section--surface{background:var(--surface)}.sd-related-title{font-size:1.375rem;margin-bottom:1.5rem;text-align:center}.sd-related{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.sd-related__card{background:var(--surface);border:2px solid var(--text);border-left:5px solid var(--accent);border-radius:0;padding:2rem;text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s var(--ease);display:flex;flex-direction:column;box-shadow:var(--card-shadow);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}.sd-related__card:hover{transform:translate(-3px,-3px);box-shadow:var(--card-hover)}.sd-related__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:2px solid var(--text);border-radius:0;font-size:1.125rem;color:var(--accent);margin-bottom:1rem;box-shadow:3px 3px #0d12180f;transform:rotate(-3deg);transition:transform .3s var(--ease),background .3s,color .3s}.sd-related__card:hover .sd-related__icon{background:var(--text);color:var(--accent-bright);transform:rotate(0)}.sd-related__card h4{font-size:1.0625rem;color:var(--text);margin-bottom:.375rem}.sd-related__card p{font-size:var(--small);color:var(--muted);line-height:1.6}.sd-float-cta{position:fixed;bottom:2rem;right:2rem;z-index:30;animation:floatIn .5s ease 1s both}@keyframes floatIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sd-float-cta .btn{box-shadow:0 8px 24px #d32f2f47}.sd-float-cta .btn:hover{box-shadow:0 12px 32px #d32f2f59;transform:translateY(-2px)}@media(max-width:768px){.sd-float-cta{bottom:1rem;right:1rem}}
