.story-block{margin-block:28px}.story-block:first-child{margin-top:0}.story-figure{margin:0}.story-figure img{display:block;width:100%;height:auto}.story-figure figcaption,.story-video figcaption,.story-quote figcaption{font-size:14px;line-height:1.9;color:var(--mag-muted);margin-top:12px}.story-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px}.story-video{margin:0}.story-video video{display:block;width:100%;max-height:540px;background:#121212}.story-quote{margin:32px 0;padding:24px 32px;background:var(--mag-soft)}.story-text .story-quote blockquote{border:0;background:none;margin:0;padding:0;font-size:24px;line-height:1.95;color:var(--mag-ink)}
.story-code{background:#121212;color:#f5f5f5;margin:32px 0;overflow:hidden;border-radius:4px}.story-code figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;font-size:14px;color:#c4c4c4}.story-code button{min-height:44px;min-width:64px;background:#303030;color:#fff;border:0;padding:8px 16px;font:inherit;cursor:pointer;border-radius:4px}.story-code pre{background:transparent!important;border:0!important;margin:0!important;padding:12px 24px 28px!important;text-align:left;font-size:15px;line-height:1.9;color:#f5f5f5}.story-code code{background:transparent!important;color:inherit!important;font-family:Consolas,monospace;font-size:inherit}
.story-table{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;margin:32px 0;background:var(--mag-soft);padding:20px}.story-table table{width:100%;border-collapse:separate;border-spacing:0;min-width:360px;margin:0!important;background:none}.story-table caption{text-align:start;font-size:17px;font-weight:700;color:var(--mag-ink);padding-bottom:20px}.story-table :is(td,th){padding:16px 20px;vertical-align:top;min-width:110px;border:0!important;color:var(--mag-ink)}.story-table th{font-weight:700;background:var(--mag-ground)}.story-table tbody tr+tr td{padding-top:20px}.story-table tbody tr:hover td{background:var(--mag-ground)}
.story-callout{padding:28px 32px;background:var(--mag-soft);margin-block:32px}.story-text .story-callout h2{margin:0 0 12px;font-size:22px}.story-callout p{margin-bottom:0}.story-callout-warning{background:#f8e6e9;color:#641526}:root[data-theme="dark"] .story-callout-warning{background:#382127;color:#ffd5dc}.story-steps{counter-reset:article-step;list-style:decimal;padding-inline-start:28px}.story-steps li{padding-inline-start:12px;margin-bottom:28px}.story-steps li::marker{color:var(--mag-link);font-weight:700}.story-text .story-steps h3{font-size:22px;margin-block:0 12px}.story-steps p{margin:0}
.story-proscons{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.story-proscons>div{padding:24px 28px;background:var(--mag-soft)}.story-text .story-proscons h3{font-size:22px;margin-block:0 16px}.story-text .story-proscons ul{padding-inline-start:22px;margin:0}.story-verdict{margin-top:24px!important}.story-faq{margin-block:40px}.story-faq details,.story-exercise details{background:var(--mag-soft);margin-top:12px;padding:4px 24px}.story-faq summary,.story-exercise summary{min-height:56px;display:list-item;padding-block:16px;cursor:pointer;font-size:17px;line-height:1.9;font-weight:700}.story-faq details>div,.story-faq details>p,.story-exercise details>div{padding-block:0 20px;line-height:2.05;font-size:17px;white-space:pre-line}.story-meta-faq>h2,.story-sources>h2{font-size:26px;line-height:1.8;margin-bottom:24px}.story-resource{padding:28px 32px;background:var(--mag-soft);margin-block:32px}.story-text .story-resource h2{font-size:25px;margin-block:0 16px}.story-resource p{font-size:17px;line-height:2;margin-bottom:12px}.story-resource>span{display:block;color:var(--mag-muted);font-size:14px;margin-bottom:12px}.story-resource>a{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:#A51C30;color:#fff!important;text-decoration:none!important;min-height:48px;padding:12px 24px;border-radius:4px;font-size:16px;font-weight:700}.story-sources{margin-block:40px;font-size:16px;line-height:2.1}.story-sources li{padding-block:6px}.story-exercise{margin-block:40px}.story-text .story-exercise h2{font-size:26px}.story-break{border:0!important;background:var(--mag-soft);height:8px;margin-block:40px}
@media(max-width:700px){.story-quote,.story-callout,.story-resource{padding:24px}.story-text .story-quote blockquote{font-size:21px}.story-proscons{grid-template-columns:1fr;gap:16px}.story-proscons>div{padding:24px}.story-code pre{font-size:14px;padding:8px 20px 24px!important}.story-table{padding:12px}.story-table :is(td,th){padding:12px 16px}.story-faq details,.story-exercise details{padding-inline:20px}.story-gallery{gap:20px}}