:root { --ed-ink:#0b1220; --ed-muted:#667085; --ed-line:#e5e7eb; --ed-paper:#fbfbf8; --ed-blue:#1d4ed8; }
body.atf-editorial { background:var(--ed-paper); color:var(--ed-ink); }
.atf-editorial > header:first-of-type { height:60px; background:#fff !important; color:var(--ed-ink) !important; border-bottom:1px solid var(--ed-line); }
.atf-editorial > header:first-of-type .wrap { height:100%; padding-block:0; }
.atf-editorial > header:first-of-type a { color:var(--ed-ink) !important; }
.atf-editorial .atf-brand { display:inline-flex; align-items:center; gap:9px; text-decoration:none; font-family:Sora,sans-serif; }
.atf-editorial .atf-brand img { width:32px; height:32px; }
.atf-editorial .wrap { width:min(1180px,calc(100vw - 40px)); max-width:none; }
.atf-editorial main { padding-top:18px; }
.atf-editorial .card { border:1px solid var(--ed-line); border-radius:16px; box-shadow:none; }
.atf-editorial .article-hero { padding:24px !important; }
.article-hero-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr); gap:24px; align-items:stretch; }
.article-hero-copy { padding:8px 4px; }
.article-hero-copy h1 { max-width:720px; color:var(--ed-ink); font-size:clamp(38px,4.5vw,56px); }
.article-hero-art { min-height:240px; position:relative; overflow:hidden; padding:22px; border:1px solid #cfdcf8; border-radius:16px; background:radial-gradient(circle at 78% 18%,rgba(37,99,235,.22),transparent 28%),linear-gradient(145deg,#eef4ff,#f9fbff 70%); }
.article-hero-art::after { content:""; position:absolute; inset:0; opacity:.28; background-image:linear-gradient(90deg,transparent 23px,rgba(29,78,216,.12) 24px),linear-gradient(transparent 23px,rgba(29,78,216,.12) 24px); background-size:24px 24px; }
.article-art-label { position:relative; z-index:2; display:block; color:#1e4c9a; font:700 11px/1 Sora,sans-serif; letter-spacing:.09em; text-transform:uppercase; }
.article-logo-cloud { position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,64px); gap:14px; align-content:center; justify-content:center; height:165px; }
.article-logo-cloud span { width:64px; height:64px; display:grid; place-items:center; border:5px solid #fff; border-radius:18px; background:#fff; box-shadow:0 14px 28px rgba(29,78,216,.14); transform:rotate(-4deg); }
.article-logo-cloud span:nth-child(2),.article-logo-cloud span:nth-child(5){ transform:translateY(-8px) rotate(4deg); }
.article-logo-cloud span:nth-child(3),.article-logo-cloud span:nth-child(4){ transform:rotate(6deg); }
.article-logo-cloud img { width:74%; height:74%; object-fit:contain; border-radius:9px; }
.article-hero .direct-answer-refresh { margin:18px 0 0 !important; border-color:#cfdcf8 !important; background:#f4f7ff !important; }
.article-hero .direct-answer-refresh h2 { font-size:22px; }
.article-hero .direct-answer-refresh p { margin-top:7px; color:#475467; }
.atf-editorial .visit-btn { background:var(--ed-ink); border-radius:9px; }
.atf-editorial .tool-card { border-radius:14px; }
.atf-editorial .tool-card h3 { display:flex; align-items:center; gap:10px; }
.editorial-tool-logo { width:42px; height:42px; flex:0 0 42px; object-fit:contain; padding:5px; border:1px solid var(--ed-line); border-radius:11px; background:#fff; }
.atf-editorial .tool p a,.atf-editorial .section>p a{color:#344054;text-decoration:none;font-weight:700;border-bottom:1px solid #98a2b3;transition:color .15s ease,border-color .15s ease}.atf-editorial .tool p a:visited,.atf-editorial .section>p a:visited{color:#667085;border-color:#d0d5dd}.atf-editorial .tool p a:hover,.atf-editorial .section>p a:hover{color:var(--ed-blue);border-color:var(--ed-blue)}
.atf-editorial .sources{display:grid;gap:8px;margin:18px 0;padding:0;list-style:none}.atf-editorial .sources li{margin:0;padding:11px 13px;border:1px solid var(--ed-line);border-radius:9px;background:#f8fafc;color:#475467}.atf-editorial .sources a{color:#344054;text-decoration:none;font-weight:700;border-bottom:1px solid #cbd5e1}.atf-editorial .sources a:visited{color:#667085;border-color:#d0d5dd}.atf-editorial .sources a:hover{color:var(--ed-blue);border-color:var(--ed-blue)}
.atf-editorial .commercial-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.atf-editorial .commercial-actions a{display:inline-flex;align-items:center;min-height:42px;padding:9px 13px;border:1px solid #a6f4c5;border-radius:9px;background:#fff;color:#075e45;text-decoration:none;font-weight:750}.atf-editorial .commercial-actions a:visited{color:#176b52}.atf-editorial .commercial-actions a:hover{border-color:#12b76a;background:#ecfdf3}
@media(max-width:800px){.article-hero-grid{grid-template-columns:1fr}.article-hero-art{min-height:190px}.article-logo-cloud{height:120px;grid-template-columns:repeat(6,46px);gap:6px}.article-logo-cloud span{width:46px;height:46px;border-radius:13px}.atf-editorial .wrap{width:min(100% - 28px,1180px)}}

/* Compact product-photo guide heroes. */
    .compact-photo-hero .article-hero-grid{display:flex;flex-direction:column;gap:18px}
    .compact-photo-hero .article-hero-copy{padding:0}
    .compact-photo-hero .article-hero-copy h1{max-width:1000px}
    .compact-photo-hero .article-hero-copy>p{max-width:1000px}
    .compact-photo-hero .article-hero-art{min-height:0;padding:16px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;display:flex;align-items:center;gap:20px;overflow:visible}
    .compact-photo-hero .article-hero-art::after{display:none}
    .compact-photo-hero .article-art-label{flex-shrink:0}
    .compact-photo-hero .article-logo-cloud{display:flex;flex-wrap:wrap;gap:12px;height:auto;justify-content:flex-start}
    .compact-photo-hero .article-logo-cloud span{width:42px;height:42px;border:1px solid var(--line);border-radius:10px;box-shadow:none;transform:none}
    .compact-photo-hero .article-logo-cloud img{width:30px;height:30px;border-radius:5px}
    @media(max-width:800px){.compact-photo-hero .article-hero-art{flex-direction:column;align-items:flex-start;gap:12px}.compact-photo-hero .article-logo-cloud{gap:7px}.compact-photo-hero .article-logo-cloud span{width:36px;height:36px}.compact-photo-hero .article-logo-cloud img{width:26px;height:26px}}

.compact-photo-hero.atf-editorial .article-hero{padding:24px!important}
.compact-photo-hero .article-hero-copy h1{margin:0 0 14px;line-height:1.03;letter-spacing:-.045em}
.compact-photo-hero .article-hero-copy>p{margin:0;color:var(--muted);font-size:18px}
@media(max-width:800px){.compact-photo-hero .article-hero-copy h1{font-size:36px}.compact-photo-hero .article-hero-copy>p{font-size:16px;line-height:1.5}}