body[data-migration-family=class]{margin:0;background:var(--secradar-bg);color:var(--secradar-text);--bone:var(--secradar-text);--ash-veil:var(--secradar-body);--mid-ash:var(--secradar-muted);--muted:var(--secradar-muted);--lavender:var(--secradar-accent);--line:var(--secradar-line)}
body[data-migration-family=class] *{box-sizing:border-box}
body[data-migration-family=class] .page{max-width:none;padding:0;width:100%}
.sr-class-integrated{width:var(--secradar-page-container);margin:auto;overflow-wrap:anywhere}
.sr-class-integrated .ct-hero{min-height:0;padding:32px 0;margin-bottom:20px}
.sr-class-integrated .ct-hero h1{font-size:clamp(32px,4vw,56px);line-height:1.08;hyphens:auto}
.sr-class-integrated .ct-hero figure{margin:0;min-width:0}
.sr-class-integrated .ct-hero picture{display:block;mix-blend-mode:screen}
.sr-class-integrated .ct-hero img{width:100%;height:auto;object-fit:contain;max-height:400px}
.sr-class-integrated .ct-hero-text{grid-template-columns:1fr}
.sr-class-integrated .ct-lead{font-size:17px;line-height:1.8}
.sr-class-integrated .sr-class-context{border-top:1px solid var(--secradar-line);padding-top:24px}
.sr-class-integrated .sr-class-context>p,.sr-class-integrated .sr-source-section>p{max-width:76ch;line-height:1.85;color:var(--secradar-body)}
.sr-class-integrated .sr-source-section{margin:40px 0;padding:0;min-width:0}
.sr-class-integrated .clsstats{display:flex;flex-wrap:wrap;gap:24px;margin:24px 0}
.sr-class-integrated .clsstats>div{flex:1;min-width:160px;padding:16px 0;border-top:1px solid var(--secradar-line)}
.sr-class-integrated .clsstats b{display:block;font-size:28px;font-weight:500;color:var(--secradar-interactive)}
.sr-class-integrated .clsstats span{display:block;font-size:12px;color:var(--secradar-muted)}
.sr-class-integrated .rolebar{font-size:14px;line-height:1.8;color:var(--secradar-body)}
.sr-class-integrated .sr-class-table-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--secradar-line);border-radius:12px}
.sr-class-integrated table{width:100%;border-collapse:collapse;font-size:14px}
.sr-class-integrated th,.sr-class-integrated td{padding:16px;vertical-align:top;border-bottom:1px solid var(--secradar-line);text-align:left;min-width:120px;line-height:1.6}
.sr-class-integrated th{background:var(--secradar-well);font-weight:500;color:var(--secradar-muted)}
.sr-class-integrated td.pn{font-weight:500;color:var(--secradar-text)}
.sr-class-integrated .ch{display:inline-flex;max-width:100%;padding:4px 8px;border:1px solid var(--secradar-line-strong);border-radius:5px;font-size:12px}
.sr-class-integrated .sc,.sr-class-integrated .scv{color:var(--secradar-accent);font-weight:600}
.sr-class-integrated details{padding:16px 0;border-bottom:1px solid var(--secradar-line)}
.sr-class-integrated summary{cursor:pointer;line-height:1.6}
.sr-class-integrated .ans{max-width:80ch;padding-top:16px;font-size:15px;line-height:1.85;color:var(--secradar-body)}
.sr-class-integrated .ctaband{padding:24px;border:1px solid var(--secradar-line);border-radius:12px;background:var(--secradar-surface)}
body[data-migration-family=class] a{color:inherit}
body[data-migration-family=class] footer{max-width:1200px;margin:40px auto;padding:24px;font-size:12px;color:var(--secradar-muted);line-height:1.8}
@media(max-width:760px){.sr-class-integrated .ct-hero{grid-template-columns:1fr}.sr-class-integrated .ct-hero img{max-height:250px}.sr-class-integrated .ct-hero h1{font-size:34px}.sr-class-integrated .ct-lead{font-size:16px}}
.sr-class-integrated .sec-h{flex-wrap:wrap;min-width:0}
.sr-class-integrated .cnt{white-space:normal;max-width:100%;line-height:1.6;overflow-wrap:anywhere}
.sr-class-integrated .sec-h .cnt{display:block;flex-basis:100%;white-space:normal!important;text-wrap:wrap!important;overflow-wrap:anywhere;word-break:break-word}
