@media screen{
 .article-heading{padding-bottom:24px}
 .article-meta-panel{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:20px 24px;margin-top:30px;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:#f8f9fb}
 .article-editor{display:flex;align-items:center;gap:13px;min-width:0}
 .article-editor-mark{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--ink);color:#fff;font-size:25px;line-height:1;font-weight:800;font-style:italic;letter-spacing:-2px;padding-right:3px}
 .article-editor-mark>span{color:#ed5864;margin-left:1px}
 .article-editor-copy{display:grid;gap:4px;min-width:0}
 .article-editor-copy strong{font-size:14px;line-height:1.4;font-weight:700;letter-spacing:-.15px}
 .article-editor-copy>span{font-size:12px;line-height:1.5;color:var(--muted)}
 .article-editor:hover strong{text-decoration:underline;text-underline-offset:3px}
 .article-meta-dates{display:flex;align-items:start;gap:24px;padding:0;margin:0}
 .article-meta-dates>div{min-width:0}
 .article-meta-dates dt{font-size:11px;line-height:1.5;font-weight:400;color:var(--muted);margin:0 0 5px}
 .article-meta-dates dd{font-size:13px;line-height:1.5;font-weight:550;color:var(--ink);margin:0}
 .article-meta-actions{display:flex;align-items:center;gap:10px}
 .article-meta-actions .article-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;margin:0;padding:11px 14px;border:1px solid #d5d8df;border-radius:8px;background:#fff;color:var(--ink);font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap;transition:background .16s,border-color .16s}
 .article-meta-actions .article-action::before{content:"";display:block;flex:none;width:17px;height:17px;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain}
 .article-meta-actions .bookmark-button::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M6 4h12v17l-6-4-6 4V4Z'/%3E%3C/svg%3E")}
 .article-meta-actions .print-article::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M7 8V3h10v5M7 17H4V9h16v8h-3M7 14h10v7H7Z'/%3E%3C/svg%3E")}
 .article-meta-actions .article-action:hover{border-color:#b5bbc5;background:#f0f2f6}
 .article-meta-actions .bookmark-button[aria-pressed=true]{color:#b02535;background:#fff0f2;border-color:#e8bec4}
 #bookmark-status.article-bookmark-status{grid-column:1/-1;font-size:12px;line-height:1.6;color:var(--muted);margin:0}
 #bookmark-status:empty{display:none}
 .article-intro{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:28px;margin:0 0 30px}
 .article-heading .article-intro{margin:24px 0}
 .article-intro .short-answer{min-width:0;max-width:none;margin:0;padding:24px 28px;border-radius:0 12px 12px 0}
 .article-intro .short-answer p{font-size:17px;line-height:1.7;margin:10px 0 0;color:var(--ink)}
 .article-cover.article-cover-editorial{min-width:0;max-width:none;margin:0}
 .article-cover.article-cover-editorial>img{display:block;width:100%;height:auto;max-height:150px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:var(--soft)}
 .article-cover-editorial figcaption{display:block;margin:0;padding:10px 0 0;font-size:11px;line-height:1.5;color:var(--muted)}
 .article-photo-credit{display:grid;gap:3px;min-width:0}
 .article-photo-attribution{color:#505866;font-size:11px;font-weight:500}
 .article-photo-attribution>span{margin-inline:4px;color:#949aa5}
 .article-photo-note{font-size:11px}
 .article-cover-editorial .article-photo-license{display:inline-flex;align-items:center;gap:5px;flex:none;color:#505866;font-size:11px;font-weight:500;text-decoration:none;padding:5px 0 0}
 .article-cover-editorial .article-photo-license:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
}
@media screen and (max-width:1100px){
 .article-meta-panel{grid-template-columns:minmax(0,1fr) auto;gap:18px 24px}
 .article-meta-dates{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:18px 36px;border-top:1px solid var(--line);padding-top:15px}
 .article-meta-actions{grid-column:2;grid-row:1}
}
@media screen and (max-width:850px){
 .article-intro{grid-template-columns:minmax(0,1fr);gap:0}
 .article-intro .article-cover{display:none}
}
@media screen and (max-width:650px){
 .article-heading{padding-bottom:20px}
 .article-meta-panel{grid-template-columns:1fr;gap:16px;margin-top:24px;padding:18px;border-radius:12px}
 .article-editor-mark{width:42px;height:42px;border-radius:11px}
 .article-meta-dates{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;padding-top:14px}
 .article-meta-dates dt{font-size:11px;margin-bottom:3px}
 .article-meta-dates dd{font-size:12px}
 .article-meta-actions{grid-column:1;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .article-meta-actions .article-action{min-width:0;padding:11px 9px;font-size:12px;gap:7px}
 .article-intro .short-answer{padding:20px}
 .article-intro .short-answer p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.article-meta-actions .article-action{transition:none}}
@media print{.article-meta-actions,#bookmark-status{display:none!important}.article-meta-panel{margin-top:14pt}.article-editor{font-weight:700}.article-editor-mark{display:none}.article-editor-copy>span{display:block}.article-meta-dates{display:flex;gap:20pt;padding:0;margin:8pt 0}.article-meta-dates>div{display:block}.article-meta-dates dt{font-size:9pt}.article-meta-dates dd{margin:0;font-size:10pt}}

.article-image{position:relative}
.image-origin{position:absolute;left:10px;bottom:10px;padding:5px 8px;border-radius:4px;background:#fffffff0;color:#343943;font-size:10px;font-weight:500;line-height:1.4;letter-spacing:0}
