/* Media kit com a estética do biosite: fundo preto, dragão, cards aquarelados e botões arredondados.
   Folha independente (não depende de orion.css); fontes locais as mesmas do biosite. */
@font-face{font-family:Cinzel;src:url('/fonts/web/cinzel-latin-400-normal.woff2') format('woff2');font-display:swap}
@font-face{font-family:Poppins;src:url('/fonts/web/poppins-latin-400-normal.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Cinzel Decorative';src:url('/fonts/web/cinzel-decorative-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}

:root{color-scheme:dark;--ink:#050505;--paper:#fff3dd;--gold:#e5c28a;--gold-soft:#f2d5a4;--muted:#d6ddd7;--line:#e5c28a45;--card:#11191b}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:16px}
body.mk{margin:0;background:var(--ink);color:var(--paper);font:15px/1.6 Poppins,sans-serif}
.mk a{color:inherit;text-decoration:none;touch-action:manipulation}
.mk a:focus-visible{outline:3px solid #ffe2a6;outline-offset:4px}
:where(.mk) :is(h1,h2,h3,p,ul){margin:0}
:where(.mk) ul{list-style:none;padding:0}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.mk-skip{position:absolute;top:-100px;left:12px;z-index:10;background:var(--paper);color:var(--ink)!important;padding:12px}
.mk-skip:focus{top:12px}
.mk-page{max-width:1040px;margin:0 auto;padding:0 16px 8px}

/* Topo: o mesmo dragão azul do biosite. */
.mk-hero{position:relative;isolation:isolate;margin:0 -16px;padding:18px 24px 26px;text-align:center;background:url('/biosite/assets/dragon-blue-900.webp') 62% top/auto 300px no-repeat}
.mk-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#05050522 0,#05050533 175px,#050505cc 218px,var(--ink) 292px)}
.mk-brand{display:inline-flex;flex-direction:column;justify-content:center;min-height:44px;font-family:'Cinzel Decorative',Georgia,serif;line-height:1.15;text-shadow:0 2px 14px #001c29}
.mk-brand span{font-size:8px;letter-spacing:2px}
.mk-brand strong{font-size:24px;letter-spacing:5px;font-weight:400}
.mk-eyebrow{margin-top:118px;color:var(--gold);font-size:10px;letter-spacing:1.6px;text-transform:uppercase}
.mk-hero h1{margin-top:6px;font-family:'Cinzel Decorative',Georgia,serif;font-weight:400;font-size:30px;line-height:1.2}
.mk-role{margin-top:6px;font-family:Cinzel,Georgia,serif;font-size:15px;color:#efd19a}
.mk-response{margin-top:12px;font-size:12px;color:var(--muted)}
.mk-response:before{content:'◷ ';color:var(--gold)}
.mk-clock{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:2px 6px;margin-top:8px;padding:6px 14px;border:1px solid var(--line);border-radius:20px;background:var(--card);font-size:12px;color:var(--muted)}
.mk-clock[hidden]{display:none}
.mk-clock strong{font-weight:400;color:var(--gold-soft);font-variant-numeric:tabular-nums}

/* Botões: dourado para a ação principal, contorno para as demais (iguais aos do biosite). */
.mk-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}
.mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:10px 22px;border-radius:14px;font-size:14px;line-height:1.3;text-align:center;transition:filter .2s,border-color .2s,background .2s}
.mk-btn-primary{border:1px solid #ffe4b1;background:linear-gradient(120deg,#f0d6a0,#d3ab6d);color:#172d2d!important;box-shadow:0 6px 20px #0008}
.mk-btn-primary:hover{filter:brightness(1.08)}
.mk-btn-outline{border:1px solid #e5c28aa6;background:var(--card);color:var(--gold-soft)!important;box-shadow:0 6px 16px #000c}
.mk-btn-outline:hover{border-color:var(--gold);background:#182326}

/* Menu de seções em pílulas, para achar rápido o que interessa. */
.mk-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:4px 0 8px}
.mk-menu a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:22px;background:var(--card);font-size:13px;color:var(--muted)}
.mk-menu a:hover{border-color:var(--gold);color:var(--gold-soft)}

/* Seções curtas: rótulo pequeno + título, como os atos do biosite. */
main{display:grid;gap:14px}
.mk-section{padding:34px 0 10px}
.mk-label{display:block;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold-soft)}
.mk-section>h2,.mk-card>h2{margin-top:4px;font-family:'Cinzel Decorative',Georgia,serif;font-weight:400;font-size:21px;line-height:1.3}
.mk h3{font-family:Cinzel,Georgia,serif;font-weight:400;font-size:16px;line-height:1.35}
.mk-source{margin-top:12px;font-size:11px;color:var(--muted)}

/* Números em cards. */
.mk-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.mk-stat{padding:16px 14px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.mk-stat strong{display:block;font:400 28px/1.15 Cinzel,Georgia,serif;color:var(--gold);white-space:nowrap}
.mk-stat span{display:block;margin-top:6px;font-size:12px;line-height:1.45;color:var(--muted)}
.mk-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.mk-chips li{padding:6px 12px;border:1px solid var(--line);border-radius:20px;font-size:12px;color:var(--muted)}

/* Cards com fundo aquarelado, como os livros do biosite. */
.mk-card{position:relative;isolation:isolate;overflow:hidden;padding:22px 18px;border:1px solid var(--line);border-radius:18px;background:#0c3038;box-shadow:0 10px 26px #0008}
.mk-scene{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center}
.mk-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#09272e99,#09272ef2 60%)}
.mk-card-gold{margin-top:20px;border-color:#e5c28aa6;box-shadow:0 0 0 1px #e5c28a33,0 12px 30px #0009}
.mk-card-gold .mk-actions{justify-content:flex-start}
.mk-ticks{display:grid;gap:8px;margin-top:14px}
.mk-ticks li{position:relative;padding-left:20px;font-size:14px;line-height:1.55}
.mk-ticks li:before{content:'✦';position:absolute;left:0;top:1px;color:var(--gold);font-size:11px}

/* Audiência: barras finas. */
.mk-stats-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mk-stats-3 .mk-stat strong{font-size:22px}
.mk-panels{display:grid;gap:10px;margin-top:10px}
.mk-panel{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.mk-bar-row{display:grid;grid-template-columns:1fr auto;gap:4px;margin-top:10px;font-size:12px}
.mk-bar-row strong{font-weight:400;color:var(--gold-soft)}
.mk-bar{grid-column:1/-1;height:4px;border-radius:4px;background:#ffffff14}
.mk-bar span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#d3ab6d,#f0d6a0)}

/* Destaques. */
.mk-featured{display:grid;gap:12px;margin-top:16px;padding:20px 18px;border:1px solid #e5c28aa6;border-radius:18px;background:var(--card)}
.mk-featured h3{margin-top:4px;font-size:19px}
.mk-featured time,.mk-case time{display:block;margin-top:2px;font-size:12px;color:var(--muted)}
.mk-featured-numbers{display:flex;gap:22px;font-size:12px;color:var(--muted)}
.mk-featured-numbers strong{display:block;font:400 30px/1.2 Cinzel,Georgia,serif;color:var(--gold)}
.mk-cases{display:grid;gap:8px;margin-top:10px}
.mk-case{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.mk-case img{width:48px;height:60px;object-fit:cover;border-radius:6px}
.mk-case>div{flex:1;min-width:0}
.mk-case-title{display:block;font-size:13px}
.mk-case-numbers{text-align:right;font-size:11px;line-height:1.5;color:var(--muted)}
.mk-case-numbers strong{font:400 16px Cinzel,Georgia,serif;color:var(--gold-soft)}
.mk-text-link{display:inline-block;padding:12px 0;margin:-8px 0 -12px;font-size:12px;color:var(--gold-soft)!important;text-decoration:underline!important;text-underline-offset:4px}

/* O que eu crio. */
.mk-pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.mk-pillars li{padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.mk-pillars strong{display:block;font:400 14px/1.35 Cinzel,Georgia,serif;color:var(--gold-soft)}
.mk-pillars span{display:block;margin-top:6px;font-size:12px;line-height:1.5;color:var(--muted)}

/* Parcerias: três cards ilustrados. */
.mk-groups{display:grid;gap:12px;margin-top:16px}
.mk-group{padding:20px 18px}
.mk-group:nth-child(2):after{background:linear-gradient(180deg,#191d3299,#191d32f2 60%)}
.mk-group:nth-child(3):after{background:linear-gradient(180deg,#23342d99,#23342df2 60%)}
.mk-group h3{font-family:'Cinzel Decorative',Georgia,serif;font-size:17px}
.mk-group ul{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.mk-group li{padding:5px 11px;border:1px solid var(--line);border-radius:16px;background:#000a;font-size:12px}
.mk-transparency{margin-top:16px;padding:12px 14px;border-left:2px solid var(--gold);border-radius:0 12px 12px 0;background:var(--card);font-size:13px;line-height:1.55}
#collaborations .mk-actions{justify-content:flex-start}

/* Autora e contato. */
.mk-divider{display:flex;align-items:center;justify-content:center;gap:16px;height:64px}
.mk-divider span{width:56px;height:1px;background:linear-gradient(90deg,transparent,var(--line))}
.mk-divider span:last-child{transform:rotate(180deg)}
.mk-divider img{width:44px;height:44px;object-fit:contain}
.mk-author,.mk-contact{text-align:center}
.mk-portrait{display:block;width:96px;height:96px;margin:8px auto 14px;border-radius:50%;object-fit:cover;object-position:50% 22%;border:1px solid #e5c28aa6}
.mk-author>p,.mk-contact>p{max-width:520px;margin:10px auto 0;font-size:14px;color:var(--muted)}
.mk-books{display:flex;justify-content:center;gap:12px;margin-top:18px}
.mk-books a{display:block;width:78px;font-size:11px;color:var(--muted)}
.mk-books img{display:block;width:100%;height:auto;margin-bottom:6px;border:1px solid #eed19f66;box-shadow:6px 8px 18px #0009}
.mk-contact .mk-actions{justify-content:center}
.mk-email{display:inline-block;min-height:44px;padding:12px 4px;margin-top:6px;font-size:14px;overflow-wrap:anywhere;text-decoration:underline!important;text-decoration-color:var(--line)!important;text-underline-offset:4px}
.mk-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;margin-top:30px;padding:18px 4px 8px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);text-align:center}
.mk-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 16px}
.mk-footer nav a{display:inline-flex;align-items:center;min-height:44px}

/* Celulares estreitos. */
@media(max-width:374px){.mk-stat strong{font-size:24px}.mk-stats-3 .mk-stat strong{font-size:18px}.mk-hero h1{font-size:27px}}

/* Telas maiores: mesma estética, mais colunas. */
@media(min-width:768px){
 .mk-hero{margin:0;border-radius:0 0 22px 22px;padding-bottom:40px;background-image:url('/biosite/assets/dragon-blue-1600.webp');background-size:cover;background-position:center 40%}
 .mk-hero:before{background:linear-gradient(180deg,#05050511 0,#05050533 45%,#050505d9 75%,var(--ink) 100%)}
 .mk-eyebrow{margin-top:170px}
 .mk-hero h1{font-size:44px}
 .mk-role{font-size:18px}
 .mk-section>h2,.mk-card>h2{font-size:28px}
 .mk-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
 .mk-stats-3{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mk-stat strong{font-size:36px}
 .mk-card{padding:34px}
 .mk-card:after{background:linear-gradient(90deg,#09272e88,#09272ef0 60%)}
 .mk-panels{grid-template-columns:1fr 1fr}
 .mk-pillars{grid-template-columns:repeat(4,minmax(0,1fr))}
 .mk-groups{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mk-cases{grid-template-columns:1fr 1fr}
 .mk-featured{grid-template-columns:1fr auto;align-items:center;padding:28px 30px}
 .mk-books a{width:110px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}