/* Aurora Paw: centered editorial article layout. Scoped to article pages. */
body[data-page="article"] { background:#f4f1eb; }
body[data-page="article"] .pg-shell { background:#f4f1eb; }
body[data-page="article"] main { padding:0 32px 64px; }
body[data-page="article"] .article-intro,
body[data-page="article"] .article-layout,
body[data-page="article"] .related { width:100%; max-width:1180px; margin-left:auto; margin-right:auto; box-sizing:border-box; }
body[data-page="article"] .article-intro { padding:0; background:transparent; border:0; }
body[data-page="article"] .article-breadcrumbs { padding:24px 0 18px; font-size:12px; line-height:1.7; letter-spacing:.03em; flex-wrap:wrap; }
body[data-page="article"] .article-hero { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); align-items:center; gap:36px; width:100%; max-width:1180px; min-height:0; padding:36px; margin:0; border:1px solid #e6ded1; border-radius:22px; background:#fffcf6; box-shadow:0 10px 30px #44332305; box-sizing:border-box; overflow:hidden; }
body[data-page="article"] .article-hero-copy { display:block; padding:0; min-height:0; max-width:100%; }
body[data-page="article"] .article-category-pill { display:inline-flex; margin:0 0 18px; font-size:11px; letter-spacing:.1em; }
body[data-page="article"] .article-hero h1 { font-size:clamp(30px,3vw,43px); line-height:1.1; letter-spacing:-.035em; max-width:640px; margin:0 0 20px; text-wrap:balance; }
body[data-page="article"] .article-dek { font-size:16px; line-height:1.65; max-width:56ch; margin:0 0 20px; color:#655e52; }
body[data-page="article"] .article-meta { display:flex; flex-wrap:wrap; gap:8px 14px; font-size:12px; line-height:1.5; margin:0; }
body[data-page="article"] .article-hero-media { width:100%; height:300px; min-height:0; max-width:100%; margin:0; border-radius:14px; overflow:hidden; aspect-ratio:auto; }
body[data-page="article"] .article-hero-media img { display:block; width:100%; height:100%; object-fit:cover; }
body[data-page="article"] .article-byline { max-width:100%; padding:18px 4px; margin:0; border:0; background:transparent; }
body[data-page="article"] .article-byline p { font-size:12px; line-height:1.6; }
body[data-page="article"] .byline-avatar { width:32px; height:32px; font-size:11px; }
body[data-page="article"] .article-key-takeaways { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; max-width:1180px; margin:8px 0 0; padding:0; gap:12px; background:transparent; border:0; box-shadow:none; }
body[data-page="article"] .article-key-takeaways > h2 { min-height:0; border:0; grid-column:1/-1; margin:0 0 2px; padding:0; font:700 11px/1.5 system-ui,sans-serif; letter-spacing:.13em; text-transform:uppercase; color:#79634c; }
body[data-page="article"] .article-key-takeaways .takeaway-item { display:block; border:1px solid #e2dacd; border-radius:12px; padding:17px 20px; min-height:0; background:#faf8f1; }
body[data-page="article"] .article-key-takeaways .takeaway-item p { margin:0; font-size:14px; line-height:1.55; color:#4e4a40; }
body[data-page="article"] .article-layout { display:grid; grid-template-columns:210px minmax(0,1fr); align-items:start; gap:28px; padding:0; margin-top:32px; margin-bottom:0; }
body[data-page="article"] .toc { position:sticky; top:100px; border:1px solid #e2dacd; border-radius:14px; padding:20px 16px; background:#f9f6ef; max-height:calc(100vh - 125px); overflow:auto; box-sizing:border-box; box-shadow:none; }
body[data-page="article"] .toc h2 { margin:0 0 16px; font-size:15px; line-height:1.4; }
body[data-page="article"] .toc a { display:flex; font-size:12px; line-height:1.55; padding:9px 0; gap:8px; }
body[data-page="article"] .article-body { width:100%; max-width:none; padding:34px 44px; margin:0; background:#fffdf9; border:1px solid #e6ded1; border-radius:18px; box-sizing:border-box; color:#3e3c34; }
body[data-page="article"] .article-body p,
body[data-page="article"] .article-body li { font-size:16px; line-height:1.85; }
body[data-page="article"] .article-body .lead { font-size:18px; line-height:1.75; color:#565348; margin-top:0; }
body[data-page="article"] .article-body h2 { font-size:28px; line-height:1.25; letter-spacing:-.025em; margin:36px 0 16px; }
body[data-page="article"] .article-body h3 { font-size:20px; line-height:1.4; }
body[data-page="article"] .article-layout > :not(.toc):not(.article-body) { grid-column:2; width:auto; max-width:100%; position:static; }
body[data-page="article"] .article-body .source-notes { margin-top:28px; padding-top:22px; }
body[data-page="article"] .article-body .source-notes h2 { font:700 15px/1.5 system-ui,sans-serif; margin:0 0 12px; }
body[data-page="article"] .article-body .source-notes p { font-size:13px; line-height:1.75; color:#706959; }
body[data-page="article"] .paw90-shopping { margin-top:32px; padding:22px; border-radius:14px; background:#f6f1e7; border-color:#e4d7c3; }
body[data-page="article"] .paw90-shopping h2 { font-size:24px; }
body[data-page="article"] .paw90-shopping p { font-size:14px; line-height:1.65; }
body[data-page="article"] .paw90-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
body[data-page="article"] .paw90-option { padding:16px; border-radius:10px; }
body[data-page="article"] .paw90-option h3 { font:700 16px/1.4 system-ui,sans-serif; margin:0 0 10px; }
body[data-page="article"] .paw90-option a { font-size:13px; line-height:1.5; }
body[data-page="article"] .related { padding:0; margin-top:48px; background:transparent; border:0; }
body[data-page="article"] .related .section-heading h2 { font-size:28px; }
body[data-page="article"] .related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
body[data-page="article"] .related-grid > * { min-width:0; border-radius:14px; overflow:hidden; }
body[data-page="article"] .related-grid img { width:100%; height:180px; object-fit:cover; }
@media(max-width:1050px) {
 body[data-page="article"] .article-hero { padding:28px; gap:24px; }
 body[data-page="article"] .article-hero-media { height:280px; }
 body[data-page="article"] .article-body { padding:28px; }
 body[data-page="article"] .paw90-options { grid-template-columns:1fr; }
}
@media(max-width:900px) {
 body[data-page="article"] main { padding:0 24px 40px; }
 body[data-page="article"] .article-layout { grid-template-columns:1fr!important; padding:0!important; gap:20px; }
 body[data-page="article"] .toc { position:static; max-height:220px; padding:18px 22px; }
 body[data-page="article"] .article-layout > :not(.toc):not(.article-body) { grid-column:1; }
 body[data-page="article"] .article-hero { grid-template-columns:1.25fr 1fr; }
 body[data-page="article"] .article-hero h1 { font-size:32px; }
 body[data-page="article"] .article-dek { font-size:15px; }
 body[data-page="article"] .related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:620px) {
 body[data-page="article"] main { padding:0 16px 32px; }
 body[data-page="article"] .article-breadcrumbs { padding:18px 2px 12px; font-size:10px; }
 body[data-page="article"] .article-hero { grid-template-columns:1fr!important; padding:22px; gap:20px; border-radius:16px; }
 body[data-page="article"] .article-hero h1 { font-size:30px; line-height:1.12; margin-bottom:16px; }
 body[data-page="article"] .article-category-pill { margin-bottom:14px; }
 body[data-page="article"] .article-dek { margin-bottom:14px; }
 body[data-page="article"] .article-hero-media { height:190px!important; min-height:0!important; aspect-ratio:auto!important; border-radius:10px; }
 body[data-page="article"] .article-key-takeaways { grid-template-columns:1fr!important; gap:8px; }
 body[data-page="article"] .article-key-takeaways .takeaway-item { padding:13px 16px; }
 body[data-page="article"] .article-layout { margin-top:24px; }
 body[data-page="article"] .article-body { padding:24px 20px; border-radius:14px; }
 body[data-page="article"] .article-body p,body[data-page="article"] .article-body li { font-size:15px; line-height:1.8; }
 body[data-page="article"] .article-body .lead { font-size:16px; }
 body[data-page="article"] .article-body h2 { font-size:24px; }
 body[data-page="article"] .paw90-shopping { padding:16px; }
 body[data-page="article"] .paw90-shopping h2 { font-size:22px; }
 body[data-page="article"] .related-grid { grid-template-columns:1fr; }
}