/* Editorial skin: isolated from lessons and backoffice. */
.article-portal{--article-ink:#203b50;--article-blue:#255ee8;--article-paper:#fffdf6;background:var(--article-paper);color:var(--article-ink);font-family:var(--font-family,system-ui,sans-serif);line-height:1.65;overflow-wrap:anywhere}
.article-portal *{box-sizing:border-box}.article-portal a{color:inherit}.article-portal .btn{border-radius:999px;padding:.8rem 1.3rem;display:inline-flex;justify-content:center;align-items:center;text-decoration:none;font-weight:700;min-height:44px}.article-portal .btn-primary{background:var(--article-blue);color:white}.article-portal .btn-secondary{background:white;color:var(--article-ink);border:1px solid #d9dfeb}.article-portal :focus-visible{outline:3px solid #e36531;outline-offset:4px}
.article-header{max-width:1240px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.article-brand{font-size:1.15rem;font-weight:850;display:flex;align-items:center;gap:12px;text-decoration:none}.article-brand span{background:#ffd95d;border-radius:16px;font-size:2rem;width:52px;height:52px;text-align:center;flex-shrink:0}.article-header nav{display:flex;align-items:center;gap:24px;font-weight:650}.article-header nav a{text-decoration:none}
.article-hero{max-width:1192px;margin:24px auto 64px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;padding:48px;border-radius:40px;background:#fff0bc}.article-hero:not(:has(img)){grid-template-columns:1fr}.article-eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:.75rem;font-weight:800;color:#42697b}.article-hero h1{font-size:clamp(2rem,4.2vw,3.7rem);line-height:1.08;letter-spacing:-.04em;margin:22px 0}.article-hero p:not(.article-eyebrow){font-size:1.1rem;max-width:48ch}.article-hero img{width:100%;height:430px;object-fit:cover;border-radius:28px}.article-hero .btn{margin-top:16px}
.article-library{max-width:1240px;margin:auto;padding:0 24px 70px}.article-section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.article-section-heading h2{font-size:2rem;line-height:1.2}.article-section-heading form{display:flex;gap:8px}.article-categories{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.article-categories a{padding:7px 15px;border:1px solid #d9dfeb;border-radius:999px;background:white;text-decoration:none;font-size:.9rem}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.article-card{background:white;border:1px solid #e4e5dd;border-radius:24px;overflow:hidden;transition:transform .15s}.article-card:hover{transform:translateY(-3px)}.article-card>a{display:block;text-decoration:none}.article-card img{width:100%;aspect-ratio:1.6;object-fit:cover;display:block}.article-card>a>div{padding:24px}.article-card h3{font-size:1.25rem;line-height:1.3;margin:12px 0}.article-card p{font-size:.94rem}.article-card span{color:var(--article-blue);font-weight:750}.article-pagination{display:flex;justify-content:center;gap:30px;margin:40px 0}.article-footer{border-top:1px solid #ddd;padding:40px max(24px,calc((100% - 1192px)/2));background:#e5f2eb}
.article-reader{max-width:860px;margin:40px auto;padding:0 24px}.article-reader h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;letter-spacing:-.035em;margin:20px 0}.article-summary{font-size:1.2rem}.article-meta{font-size:.9rem;color:#587080}.article-cover{width:100%;height:auto;border-radius:24px;margin:24px 0}.article-body{font-size:1.1rem}.article-body h2{font-size:1.8rem;line-height:1.25;margin:2.2em 0 .8em;scroll-margin-top:24px}.article-body h3{font-size:1.4rem;line-height:1.35;margin:1.7em 0 .7em}.article-body p{margin:1em 0}.article-body a{color:var(--article-blue);text-decoration:underline}.article-body img{max-width:100%;height:auto;border-radius:18px}.article-image{margin:2em 0}.article-image figcaption{font-size:.88rem;color:#587080;margin-top:8px}.article-quote{border-left:5px solid #ffb24a;background:#fff0bc;border-radius:0 20px 20px 0;padding:20px 28px;margin:2em 0}.article-quote cite{font-size:.9rem}.article-callout,.article-toc,.article-checklist{padding:24px;border-radius:24px;margin:2em 0;background:#eaf1ff}.article-callout--tip{background:#e4f3e6}.article-callout--important{background:#fff0bc}.article-table{overflow-x:auto;max-width:100%;margin:2em 0}.article-table table{width:100%;border-collapse:collapse;font-size:.95rem}.article-table td,.article-table th{border:1px solid #ced7df;padding:14px;min-width:120px;vertical-align:top}.article-table th{background:#eaf1ff}.article-faq details{padding:18px 0;border-bottom:1px solid #ced7df}.article-faq summary{font-weight:750;cursor:pointer}.article-check{display:flex;gap:12px;align-items:flex-start;padding:10px 0}.article-check input{width:22px;height:22px;flex-shrink:0;accent-color:var(--article-blue);margin-top:4px}.article-checklist [data-checklist-counter]{font-size:.9rem}.article-embed{aspect-ratio:16/9}.article-embed iframe{border:0;width:100%;height:100%}.article-body video,.article-body audio{width:100%}.article-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.article-comments{max-width:860px;margin:40px auto;padding:32px 24px;border-top:1px solid #ced7df}.article-comments textarea{width:100%}.article-comments article{padding:20px 0;border-bottom:1px solid #ced7df}.article-preview{background:#fff0bc;padding:12px 24px;text-align:center}.article-body ul,.article-body ol{padding-left:1.5em}
@media(max-width:800px){.article-hero{margin:16px 16px 40px;padding:28px;gap:24px;grid-template-columns:1fr}.article-hero img{height:300px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-header{padding:16px;gap:12px}.article-header nav{gap:12px;font-size:.85rem}.article-brand{font-size:.95rem}.article-brand span{width:42px;height:42px;font-size:1.6rem}.article-columns{grid-template-columns:1fr}}
@media(max-width:520px){.article-grid{grid-template-columns:1fr}.article-header{flex-wrap:wrap}.article-header nav{width:100%;justify-content:space-between}.article-hero{padding:24px}.article-hero img{height:260px}.article-library{padding:0 18px 40px}.article-section-heading form{width:100%}.article-section-heading input{min-width:0;flex:1}.article-reader{padding:0 18px}.article-body{font-size:1rem}.article-callout,.article-toc,.article-checklist{padding:18px}.article-reader h1{font-size:2rem}.article-quote{padding:16px 20px}}
@media print{.article-header,.article-footer,.article-comments,.article-preview,.article-body button,.article-categories{display:none}.article-reader{max-width:none;margin:0}.article-body{font-size:11pt}.article-table{overflow:visible}.article-table td,.article-table th{min-width:0}.article-portal{background:white}.article-checklist{break-inside:avoid}}
@media(prefers-reduced-motion:reduce){.article-card{transition:none}}