.req-live-shell{border:1px solid var(--border-panel);background:linear-gradient(180deg,rgba(8,28,43,.94),rgba(3,13,21,.985));box-shadow:0 14px 32px rgba(0,0,0,.22);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,12px 100%,0 calc(100% - 12px))}
.req-source-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;border-bottom:1px solid var(--line-soft);background:rgba(15,51,71,.18)}
.req-source-state{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.req-source-state::before{content:"";width:7px;height:7px;background:currentColor;box-shadow:0 0 10px rgba(240,212,79,.28)}
.req-source-state.is-steel{color:var(--steel2)}
.req-checked{color:var(--text-muted);font-size:11.5px;font-variant-numeric:tabular-nums;text-align:right}
.req-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.req-card{padding:20px 20px 18px}
.req-card + .req-card{border-left:1px solid var(--line-soft)}
.req-card.recommended{background:linear-gradient(145deg,rgba(73,62,14,.11),rgba(4,16,24,0) 58%)}
.req-card-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:13px;padding-bottom:11px;border-bottom:1px solid var(--line-soft)}
.req-card-head h3{margin:0;color:var(--text-strong);font-size:24px;line-height:1.05}
.req-card-head span{color:var(--steel2);font-size:9.5px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.req-card.recommended .req-card-head span{color:var(--gold)}
.req-list{margin:0}
.req-row{display:grid;grid-template-columns:104px minmax(0,1fr);gap:13px;padding:10px 0;border-bottom:1px solid var(--line-soft)}
.req-row:last-child{border-bottom:0}
.req-row dt{margin:0;color:var(--steel2);font-size:10px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
.req-row dd{margin:0;color:var(--text-primary);font-size:14px;font-weight:760;line-height:1.42;overflow-wrap:anywhere}
.req-row dd[data-empty="true"]{color:var(--text-muted);font-weight:700}
.req-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:13px 16px;border-top:1px solid var(--line-soft);background:rgba(2,10,16,.44)}
.req-footer p{margin:0;color:var(--text-muted);font-size:11.5px;line-height:1.5}
.req-footer .req-links{flex:0 0 auto;text-align:right}
.req-footer a{color:#a8cee1;text-decoration:none;border-bottom:1px solid rgba(168,206,225,.32)}
.req-footer a:hover{color:var(--text-strong);border-bottom-color:var(--gold)}
.req-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.req-guide-grid .story-panel h3{font-size:21px}
.req-method-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.req-method-item{padding:16px 17px;border:1px solid var(--border-panel);background:linear-gradient(150deg,rgba(14,43,59,.18),rgba(3,13,21,.96));clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,8px 100%,0 calc(100% - 8px))}
.req-method-item strong{display:block;margin-bottom:5px;color:var(--text-strong);font-size:14px}
.req-method-item p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.48}
.req-live-note{margin-top:10px;color:var(--text-muted);font-size:11.5px;line-height:1.5}
@media (max-width:820px){.req-grid,.req-guide-grid{grid-template-columns:1fr}.req-card + .req-card{border-left:0;border-top:1px solid var(--line-soft)}.req-method-list{grid-template-columns:1fr}}
@media (max-width:560px){.req-source-bar,.req-footer{display:block}.req-checked,.req-footer .req-links{text-align:left;margin-top:6px}.req-card{padding:18px 16px 16px}.req-row{grid-template-columns:1fr;gap:3px;padding:9px 0}.req-card-head h3{font-size:22px}}
