.fd-visual{border-color:rgba(56,187,245,.42);background:linear-gradient(180deg,rgba(9,34,53,.98),rgba(5,20,32,.98));box-shadow:0 18px 48px rgba(0,0,0,.25)}
.fd-visual img{display:block;width:100%;border-radius:18px;border:1px solid rgba(69,196,246,.28);box-shadow:0 12px 30px rgba(0,0,0,.28)}
.fd-section,.fd-role,.fd-check-grid>article,.fd-related{border:1px solid rgba(73,148,185,.28);border-radius:22px;background:linear-gradient(180deg,rgba(8,31,49,.96),rgba(5,20,32,.96));box-shadow:0 12px 34px rgba(0,0,0,.18)}
.fd-section{padding:22px}.fd-kicker{font-size:.78rem;letter-spacing:.12em;font-weight:900;color:#75d8ff;margin-bottom:15px}.fd-three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.fd-three article{position:relative;padding:18px 18px 16px;border-radius:17px;background:rgba(7,25,40,.92);border:1px solid rgba(76,152,190,.25);min-height:160px}.fd-num{display:inline-flex;align-items:center;justify-content:center;width:38px;height:30px;border-radius:10px;background:#0b3d5c;border:1px solid #2c9dd0;color:#8edfff;font-weight:900;font-size:.8rem}.fd-three h3{margin:12px 0 7px;font-size:1.02rem}.fd-three p{margin:0;color:#b7cbd8;line-height:1.52;font-size:.92rem}
.fd-sequence{display:grid;gap:10px}.fd-sequence article{display:grid;grid-template-columns:minmax(180px,.32fr) 1fr;gap:18px;padding:14px 16px;border-radius:14px;background:#071b2b;border:1px solid rgba(60,129,165,.22)}.fd-sequence b{color:#9be4ff}.fd-sequence p{margin:0;color:#c1d2dc;line-height:1.5}
.fd-objectives{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fd-objectives article{display:flex;gap:14px;align-items:center;padding:17px;border-radius:17px;background:#071b2b;border:1px solid rgba(58,133,170,.25)}.fd-objectives .fd-capitol{border-color:rgba(90,223,136,.38)}.fd-objectives .fd-cannon{border-color:rgba(238,182,48,.35)}.fd-objective-icon{font-size:2.1rem;width:55px;text-align:center}.fd-objectives h3{margin:0 0 5px}.fd-objectives p{margin:0 0 7px;color:#aac3d1}.fd-objectives strong{color:#dff8ff}.fd-capitol strong{color:#89f5a7}.fd-cannon strong{color:#ffd265}.fd-callout{display:grid;grid-template-columns:minmax(220px,.34fr) 1fr;gap:18px;margin-top:13px;padding:14px 16px;border-radius:14px;background:rgba(62,43,7,.64);border:1px solid rgba(239,183,49,.35)}.fd-callout strong{color:#ffd56c}.fd-callout span{color:#d5c9a6;line-height:1.45}
.fd-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fd-role{padding:21px}.fd-role-title{font-size:.9rem;letter-spacing:.06em}.fd-invade{border-color:rgba(255,130,73,.38)}.fd-invade .fd-role-title{color:#ffad7e}.fd-defend{border-color:rgba(66,196,247,.38)}.fd-defend .fd-role-title{color:#83dcff}.fd-role ul,.fd-check-grid ul{margin:14px 0 0;padding-left:1.2rem;display:grid;gap:10px}.fd-role li,.fd-check-grid li{color:#bed0db;line-height:1.48}
.fd-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fd-check-grid>article{padding:20px}.fd-check-grid h3{margin:0;color:#dff6ff;font-size:.98rem}.fd-check-grid>article:first-child h3{color:#ffd56c}.fd-related{padding:20px;display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:center}.fd-related p{margin:0;color:#bcd0dc;line-height:1.5}.fd-related-actions{display:grid;gap:9px}.fd-related-actions button,.fd-related-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-radius:12px;border:1px solid #2f85ad;background:#0a3049;color:#e9f8ff;text-decoration:none;font:inherit;font-weight:800;cursor:pointer}.fd-related-actions button:hover,.fd-related-actions a:hover{border-color:#5ed2ff;background:#0d3c5b}.fd-live-note{border-color:rgba(255,180,66,.35)}.fd-live-note h2{color:#ffd067}
@media(max-width:760px){.fd-three,.fd-objectives,.fd-role-grid,.fd-check-grid,.fd-related{grid-template-columns:1fr}.fd-sequence article,.fd-callout{grid-template-columns:1fr;gap:7px}.fd-section,.fd-role,.fd-check-grid>article,.fd-related{border-radius:18px}.fd-section{padding:17px}.fd-three article{min-height:0}.fd-visual img{border-radius:12px}.fd-role-grid,.fd-check-grid{gap:10px}.fd-related-actions{grid-template-columns:1fr}}
