/* ═══ Press & media kit (/media) — pages/media.php ═══ */
.md-hero{background:radial-gradient(800px 360px at 85% 0%,rgba(255,176,26,.22),transparent 62%),linear-gradient(160deg,var(--forest) 0%,var(--forest-2) 100%);color:#fff;padding:52px 0 56px;overflow:hidden}
.md-hero-in{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:36px;align-items:center}
.md-hero h1{color:#fff;font-size:clamp(34px,5vw,56px);margin:12px 0 14px}
.md-hero .lead{color:rgba(255,255,255,.86);font-size:18px;max-width:600px}
.md-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(190,242,100,.16);color:var(--lime);font-weight:700;font-size:13px;letter-spacing:.02em}
.md-hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.md-hero-cta small{font-weight:600;opacity:.75;font-size:12.5px}
.md-ghost{color:#fff}
.md-ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.md-hero-logo{display:flex;justify-content:center}
.md-hero-logo img{width:min(260px,60vw);height:auto;filter:drop-shadow(0 18px 40px rgba(0,0,0,.35));animation:mdspin 1.2s cubic-bezier(.2,.8,.2,1) both}
@keyframes mdspin{from{transform:scale(.85) rotate(-25deg);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.md-hero-logo img{animation:none}}

.md-body{padding-bottom:56px}
.md-toc{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0 4px;position:sticky;top:var(--hdr);z-index:5;background:var(--paper);padding:10px 0}
.md-toc a{padding:6px 12px;border-radius:999px;font-weight:600;font-size:14px;color:var(--ink-2);background:#fff;border:1px solid var(--line)}
.md-toc a:hover{border-color:var(--leaf);color:var(--forest)}
.md-sec{margin:40px 0;scroll-margin-top:calc(var(--hdr) + 64px)}
.md-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.md-sec-h h2{margin:0}
.md-sec-h p{margin:0}

.md-facts{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.md-facts li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;display:flex;flex-direction:column;gap:2px}
.md-facts i{color:var(--leaf);font-size:17px;margin-bottom:6px}
.md-facts b{font:800 28px/1.05 var(--display);letter-spacing:-.02em;color:var(--forest)}
.md-facts span{color:var(--ink-2);font-size:14px}
.md-dl{display:grid;grid-template-columns:170px minmax(0,1fr);gap:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:0}
.md-dl dt,.md-dl dd{padding:12px 18px;border-top:1px solid var(--line-2);margin:0}
.md-dl dt:first-of-type,.md-dl dt:first-of-type+dd{border-top:0}
.md-dl dt{font-weight:700;color:var(--ink);background:var(--paper)}
.md-dl dd{color:var(--ink-2)}

.md-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:14px}
.md-copy-box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.md-copy-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.md-copy-box p{margin:0;color:var(--ink-2);line-height:1.6}
.md-copy-box .is-copied{background:var(--mint);border-color:var(--leaf);color:var(--forest)}

.md-files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.md-file{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.md-file:hover{border-color:var(--leaf);box-shadow:var(--sh-2);color:var(--ink)}
.md-file-prev{flex:0 0 auto;width:72px;height:72px;border-radius:12px;display:flex;align-items:center;justify-content:center;background-color:#fff;background-image:linear-gradient(45deg,#EEEAE0 25%,transparent 25%,transparent 75%,#EEEAE0 75%),linear-gradient(45deg,#EEEAE0 25%,transparent 25%,transparent 75%,#EEEAE0 75%);background-size:14px 14px;background-position:0 0,7px 7px;overflow:hidden}
.md-prev-dark,.md-prev-white{background-image:none}
.md-prev-dark{background:var(--forest)}
.md-file-prev img{width:58px;height:58px;object-fit:contain}
.md-prev-dark img,.md-prev-white img{width:72px;height:72px}
.md-file-i{flex:1;min-width:0;display:flex;flex-direction:column}
.md-file-i small{color:var(--muted);font-size:13px}
.md-file-dl{color:var(--leaf-2)}

.md-colors{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.md-color{display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;cursor:pointer;font:inherit;color:inherit;transition:transform .15s,box-shadow .15s}
.md-color:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}
.md-color:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
.md-color-sw{display:flex;flex-direction:column;justify-content:flex-end;gap:2px;height:110px;padding:12px;background:var(--bg);color:var(--fg)}
.md-color-sw b{font-size:15px}
.md-color-sw code{font:600 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;background:none;padding:0;color:inherit;opacity:.9}
.md-color-i{padding:10px 12px;font-size:12.5px;color:var(--ink-2);line-height:1.4}
.md-color.is-copied .md-color-sw code::after{content:" ✓"}
.md-type{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.md-type>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 18px}
.md-type-sample{grid-row:span 2;font-size:44px;line-height:1;color:var(--forest)}
.md-fraunces{font-family:var(--display);font-weight:800}
.md-inter{font-family:var(--ui);font-weight:700}
.md-type b{font-size:16px}
.md-type small{color:var(--muted)}

.md-dodont{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:6px 0 12px}
.md-do,.md-dont{border-radius:var(--r);padding:18px 20px}
.md-do{background:var(--mint)}
.md-dont{background:#FFF1F2}
.md-do h3,.md-dont h3{font:700 17px/1.3 var(--ui);display:flex;align-items:center;gap:8px}
.md-do h3 i{color:var(--leaf-2)}
.md-dont h3 i{color:var(--berry)}
.md-do ul,.md-dont ul{margin:0;padding-left:20px;display:grid;gap:6px;color:var(--ink-2)}

.md-contact-in{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:center;background:var(--forest);color:#fff;border-radius:var(--r-l);padding:30px 32px}
.md-contact h2{color:#fff}
.md-contact p{color:rgba(255,255,255,.85);max-width:560px}
.md-contact .btn-primary{background:var(--lime);color:var(--forest-2)}
.md-links{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.md-links a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-weight:600}
.md-links a:hover{background:rgba(255,255,255,.16);color:#fff}
.md-links i{color:var(--lime);width:18px;text-align:center}

@media (max-width:960px){
  .md-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md-files{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md-colors{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md-copy,.md-contact-in{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .md-hero{padding:32px 0 36px}
  .md-hero-in{grid-template-columns:minmax(0,1fr)}
  .md-hero-logo{order:-1;justify-content:flex-start}
  .md-hero-logo img{width:110px}
  .md-files,.md-dodont,.md-type{grid-template-columns:minmax(0,1fr)}
  .md-colors{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md-dl{grid-template-columns:minmax(0,1fr)}
  .md-dl dt{border-top:1px solid var(--line-2)}
  .md-dl dd{border-top:0;padding-top:4px}
  .md-contact-in{padding:22px 20px}
  .md-toc{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .md-toc a{white-space:nowrap}
}