/* Independent fan editorial inspired by the official site's white, charcoal and coral rhythm. */
:root{
  --ink:#252329;
  --muted:#66636b;
  --line:#e3e0e2;
  --paper:#fff;
  --wash:#f8f7f8;
  --accent:#d6322d;
}
.site-header{border-top:0;background:#fff}
.header-inner{min-height:82px}
.brand{color:var(--ink)}
.brand span{color:var(--accent)}
.site-footer{background:#f8f7f8;color:#4c494e;border-top:1px solid var(--line)}
.site-footer .brand span,.site-footer a:hover{color:var(--accent)}
.edition-line{border-bottom:1px solid var(--line);margin-bottom:24px;flex-wrap:wrap;align-items:center}
.edition-line p{font-weight:700}
.edition-line .edition-language{color:var(--accent);font-weight:700;white-space:nowrap}
.edition-languages{display:flex;flex-wrap:wrap;gap:5px 14px}
.support-cover{background:#fff5f2;border:1px solid #f1e1de;border-radius:12px;overflow:hidden}
.support-cover .cover-copy{padding:42px 20px 42px 42px}
.support-cover .cover-copy h1{line-height:1.45;font-size:clamp(2rem,3vw,2.9rem)}
.support-cover .cover-copy .service-explanation{font-weight:680}
.support-cover .read-button,.read-button,.person-link{background:var(--accent);border-color:var(--accent);color:#fff}
.support-cover .read-button:hover,.read-button:hover,.person-link:hover{background:#b72825;border-color:#b72825}
.cover-secondary-link{margin-top:18px;font-size:.9rem;font-weight:700;text-underline-offset:4px;color:var(--accent)}
.home-ad-label{display:block;color:var(--muted);font-size:.875rem;font-weight:700;line-height:1.5;margin-bottom:8px}
.home-ad-note{display:block;color:var(--muted);font-size:.8rem;line-height:1.65;margin-top:8px}
.cover-secondary-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px}
.cover-secondary-links .cover-secondary-link{margin-top:0}
.support-art{padding:18px 18px 18px 8px}
.hero-portrait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:7px;aspect-ratio:1.13;overflow:hidden;border-radius:8px}
.hero-portrait-grid img,.support-art .hero-portrait-grid img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.hero-portrait-grid img:first-child{object-position:70% center}
.support-art figcaption{margin-top:9px}
.discovery-home{padding-top:34px}
.adult-interest-kicker{margin:0 0 6px;color:var(--accent);font-size:.875rem;font-weight:700}
.discovery-intro{max-width:48em;margin:0 0 24px;color:var(--muted);font-size:.98rem;line-height:1.8}
.discovery-home .discovery-intro{margin-bottom:18px}
.adult-interest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.adult-interest-card{min-width:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-top:3px solid var(--accent)}
.adult-interest-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.adult-interest-copy{padding:15px 16px 17px}
.adult-interest-card small{display:block;margin-bottom:8px;color:var(--accent);font-size:.8rem;font-weight:700}
.adult-interest-card strong{display:block;color:var(--ink);font-size:1.15rem;line-height:1.5}
.adult-interest-card strong span{color:#a4a0a3;font-weight:400}
.adult-interest-card p{margin:9px 0 0;color:var(--muted);font-size:.85rem;line-height:1.6}
.adult-interest-go{display:block;margin-top:12px;min-height:44px;padding:10px 8px;background:var(--accent);color:#fff!important;text-decoration:none;font-size:.78rem;font-weight:700;line-height:1.35;text-align:center;overflow-wrap:anywhere}
.adult-interest-go:hover{background:#b72825;color:#fff!important}
.adult-interest-names{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;margin:8px 0 0}
.adult-interest-names span{color:var(--accent);font-size:.68rem;font-weight:700}
.adult-interest-names a{color:var(--ink)!important;font-size:.78rem;font-weight:700;line-height:1.45;text-underline-offset:3px}
.article-posts{margin:32px 0 4px;padding-top:22px;border-top:1px solid var(--line)}
.article-posts h2{margin:0 0 8px;font-size:1.35rem;line-height:1.35}
.article-posts > p{margin:0 0 14px}
.article-post-row{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:0 0 12px}
.article-post-row .read-button{margin:0}
.article-post-more{display:flex;flex-wrap:wrap;gap:6px 12px}
.article-post-more a{color:var(--ink)!important;font-size:.84rem;font-weight:700;text-underline-offset:3px}
.person-note{display:inline-block;margin-top:8px;color:var(--muted)!important;font-size:.78rem;font-weight:650;text-underline-offset:3px}
.adult-interest-disclosure{margin:10px 0 0;color:var(--muted);font-size:.76rem;line-height:1.6}
.home-creators{margin-top:34px}
.home-creators .featured-creator h3{margin:8px 0 9px;font-size:1.3rem;line-height:1.45}
.article-body .adult-interest-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:22px 0 0}
.article-body .adult-interest-disclosure{margin:9px 0 24px}
.article-body .discovery-feature{margin:30px 0}
.article-body .discovery-feature img{aspect-ratio:16/9;object-fit:cover}
.discovery-photo-head{margin:34px 0 17px;padding-top:25px;border-top:1px solid var(--line)}
.discovery-photo-head h3{margin:0 0 7px;font-size:1.2rem;line-height:1.5}
.discovery-photo-head p{margin:0 0 4px;color:var(--muted);font-size:.9rem;line-height:1.7}
.discovery-photo-head small{display:block;color:var(--muted);font-size:.76rem;line-height:1.6}
.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.discovery-card{display:flex;flex-direction:column;overflow:hidden;min-width:0;background:#fff;border:1px solid var(--line);border-radius:10px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.discovery-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgb(37 35 41 / .11);color:var(--ink)}
.discovery-photo{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:#efe8e6}
.discovery-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.discovery-copy{display:flex;flex-direction:column;padding:13px 15px 16px;min-height:142px}
.discovery-copy small{font-size:.72rem;line-height:1.4;color:var(--accent);font-weight:700}
.discovery-copy strong{font-size:1.1rem;line-height:1.5;margin:2px 0 3px;color:var(--ink)}
.discovery-copy>span{font-size:.82rem;line-height:1.5;color:var(--muted)}
.discovery-copy em{font-style:normal;font-weight:700;color:var(--accent);font-size:.76rem;margin-top:auto;padding-top:7px}
.discovery-next{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;margin-top:24px;background:var(--wash);border-left:3px solid var(--accent)}
.discovery-next .home-ad-label{margin:0 0 4px}
.discovery-next p{margin:0 0 5px;font-size:1rem;font-weight:700;line-height:1.6}
.discovery-next small{display:block;color:var(--muted);font-size:.8rem;line-height:1.6}
.discovery-next .read-button{flex:none;gap:14px}
.discovery-guide-link{margin:16px 0 0;text-align:right;font-weight:700;font-size:.9rem;color:var(--accent)}
.discovery-guide-link a{text-underline-offset:4px}
.support-options{margin-top:8px;border-top:1px solid var(--line)}
.article-quick-link{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;margin:21px 0 28px;padding:13px 16px;background:#fff5f2;border-left:3px solid var(--accent)}
.article-quick-link .affiliate-label{margin:0;font-size:.8rem}
.article-quick-link a{color:var(--accent);font-size:.95rem;font-weight:700;text-underline-offset:4px}
.article-quick-link small{width:100%;color:var(--muted);font-size:.78rem;line-height:1.6}
.type-cover{background:#d6322d}
.type-main em{color:#ffe1d9}
.archive-cover{background:linear-gradient(180deg,rgba(25,23,27,.18),rgba(25,23,27,.78)),url('/assets/creator-portrait-video.jpg') center 42%/cover}
.motion-story{background:#252329}
.person-profile{background:#fffafa}
.cost-calculator{background:#fff6f4}
.calculator-fields input{border-color:#d7c8c8}
.calculator-fields input:focus{outline-color:#f2a09c}
.article-body .discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0 30px}
.article-body .discovery-copy{min-height:142px}
.article-body .genre-more-label{font-size:.85rem;font-weight:700;margin:0 0 11px;color:var(--muted)}
.genre-chips{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 37px}
.genre-chips a,.genre-chips span{display:inline-flex;align-items:center;min-height:37px;padding:6px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)!important;text-decoration:none;font-size:.84rem;font-weight:650;line-height:1.5}
.genre-chips a:hover{border-color:var(--accent);color:var(--accent)!important}
article.discovery-card:hover{transform:none;box-shadow:none}
@media(max-width:800px){
  .adult-interest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .discovery-grid{gap:12px}
  .support-cover .cover-copy{padding:28px 24px}
}
@media(max-width:650px){
  .wrap{padding-left:20px;padding-right:20px;overflow-x:clip}
  .header-inner{min-height:0;gap:4px 8px;min-width:0;flex-wrap:wrap;align-items:flex-end;padding-top:10px;padding-bottom:8px}
  .brand{font-size:1.45rem;flex:none}
  .nav{gap:12px;font-size:.78rem;min-width:0;flex:1 0 100%}
  .nav a{white-space:nowrap}
  .nav a:last-child{display:none}
  .support-cover{grid-template-columns:minmax(0,1fr)}
  .support-art,.cover-copy,.hero-portrait-grid{min-width:0;max-width:100%}
  .hero-portrait-grid{overflow:hidden}
  .hero-portrait-grid img{min-width:0;max-width:100%}
  .support-cover .support-art{padding:10px 10px 0}
  .support-art .hero-portrait-grid{aspect-ratio:1.2}
  .support-cover .cover-copy{padding:21px 20px 25px}
  .support-cover .cover-copy h1{font-size:1.95rem}
  .edition-line{margin-bottom:15px}
  .discovery-home{padding-top:24px}
  .adult-interest-grid{gap:9px}
  .adult-interest-copy{padding:12px 11px 14px}
  .adult-interest-card strong{font-size:1.04rem}
  .adult-interest-card p{font-size:.78rem}
  .discovery-photo-head{margin-top:26px;padding-top:20px}
  .discovery-grid,.article-body .discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .discovery-copy,.article-body .discovery-copy{padding:10px 10px 12px;min-height:139px}
  .discovery-copy strong{font-size:.94rem}
  .discovery-copy>span{font-size:.74rem}
  .discovery-copy em{font-size:.7rem}
  .discovery-next{flex-direction:column;align-items:stretch;gap:15px;padding:18px;margin-top:18px}
  .discovery-next .read-button{justify-content:center}
  .support-options{padding-top:11px}
}
@media(prefers-reduced-motion:reduce){.discovery-card{transition:none}.discovery-card:hover{transform:none}}
