/* Shared Repetit editorial components. Keep page-specific styling out of this file. */
.article-page .article-hero{padding:72px 0 48px}.article-page .article-hero h1{font-size:clamp(28px,5vw,48px);line-height:1.15;max-width:900px;margin:16px 0 20px}.article-page .article-hero .lead{font-size:18px;color:var(--muted);max-width:780px;line-height:1.7}.article-page .article-meta,.article-page .breadcrumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.article-page .article-meta span,.article-page .article-meta time,.article-page .breadcrumb{font-size:13px;color:var(--soft)}.article-page .article-meta .tag{padding:3px 12px;border:1px solid rgba(31,124,255,.3);border-radius:20px;color:var(--accent-2);background:rgba(31,124,255,.15)}.article-page .breadcrumb{margin-bottom:32px}.article-page .breadcrumb a{color:var(--soft);text-decoration:none}
.article-page .article-image,.article-page .article-figure-media{overflow:hidden;border:1px dashed rgba(255,255,255,.2);border-radius:var(--radius-md);background:rgba(255,255,255,.04);box-shadow:none}
.article-page .article-image{aspect-ratio:1200/630;margin-top:32px}.article-page .article-image img{display:block;width:100%;height:100%;object-fit:cover}
.article-page .article-content{max-width:900px;margin:0 auto}.article-page .article-section{padding:38px 0}.article-page .article-section p,.article-page .article-section li{color:var(--muted);line-height:1.75}.article-page .article-section h3{font-size:17px}.article-page .section-head{margin-bottom:20px}.article-page .head-with-icon{display:flex;gap:14px;align-items:flex-start}.article-page .head-with-icon h2,.article-page .section-head h2{margin:4px 0 6px;line-height:1.25}.article-page .icon-heading{width:40px;height:40px;flex:none;color:var(--accent-2)}.article-page .section-label,.article-page .rc-tag{color:var(--accent-2);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.article-page .section-desc{margin:0}
.article-page .insight-grid,.article-page .principles,.article-page .example-grid,.article-page .examples,.article-page .related-grid{display:grid;gap:18px;margin:24px 0}.article-page .insight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-page .principles{grid-template-columns:repeat(4,minmax(0,1fr))}.article-page .example-grid,.article-page .examples{grid-template-columns:repeat(2,minmax(0,1fr))}.article-page .insight-card,.article-page .example-card,.article-page .related-card{min-width:0;padding:22px;border:1px solid var(--border);border-radius:var(--radius-md);background:rgba(255,255,255,.04)}.article-page .insight-card{position:relative;border-color:rgba(31,124,255,.2);background:rgba(31,124,255,.06)}.article-page .insight-card::before{content:"";display:block;width:32px;height:4px;margin-bottom:16px;border-radius:999px;background:linear-gradient(90deg,var(--accent-2),#8b5cf6)}.article-page .related-card{display:block;color:inherit;text-decoration:none}.article-page .insight-card,.article-page .example-card,.article-page .related-card{transition:border-color .2s ease,transform .2s ease}.article-page .insight-card:hover,.article-page .example-card:hover,.article-page .related-card:hover{border-color:rgba(96,165,250,.42);transform:translateY(-2px)}
.article-page .steps-grid{display:grid;gap:12px}.article-page .step-item{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:18px;border:1px solid var(--border);border-radius:var(--radius-md);background:rgba(255,255,255,.035)}.article-page .step-item:not(:last-child)::after{content:"";position:absolute;left:41px;bottom:-13px;width:2px;height:13px;background:rgba(31,124,255,.28)}.article-page .step-num{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:var(--accent-2);font-weight:700;background:rgba(31,124,255,.15);box-shadow:inset 0 0 0 1px rgba(96,165,250,.25)}.article-page .step-body h3{margin:4px 0}.article-page .step-body p{margin:0}
.article-page .example-card{position:relative;overflow:hidden}.article-page .example-card::after{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--accent-2),#8b5cf6);opacity:.8}.article-page .example-weak,.article-page .example-better,.article-page .example-answer{margin:10px 0;padding-left:12px;border-left:2px solid}.article-page .example-weak{border-color:rgba(255,128,128,.35)}.article-page .example-better{border-color:rgba(96,165,250,.42)}.article-page .example-answer{border-color:rgba(96,224,144,.35)}
.article-page .callout{position:relative;overflow:hidden;padding:22px 22px 22px 27px;margin:24px 0;border:1px solid var(--border);border-radius:var(--radius-md);background:rgba(255,255,255,.05)}.article-page .callout::before{content:"";position:absolute;inset:0 auto 0 0;width:4px}.article-page .callout-key{border-color:rgba(31,124,255,.26);background:linear-gradient(135deg,rgba(31,124,255,.1),rgba(139,92,246,.06))}.article-page .callout-key::before{background:linear-gradient(var(--accent-2),#8b5cf6)}.article-page .callout-tip::before{background:#60e090}.article-page .callout-warning::before{background:#ff8080}
.article-page .check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;padding:0;list-style:none}.article-page .check-list li{position:relative;min-width:0;padding:14px 16px 14px 44px;border:1px solid var(--border);border-radius:var(--radius-md);background:rgba(255,255,255,.035)}.article-page .check-list li::before{content:"✓";position:absolute;left:13px;top:12px;width:24px;height:24px;display:grid;place-items:center;box-sizing:border-box;padding:0;border-radius:50%;color:#60e090;background:rgba(96,224,144,.16);box-shadow:inset 0 0 0 1px rgba(96,224,144,.25);font-size:18px;font-weight:800;line-height:1}.article-page .mistake-list li::before{content:"×";left:13px;top:12px;width:24px;height:24px;display:grid;place-items:center;box-sizing:border-box;padding:0;color:#ff6b7a;background:rgba(255,80,80,.2);box-shadow:inset 0 0 0 1px rgba(255,128,128,.32);font-size:18px;font-weight:800;line-height:1}
.article-page .data-table-wrap{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--border);border-radius:var(--radius-md);-webkit-overflow-scrolling:touch}.article-page .data-table{width:100%;min-width:620px;border-collapse:collapse}.article-page .data-table th,.article-page .data-table td{padding:13px 16px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.article-page .data-table th{color:var(--accent-2);background:rgba(31,124,255,.1)}
.article-page .faq-accordion{display:grid;gap:12px}.article-page .faq-entry{padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius-md);background:rgba(255,255,255,.04)}.article-page .faq-entry summary{cursor:pointer;color:var(--text);font-weight:600}.article-page .faq-entry p{margin-bottom:0}
.article-page .research-basis .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-page .research-card .rc-tag{display:inline-block;margin-bottom:4px}.article-page .related-section .related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-page .related-preview-card{padding:0;overflow:hidden}.article-page .related-preview{display:block;width:100%;aspect-ratio:16/8;overflow:hidden;border-bottom:1px solid var(--border)}.article-page .related-preview img{display:block;width:100%;height:100%;object-fit:cover}.article-page .related-copy{display:block;padding:20px}.article-page .related-copy h3{margin:8px 0}.article-page .related-copy p{margin-bottom:0}
.article-page .cta-box{position:relative;overflow:hidden;margin:48px 0 72px;padding:40px;border:1px solid rgba(31,124,255,.3);border-radius:var(--radius-lg);text-align:left;background:linear-gradient(135deg,rgba(31,124,255,.12),rgba(139,92,246,.1))}.article-page .cta-box h2,.article-page .cta-box p{text-align:left}.article-page .cta-actions{display:flex;justify-content:flex-start;gap:12px;flex-wrap:wrap}
@media(max-width:900px){.article-page .insight-grid,.article-page .principles,.article-page .related-section .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.article-page .article-hero{padding:48px 0 32px}.article-page .article-section{padding:30px 0}.article-page .icon-heading{width:34px;height:34px}.article-page .insight-grid,.article-page .principles,.article-page .example-grid,.article-page .examples,.article-page .research-basis .related-grid,.article-page .related-section .related-grid,.article-page .check-list{grid-template-columns:1fr}.article-page .step-item{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px 14px}.article-page .step-num{width:40px;height:40px}.article-page .step-item:not(:last-child)::after{left:33px}.article-page .cta-box{padding:28px 20px}.article-page .cta-actions{align-items:stretch;flex-direction:column}.article-page .cta-actions .btn{text-align:center}}

/* Editorial illustrations share the hero surface without its fixed aspect ratio. */
.article-page .article-figure{margin:28px 0}
.article-page .article-figure-media{display:block}
.article-page a.article-figure-media{cursor:zoom-in}
.article-page .article-figure-media:focus-visible{outline:2px solid var(--accent-2);outline-offset:4px}
.article-page .article-figure img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
.article-page .article-figure figcaption{margin-top:12px;color:var(--muted);font-size:14px;line-height:1.65}