.article-page-header { max-width: 880px; margin: 0 auto 1.5rem; text-align: center; }
.article-page-header__meta { color: var(--primary); font-size: .82rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.article-page-header__description { color: var(--text-secondary); font-size: 1.08rem; max-width: 720px; margin: 0 auto; }
.article-content { width: min(100%, 1120px); max-width: 1120px; margin: 0 auto; font-size: 1.125rem; line-height: 1.6; color: var(--gray-700, #334155); }
.article-content p { margin: 0 0 .85rem; line-height: 1.6; }
.article-content h1, .article-content h2, .article-content h3, .article-content h4 { line-height: 1.25; }
.article-main-image { display: block; width: min(100%, 860px); max-height: 440px; object-fit: cover; margin: 0 auto 2rem; border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }
.article-media-caption, .article-media-figure figcaption { color: var(--text-secondary); font-size: .92rem; text-align: center; margin-top: -.75rem; }
.article-media-figure { width: min(var(--article-media-width, 100%), 100%); margin: 0 auto 1.5rem; text-align: center; }
.article-media-figure img { width: 100%; max-width: 100%; height: auto; border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.article-media-video { width: min(var(--article-media-width, 100%), 100%); margin-inline: auto; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 12px; background: #111827; }
.article-media-video video, .article-media-video iframe { display: block; width: 100%; height: 100%; min-height: 0; border: 0; border-radius: inherit; }
@media (max-width: 1180px) { .article-content { padding-inline: 1rem; } }
.article-pdf-card { display: flex; align-items: center; gap: 1rem; padding: 1.25rem 1.5rem; margin: 1.5rem auto; max-width: 860px; border: 1px solid var(--primary); color: inherit; text-decoration: none; background: color-mix(in srgb, var(--primary) 8%, white); }
.article-pdf-card:hover { color: inherit; box-shadow: var(--shadow-md); }
.article-pdf-card__icon { display: grid; place-items: center; width: 48px; height: 56px; flex: 0 0 auto; background: #647078; color: white; font-size: 1.5rem; }
.article-pdf-card__copy { display: flex; flex-direction: column; gap: .2rem; flex: 1; min-width: 0; }
.article-pdf-card__copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.article-pdf-card__copy small { color: var(--text-secondary); }
.article-pdf-card__copy em { color: var(--text-secondary); font-size: .88rem; }
.article-pdf-card__download { color: var(--primary); font-size: 1.1rem; }
.article-resources { max-width: 940px; margin: 3.5rem auto 2.5rem; }
.article-resources__heading { display:flex; align-items:center; gap:1rem; margin-bottom:1.25rem; }
.article-resources__heading h2 { margin:0; font-size:1.25rem; color:var(--text-primary); letter-spacing:-.02em; }
.article-resources__heading span { height:1px; flex:1; background:linear-gradient(90deg,#dbe3e8,transparent); }
.article-resources__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.1rem; }
.article-resource-card { display:flex; align-items:center; gap:1rem; min-height:118px; padding:1.1rem 1.2rem; border:1px solid rgba(226,232,240,.85); border-radius:18px; background:linear-gradient(135deg,#fff 0%,#fbfcfd 100%); color:inherit; text-decoration:none; box-shadow:0 10px 24px rgba(15,23,42,.055); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.article-resource-card:hover { color:inherit; border-color:color-mix(in srgb,var(--primary) 30%,#edf0f2); box-shadow:0 12px 26px rgba(15,23,42,.1); transform:translateY(-2px); }
.article-resource-card__icon { width:64px; height:64px; display:grid; place-items:center; flex:0 0 64px; border-radius:17px; font-size:1.6rem; }
.article-resource-card--pdf .article-resource-card__icon { background:#ffe9e9; color:#c44536; }.article-resource-card--video .article-resource-card__icon,.article-resource-card--youtube .article-resource-card__icon { background:#ffe9e9; color:#d62929; }.article-resource-card--image .article-resource-card__icon { background:#e8f7fb; color:#168aad; }.article-resource-card--drive .article-resource-card__icon { background:#eaf1ff; color:#2f6fed; }.article-resource-card--link .article-resource-card__icon { background:#eaf7ed; color:#25834d; }
.article-resource-card__copy { display:flex; flex-direction:column; gap:.28rem; min-width:0; }.article-resource-card__copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.98rem; }.article-resource-card__copy small { color:var(--text-secondary); line-height:1.45; }.article-resource-card__copy em { color:var(--text-primary); font-size:.84rem; font-style:normal; font-weight:700; text-decoration:underline; text-underline-offset:2px; }.article-resource-card__copy em i { margin-left:.35rem; color:var(--primary); }
.article-share-row { display:flex; flex-direction:column; align-items:center; gap:.45rem; max-width:680px; margin:2.5rem auto; color:var(--text-secondary); text-align:center; }
.article-share-row > strong { color:var(--text-primary); font-size:1.05rem; }.article-share-row__hint { font-size:.86rem; }.article-share-row__actions { display:flex; justify-content:center; gap:.6rem; margin-top:.35rem; }.article-share-row a,.article-share-row button { display:grid; place-items:center; width:42px; height:42px; border:1px solid #dce6dc; border-radius:12px; background:#fff; color:var(--primary); text-decoration:none; box-shadow:0 3px 8px rgba(15,23,42,.05); cursor:pointer; transition:transform .2s ease,background .2s ease,color .2s ease; }.article-share-row a:hover,.article-share-row button:hover,.article-share-row button.is-copied { background:var(--primary); color:#fff; transform:translateY(-2px); }
.article-content [id^="article-content-"] { scroll-margin-top: 10rem; }
.article-related { max-width: 1000px; margin: 3rem auto 1rem; }
.article-related h2 { text-align: center; color: var(--text-primary); margin-bottom: 1rem; }
.article-related__hint { margin:-.5rem 0 1rem; text-align:center; color:var(--text-secondary); font-size:.9rem; }
.article-related__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.article-related__card { overflow: hidden; border: 1px solid #e2e8f0; background: #fff; color: inherit; text-decoration: none; box-shadow: var(--shadow-sm); }
.article-related__card:hover { color: inherit; box-shadow: var(--shadow-md); }
.article-related__card img { width: 100%; height: 130px; object-fit: cover; }
.article-related__card > span { display: flex; flex-direction: column; gap: .4rem; padding: 1rem; }
.article-related__card small { color: var(--text-secondary); }
@media (max-width: 700px) { .article-related__grid,.article-resources__grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .article-pdf-card { padding: 1rem; } .article-page-header h1 { font-size: 2rem; } }