
:root{
  --bg:#050200;
  --bg-soft:#0a0603;
  --panel:rgba(11,7,4,.74);
  --panel-2:rgba(21,13,7,.68);
  --panel-3:rgba(39,25,14,.34);
  --gold:#e6c67a;
  --gold-soft:#f0d997;
  --gold-deep:#b98a3a;
  --bronze:#c27a4b;
  --cream:#f8e8be;
  --text:#f3e6c8;
  --muted:rgba(243,230,200,.74);
  --line:rgba(230,198,122,.22);
  --line-2:rgba(230,198,122,.12);
  --shadow:0 26px 90px rgba(0,0,0,.52);
  --shadow-strong:0 36px 120px rgba(0,0,0,.72);
  --radius:32px;
  --serif: Georgia, 'Times New Roman', serif;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#000}
body{margin:0;color:var(--text);font-family:var(--serif);background:
 radial-gradient(circle at 75% 12%, rgba(230,198,122,.12), transparent 26%),
 radial-gradient(circle at 18% 18%, rgba(194,122,75,.08), transparent 22%),
 linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.88)),
 url('site-images/v81/v81_bg_hero_library_ruins.png') center top/cover fixed no-repeat; overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:
 linear-gradient(90deg, rgba(0,0,0,.84), transparent 12%, transparent 88%, rgba(0,0,0,.84)),
 radial-gradient(circle at 50% 50%, transparent 0 58%, rgba(0,0,0,.28) 100%),
 repeating-linear-gradient(0deg, rgba(255,255,255,.012) 0 1px, transparent 1px 4px);
}
a{color:inherit} ::selection{background:rgba(230,198,122,.28);color:#fff}
.premium-progress{position:fixed;inset:0 auto auto 0;height:4px;width:0;z-index:100000;background:linear-gradient(90deg,var(--bronze),var(--gold),#fff0b7);box-shadow:0 0 30px rgba(230,198,122,.55)}

/* header */
.topbar{position:sticky!important;top:0;z-index:9999;display:flex;gap:24px;align-items:center;justify-content:space-between;padding:14px clamp(16px,4vw,72px)!important;background:linear-gradient(180deg, rgba(6,3,2,.94), rgba(6,3,2,.70))!important;backdrop-filter:blur(18px) saturate(1.15);border-bottom:1px solid var(--line)!important;box-shadow:0 20px 60px rgba(0,0,0,.42)!important}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none!important;color:var(--gold)!important;font:900 clamp(1rem,1vw,1.2rem)/1 var(--sans);letter-spacing:.11em;text-transform:uppercase}
.logo::before{content:'';width:36px;height:36px;border-radius:50%;border:1px solid rgba(230,198,122,.42);background:radial-gradient(circle, rgba(230,198,122,.28), transparent 45%);box-shadow:0 0 24px rgba(230,198,122,.12)}
.nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.nav a{text-decoration:none!important;color:rgba(248,232,190,.76)!important;padding:11px 14px;border-radius:999px;font:800 .78rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;border:1px solid transparent}
.nav a:hover,.nav a.active{border-color:var(--line);background:rgba(230,198,122,.08);color:var(--gold)!important}

/* hero */
.hero-supreme{position:relative;min-height:min(94vh,940px);display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:end;padding:clamp(84px,9vw,140px) clamp(16px,5vw,92px) clamp(36px,5vw,54px)!important;background:
 linear-gradient(90deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.54) 42%, rgba(0,0,0,.72) 100%),
 url('site-images/v81/v81_bg_hero_library_ruins.png') center center/cover no-repeat}
.hero-supreme::after{content:'';position:absolute;right:4vw;top:12vh;width:min(36vw,540px);height:min(36vw,540px);border-radius:50%;border:1px solid rgba(230,198,122,.14);background:conic-gradient(from 0deg, rgba(230,198,122,.08), transparent 20%, rgba(230,198,122,.04) 42%, transparent 60%, rgba(230,198,122,.07));filter:blur(.2px)}
.hero-badge{display:inline-flex;gap:12px;align-items:center;color:var(--bronze);font:900 .74rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}
.hero-badge::before{content:'';width:42px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.hero-supreme h1{font-size:clamp(3.6rem,9vw,8.8rem)!important;line-height:.82!important;letter-spacing:-.08em;margin:0 0 20px!important;color:var(--gold)!important;text-shadow:0 15px 70px rgba(0,0,0,.88)}
.hero-supreme .lead{max-width:860px;font-size:clamp(1.1rem,1.6vw,1.62rem);line-height:1.55;color:rgba(248,232,190,.88);margin:0 0 26px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn-main,.btn-alt{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;font:900 .78rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 48px rgba(0,0,0,.32)}
.btn-main{background:linear-gradient(135deg,var(--gold),#f7dfa0);color:#120c06!important}
.btn-alt{background:rgba(0,0,0,.35);color:var(--gold)!important;border-color:var(--line)}
.hero-side{position:relative;z-index:2;display:grid;gap:16px;align-self:center}
.hero-panel{padding:22px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg, rgba(7,4,2,.78), rgba(17,11,7,.56));backdrop-filter:blur(12px);box-shadow:var(--shadow)}
.hero-panel strong{display:block;color:var(--gold);font:900 2.5rem/1 var(--sans)}
.hero-panel span{display:block;margin-top:8px;color:var(--muted);font:800 .72rem/1.5 var(--sans);text-transform:uppercase;letter-spacing:.10em}
.hero-panel p{margin:10px 0 0;color:rgba(248,232,190,.82);line-height:1.55}

.section-shell{padding:clamp(54px,6vw,100px) clamp(16px,5vw,92px)!important;position:relative}
.section-shell::before{content:'';position:absolute;inset:26px clamp(10px,3vw,42px);border-radius:40px;border:1px solid rgba(230,198,122,.08);background:linear-gradient(180deg, rgba(12,8,5,.15), rgba(0,0,0,.08));pointer-events:none}
.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;flex-wrap:wrap;margin-bottom:28px}
.section-head h2{margin:0;color:var(--gold);font-size:clamp(2.3rem,5vw,5rem);line-height:.9;letter-spacing:-.05em}
.section-head p{margin:0;max-width:820px;color:var(--muted);font-size:1.08rem;line-height:1.65}
.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--bronze);font:900 .7rem/1 var(--sans);text-transform:uppercase;letter-spacing:.18em;margin-bottom:10px}
.kicker::before{content:'';width:32px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}

.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
.info-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.stat-tile{padding:24px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(180deg, rgba(0,0,0,.42), rgba(24,15,8,.54));box-shadow:var(--shadow)}
.stat-tile strong{display:block;color:var(--gold);font:900 clamp(2.2rem,3vw,4.8rem)/.95 var(--sans)}
.stat-tile span{display:block;margin-top:8px;color:var(--muted);font:800 .72rem/1.45 var(--sans);letter-spacing:.11em;text-transform:uppercase}
.manifesto{padding:26px 30px;border-radius:32px;border:1px solid var(--line);background:
 linear-gradient(180deg, rgba(15,10,6,.84), rgba(5,3,2,.70)),
 url('site-images/v81/v81_bg_maps_diagrams.png') center/cover no-repeat;box-shadow:var(--shadow-strong)}
.manifesto h3{margin:0 0 14px;color:var(--gold);font-size:clamp(2rem,3.2vw,3.6rem);line-height:.94}
.manifesto p{margin:0;color:rgba(248,232,190,.85);line-height:1.72;font-size:1.08rem}

.article-list,.theme-grid,.mini-grid{display:grid;gap:20px}
.article-list{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.theme-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.mini-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.supreme-card,.theme-card,.mini-card{position:relative;overflow:hidden;min-height:320px;padding:28px;border:1px solid var(--line)!important;border-radius:30px;background:linear-gradient(180deg, rgba(10,6,3,.32), rgba(0,0,0,.92));text-decoration:none!important;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow);isolation:isolate}
.supreme-card::before,.theme-card::before,.mini-card::before{content:'';position:absolute;inset:0;z-index:-2;opacity:.34;transition:.45s ease;background-position:center;background-size:cover;background-image:url('site-images/img02_estudo_manuscritos.png');filter:sepia(.35) saturate(.95) contrast(1.04) brightness(.84)}
.supreme-card::after,.theme-card::after,.mini-card::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg, rgba(0,0,0,.00), rgba(0,0,0,.55) 52%, rgba(0,0,0,.94)),linear-gradient(90deg, rgba(0,0,0,.24), transparent 40%, rgba(0,0,0,.20)),radial-gradient(circle at 10% 100%, rgba(230,198,122,.16), transparent 40%)}
.supreme-card:hover,.theme-card:hover,.mini-card:hover{transform:translateY(-7px);box-shadow:0 30px 110px rgba(0,0,0,.68);border-color:rgba(230,198,122,.46)!important}
.supreme-card:hover::before,.theme-card:hover::before,.mini-card:hover::before{transform:scale(1.05);opacity:.44}
.supreme-card span,.theme-card span,.mini-card span{display:block;color:var(--bronze);font:900 .69rem/1.35 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}
.supreme-card h3,.theme-card h3,.mini-card h3{margin:0 0 12px;color:var(--gold);font-size:clamp(1.35rem,1.6vw,1.95rem);line-height:1.04;text-shadow:0 5px 20px rgba(0,0,0,.85)}
.supreme-card p,.theme-card p,.mini-card p{margin:0;color:rgba(248,232,190,.82);line-height:1.58}
.supreme-card em,.mini-card em{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--gold-soft);font:800 .75rem/1 var(--sans);text-transform:uppercase;letter-spacing:.09em;font-style:normal}
.supreme-card em::after,.mini-card em::after{content:'→';font-size:1rem}
.article-list>.supreme-card:nth-child(8n+1)::before,.mini-grid>.mini-card:nth-child(8n+1)::before,.theme-grid>.theme-card:nth-child(8n+1)::before{background-image:url('site-images/img01_artefatos_iluminados.png')}
.article-list>.supreme-card:nth-child(8n+2)::before,.mini-grid>.mini-card:nth-child(8n+2)::before,.theme-grid>.theme-card:nth-child(8n+2)::before{background-image:url('site-images/img02_estudo_manuscritos.png')}
.article-list>.supreme-card:nth-child(8n+3)::before,.mini-grid>.mini-card:nth-child(8n+3)::before,.theme-grid>.theme-card:nth-child(8n+3)::before{background-image:url('site-images/img04_escavacao_entardecer.png')}
.article-list>.supreme-card:nth-child(8n+4)::before,.mini-grid>.mini-card:nth-child(8n+4)::before,.theme-grid>.theme-card:nth-child(8n+4)::before{background-image:url('site-images/img07_manuscritos_calculos.png')}
.article-list>.supreme-card:nth-child(8n+5)::before,.mini-grid>.mini-card:nth-child(8n+5)::before,.theme-grid>.theme-card:nth-child(8n+5)::before{background-image:url('site-images/img08_estudo_arqueologico.png')}
.article-list>.supreme-card:nth-child(8n+6)::before,.mini-grid>.mini-card:nth-child(8n+6)::before,.theme-grid>.theme-card:nth-child(8n+6)::before{background-image:url('site-images/img10_confronto_livros.png')}
.article-list>.supreme-card:nth-child(8n+7)::before,.mini-grid>.mini-card:nth-child(8n+7)::before,.theme-grid>.theme-card:nth-child(8n+7)::before{background-image:url('site-images/img11_descoberta_arqueologica.png')}
.article-list>.supreme-card:nth-child(8n+8)::before,.mini-grid>.mini-card:nth-child(8n+8)::before,.theme-grid>.theme-card:nth-child(8n+8)::before{background-image:url('site-images/img14_manuscritos_lupa.png')}

.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.feature-box{padding:24px 26px;border-radius:30px;border:1px solid var(--line);background:linear-gradient(180deg, rgba(7,4,2,.80), rgba(20,13,7,.62));box-shadow:var(--shadow)}
.feature-box h3{margin:0 0 12px;color:var(--gold);font-size:1.7rem;line-height:1.05}
.feature-box p{margin:0;color:rgba(248,232,190,.82);line-height:1.72}

/* pages generic */
.page-hero{position:relative;min-height:460px;padding:clamp(86px,9vw,140px) clamp(16px,5vw,92px) 48px!important;display:flex;align-items:end;background:linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.50) 45%, rgba(0,0,0,.72)), url('site-images/v81/v81_bg_scholarly_atmosphere.png') center/cover no-repeat}
.page-hero h1{margin:0;color:var(--gold);font-size:clamp(3rem,7vw,6.9rem);line-height:.86;letter-spacing:-.06em}
.page-hero p{max-width:860px;color:rgba(248,232,190,.84);font-size:1.12rem;line-height:1.68;margin:18px 0 0}

.filter-ribbon{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:24px 0 34px;padding:16px;border-radius:24px;border:1px solid var(--line);background:rgba(0,0,0,.28);backdrop-filter:blur(10px)}
.filter-ribbon input{flex:1;min-width:260px;min-height:52px;border-radius:999px;border:1px solid var(--line);background:rgba(0,0,0,.48);color:#fff1cb;padding:0 20px;font-size:1rem;outline:none}
.filter-ribbon button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:rgba(230,198,122,.06);color:var(--muted);font:800 .68rem/1 var(--sans);text-transform:uppercase;letter-spacing:.09em;cursor:pointer}
.filter-ribbon button.active,.filter-ribbon button:hover{background:linear-gradient(135deg,var(--gold),#f3db98);color:#140d06}

/* article page supreme */
.article-hero{padding:clamp(88px,10vw,140px) clamp(16px,5vw,92px) 40px!important;display:grid;grid-template-columns:.95fr 1.05fr;gap:28px;align-items:end;min-height:460px;background:linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.44) 48%, rgba(0,0,0,.70))}
.article-hero-img{min-height:340px;border-radius:34px;background-size:cover!important;background-position:center!important;border:1px solid var(--line)!important;box-shadow:var(--shadow-strong)}
.article-hero .badge,.article .badge,.meta-chip{display:inline-flex;align-items:center;gap:9px;color:var(--bronze);font:900 .70rem/1 var(--sans);text-transform:uppercase;letter-spacing:.16em;margin-bottom:14px}
.article-hero .badge::before,.article .badge::before,.meta-chip::before{content:'';width:24px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.article-hero h1{margin:0;color:var(--gold)!important;font-size:clamp(2.5rem,5vw,5.8rem)!important;line-height:.88!important;letter-spacing:-.055em}
.article-hero .subtitle{margin:18px 0 0;max-width:920px;color:rgba(248,232,190,.84);font-size:1.12rem;line-height:1.68}
.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start;width:min(1480px,calc(100% - 24px));margin:0 auto 90px}
.article-main{min-width:0}
.article{width:100%!important;margin:0!important;padding:34px clamp(22px,3vw,54px)!important;border-radius:36px;border:1px solid var(--line)!important;background:linear-gradient(180deg, rgba(11,7,4,.84), rgba(3,2,1,.84));box-shadow:var(--shadow-strong);backdrop-filter:blur(12px);position:relative}
.article::before{content:'';position:absolute;inset:18px;border:1px solid rgba(230,198,122,.08);border-radius:24px;pointer-events:none}
.article h1{display:none}
.article h2{margin:48px 0 16px!important;padding-top:10px;border-top:1px solid var(--line-2);color:var(--gold)!important;font-size:clamp(1.7rem,2.5vw,3rem)!important;line-height:1.03!important;letter-spacing:-.03em}
.article h3{color:var(--gold-soft)!important;font-size:clamp(1.2rem,1.6vw,1.5rem)!important;line-height:1.14}
.article p,.article li{font-size:clamp(1.03rem,1.08vw,1.18rem)!important;line-height:1.9!important;color:rgba(248,232,190,.88)!important}
.article p:first-of-type::first-letter{font-size:3.2em;float:left;line-height:.8;padding-right:10px;color:var(--gold)}
.article blockquote{margin:28px 0;padding:20px 24px;border-left:3px solid rgba(230,198,122,.78);border-radius:0 20px 20px 0;background:rgba(0,0,0,.35);color:rgba(248,232,190,.9)}
.article ul,.article ol{padding-left:1.5em}
.study-summary{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin:12px 0 24px}
.summary-card,.meta-card{padding:22px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg, rgba(230,198,122,.07), rgba(0,0,0,.18));box-shadow:inset 0 0 60px rgba(230,198,122,.02)}
.summary-card h3,.meta-card h3{margin:0 0 12px;color:var(--gold)!important;font-size:1.18rem!important;text-transform:uppercase;letter-spacing:.10em;font-family:var(--sans)}
.summary-card p{margin:0!important;font-size:1.02rem!important;line-height:1.78!important}
.meta-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.meta-item{padding:12px 14px;border:1px solid var(--line-2);border-radius:16px;background:rgba(0,0,0,.22)}
.meta-item span{display:block;color:var(--muted);font:800 .64rem/1.3 var(--sans);letter-spacing:.10em;text-transform:uppercase;margin-bottom:5px}
.meta-item strong{display:block;color:var(--gold-soft);font:800 .96rem/1.35 var(--sans)}
.article-rail{position:sticky;top:96px;display:grid;gap:16px}
.rail-box{padding:20px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg, rgba(10,6,3,.78), rgba(0,0,0,.55));box-shadow:var(--shadow)}
.rail-box h3{margin:0 0 12px;color:var(--gold);font:900 .92rem/1.2 var(--sans);text-transform:uppercase;letter-spacing:.12em}
.rail-box p{margin:0;color:rgba(248,232,190,.82);line-height:1.62;font-size:.96rem}
.rail-box .toc-links a{display:block;text-decoration:none;padding:8px 0;color:rgba(248,232,190,.72);border-bottom:1px solid var(--line-2);font-size:.88rem;line-height:1.3}
.rail-box .toc-links a:hover{color:var(--gold)}
.related-strip{padding-top:34px;margin-top:34px;border-top:1px solid var(--line-2)}
.related-strip h2{border:0!important;padding-top:0!important}

/* search overlay and visitor badge */
.command-launch{position:fixed;right:22px;bottom:24px;z-index:9999;display:inline-flex;align-items:center;gap:10px;padding:0 18px;min-height:54px;border-radius:999px;border:1px solid rgba(230,198,122,.48);background:linear-gradient(135deg, rgba(230,198,122,.18), rgba(4,3,1,.94));color:var(--gold);box-shadow:0 18px 55px rgba(0,0,0,.58);font:900 .76rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(10px)}
.command-launch::before{content:'⌘';font-size:.95rem;opacity:.8}
.visit-badge{position:fixed;left:20px;bottom:20px;z-index:9998;padding:12px 14px;border-radius:18px;border:1px solid var(--line);background:rgba(4,3,1,.72);box-shadow:var(--shadow);backdrop-filter:blur(10px)}
.visit-badge span{display:block;color:var(--muted);font:800 .60rem/1.2 var(--sans);text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}
.visit-badge strong{display:block;color:var(--gold);font:900 1rem/1 var(--sans)}
.command-overlay{position:fixed;inset:0;z-index:10001;display:none;background:rgba(0,0,0,.78);backdrop-filter:blur(12px);padding:5vh 5vw}
.command-overlay.open{display:block}
.command-box{max-width:1100px;margin:0 auto;border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg, rgba(15,9,5,.98), rgba(4,3,1,.98));overflow:hidden;box-shadow:0 40px 130px rgba(0,0,0,.78)}
.command-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;border-bottom:1px solid var(--line-2)}
.command-head h2{margin:0;color:var(--gold);font-size:clamp(2rem,3vw,3.4rem);line-height:.94}
.command-close{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(0,0,0,.32);color:var(--gold);font-size:1.5rem;cursor:pointer}
.command-input-wrap{padding:18px 28px 10px}
.command-input{width:100%;min-height:62px;border-radius:18px;border:1px solid var(--line);background:rgba(0,0,0,.44);color:#fff3ce;padding:0 20px;font-size:1.08rem;outline:none}
.command-results{max-height:58vh;overflow:auto;display:grid;gap:12px;padding:16px 28px 28px}
.command-result{display:block;text-decoration:none;padding:18px;border-radius:18px;border:1px solid var(--line-2);background:rgba(0,0,0,.26)}
.command-result span{display:block;color:var(--bronze);font:900 .68rem/1.2 var(--sans);text-transform:uppercase;letter-spacing:.13em}
.command-result strong{display:block;color:var(--gold);margin:7px 0 8px;font-size:1.18rem;line-height:1.08}
.command-result small{display:block;color:rgba(248,232,190,.76);line-height:1.5}

/* footer */
.footer-supreme{padding:50px clamp(16px,5vw,90px) 90px!important;background:linear-gradient(180deg, rgba(0,0,0,.34), rgba(0,0,0,.94)), url('site-images/v81/v81_bg_hero_library_ruins.png') center bottom/cover no-repeat;border-top:1px solid var(--line);text-align:center}
.footer-supreme h3{margin:0 0 14px;color:var(--gold);font-size:clamp(1.8rem,3vw,3rem)}
.footer-supreme p{max-width:920px;margin:0 auto 16px;color:rgba(248,232,190,.78);line-height:1.7}
.footer-supreme strong{color:var(--gold)}

@media (min-width:1600px){.article-list{grid-template-columns:repeat(5,minmax(0,1fr))}.theme-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1200px){.article-shell{grid-template-columns:1fr}.article-rail{position:relative;top:auto;order:-1}.dashboard-grid,.hero-supreme,.article-hero,.feature-split{grid-template-columns:1fr}}
@media (max-width:900px){body{background-attachment:scroll}.topbar{position:relative!important;flex-direction:column;align-items:flex-start}.nav{width:100%}.nav a{padding:9px 10px;font-size:.72rem}.study-summary{grid-template-columns:1fr}.hero-supreme,.page-hero,.article-hero{padding-left:16px!important;padding-right:16px!important}.hero-panel{padding:18px}.visit-badge{display:none}}
@media (max-width:620px){.hero-supreme h1,.page-hero h1,.article-hero h1{font-size:clamp(2.7rem,15vw,4.6rem)!important}.article-list,.theme-grid,.mini-grid,.info-wall{grid-template-columns:1fr}.meta-list{grid-template-columns:1fr}.article{padding:24px 18px!important}}

@media (max-width:620px){.command-launch{right:14px;bottom:14px;min-height:48px;padding:0 16px;font-size:.72rem}.command-launch::before{font-size:.85rem}}

/* V87 — ajustes da busca completa e contador corrigido */
.command-input::placeholder {
  color: rgba(248,232,190,.55);
}
.command-result small {
  display: block;
  max-height: 5.2em;
  overflow: hidden;
}
.visit-badge span::after {
  content: " • sessão";
}

/* V90 — segurança visual para todas as páginas de tema */
.page-hero .hero-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 24px;
}
.theme-card span {
  color: var(--bronze);
}
body .article-list > a.article-card,
body .theme-grid > a.theme-card {
  text-decoration: none !important;
}


/* ============================================================
   V91 — ACABAMENTO EDITORIAL PREMIUM
   Refinamento final: hierarquia, cards, leitura, mobile, busca e detalhes.
   ============================================================ */

:root {
  --v91-panel-glass: rgba(8, 5, 3, .72);
  --v91-panel-deep: rgba(3, 2, 1, .90);
  --v91-gold-line: rgba(230,198,122,.30);
  --v91-soft-shadow: 0 28px 90px rgba(0,0,0,.48);
}

/* base refinada */
body {
  background-color: #020100 !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body::after {
  opacity: .58 !important;
}

/* header mais editorial */
.topbar {
  min-height: 74px !important;
  border-bottom: 1px solid rgba(230,198,122,.22) !important;
  background:
    linear-gradient(180deg, rgba(6,3,1,.94), rgba(6,3,1,.76)),
    radial-gradient(circle at 50% 0%, rgba(230,198,122,.08), transparent 42%) !important;
}

.logo {
  letter-spacing: .14em !important;
}

.logo::before {
  box-shadow:
    0 0 0 1px rgba(230,198,122,.22),
    0 0 32px rgba(230,198,122,.18),
    inset 0 0 18px rgba(230,198,122,.16) !important;
}

.nav a {
  position: relative;
}

.nav a::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 5px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(230,198,122,.70), transparent);
  opacity: 0;
  transform: scaleX(.4);
  transition: .25s ease;
}

.nav a:hover::after,
.nav a.active::after {
  opacity: 1;
  transform: scaleX(1);
}

/* hero com acabamento cinematográfico */
.hero-supreme,
.page-hero,
.article-hero {
  border-bottom: 1px solid rgba(230,198,122,.18);
}

.hero-supreme::before,
.page-hero::before,
.article-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.74)),
    radial-gradient(circle at 20% 28%, rgba(230,198,122,.12), transparent 30%);
  pointer-events: none;
  z-index: 0;
}

.hero-supreme > *,
.page-hero > *,
.article-hero > * {
  position: relative;
  z-index: 1;
}

.hero-supreme h1,
.page-hero h1,
.article-hero h1 {
  text-wrap: balance;
}

.hero-badge,
.kicker,
.badge {
  text-shadow: 0 2px 12px rgba(0,0,0,.85);
}

/* painéis e estatísticas */
.hero-panel,
.stat-tile,
.manifesto,
.feature-box,
.rail-box,
.summary-card,
.meta-card {
  border-color: rgba(230,198,122,.25) !important;
  background:
    linear-gradient(180deg, rgba(13,8,4,.78), rgba(4,2,1,.76)),
    radial-gradient(circle at 82% 0%, rgba(230,198,122,.09), transparent 34%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    var(--v91-soft-shadow) !important;
}

/* cards mais profissionais */
.supreme-card,
.theme-card,
.mini-card,
.article-card,
.category-card {
  border-radius: 34px !important;
  border: 1px solid rgba(230,198,122,.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 0 90px rgba(230,198,122,.025),
    0 28px 86px rgba(0,0,0,.46) !important;
}

.supreme-card::after,
.theme-card::after,
.mini-card::after {
  background:
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.54) 50%, rgba(0,0,0,.94)),
    radial-gradient(circle at 10% 100%, rgba(230,198,122,.18), transparent 40%),
    linear-gradient(90deg, rgba(0,0,0,.36), transparent 46%, rgba(0,0,0,.26)) !important;
}

.supreme-card h3,
.theme-card h3,
.mini-card h3 {
  text-wrap: balance;
}

.supreme-card p,
.theme-card p,
.mini-card p {
  max-width: 95%;
}

.supreme-card em,
.mini-card em {
  width: fit-content;
  border-top: 1px solid rgba(230,198,122,.30);
  padding-top: 12px;
}

/* cards em telas largas mais elegantes */
@media (min-width: 1200px) {
  .article-list {
    gap: 24px !important;
  }

  .section-shell {
    padding-top: clamp(68px, 7vw, 112px) !important;
    padding-bottom: clamp(68px, 7vw, 112px) !important;
  }
}

/* artigos: leitura mais refinada */
.article {
  background:
    linear-gradient(180deg, rgba(10,6,3,.88), rgba(2,1,0,.86)),
    radial-gradient(circle at 88% 0%, rgba(230,198,122,.07), transparent 35%) !important;
  border-color: rgba(230,198,122,.24) !important;
}

.article p,
.article li {
  color: rgba(248,232,190,.89) !important;
}

.article h2 {
  position: relative;
  padding-left: 18px;
}

.article h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  width: 4px;
  height: 1.25em;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--gold), var(--bronze));
  box-shadow: 0 0 18px rgba(230,198,122,.20);
}

.article blockquote {
  position: relative;
  box-shadow: inset 0 0 45px rgba(230,198,122,.025);
}

.article blockquote::before {
  content: "“";
  position: absolute;
  right: 18px;
  top: -18px;
  color: rgba(230,198,122,.12);
  font-size: 7rem;
  line-height: 1;
}

.study-summary {
  margin-bottom: 38px !important;
}

/* trilha/breadcrumb visual */
.article-hero::after,
.page-hero::after {
  content: "";
  position: absolute;
  left: clamp(18px,5vw,92px);
  right: clamp(18px,5vw,92px);
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(230,198,122,.55), transparent 65%);
  z-index: 2;
}

/* busca */
.command-box {
  background:
    linear-gradient(180deg, rgba(17,10,5,.98), rgba(3,2,1,.98)),
    radial-gradient(circle at 80% 0%, rgba(230,198,122,.10), transparent 40%) !important;
}

.command-input {
  box-shadow:
    inset 0 0 26px rgba(230,198,122,.04),
    0 12px 36px rgba(0,0,0,.28);
}

.command-result {
  transition: .20s ease;
}

.command-result:hover {
  transform: translateY(-2px);
  border-color: rgba(230,198,122,.38);
  background:
    radial-gradient(circle at 90% 0%, rgba(230,198,122,.10), transparent 40%),
    rgba(0,0,0,.34);
}

/* botão pesquisar menos invasivo */
.command-launch {
  min-width: 150px;
  justify-content: center;
  box-shadow:
    0 18px 55px rgba(0,0,0,.58),
    0 0 0 1px rgba(230,198,122,.12),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

/* contador mais discreto */
.visit-badge {
  opacity: .92;
}

/* rodapé mais premium */
.footer-supreme {
  position: relative;
  overflow: hidden;
}

.footer-supreme::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 0%, rgba(230,198,122,.10), transparent 38%),
    linear-gradient(90deg, rgba(0,0,0,.60), transparent 50%, rgba(0,0,0,.60));
  pointer-events: none;
}

.footer-supreme > * {
  position: relative;
  z-index: 1;
}

/* correção visual das páginas de tema reconstruídas */
.theme-grid > .theme-card {
  min-height: 330px;
}

.page-hero .hero-actions {
  margin-top: 28px;
}

/* responsivo refinado */
@media (max-width: 900px) {
  .topbar {
    gap: 14px;
  }

  .nav {
    gap: 4px;
  }

  .nav a {
    border: 1px solid rgba(230,198,122,.12);
    background: rgba(0,0,0,.16);
  }

  .hero-supreme,
  .page-hero,
  .article-hero {
    min-height: auto !important;
  }

  .hero-panel {
    padding: 18px 20px !important;
  }

  .article-shell {
    width: calc(100% - 18px) !important;
  }

  .article {
    border-radius: 28px !important;
  }

  .article h2 {
    padding-left: 14px;
  }

  .study-summary {
    gap: 12px !important;
  }
}

@media (max-width: 620px) {
  .topbar {
    padding: 16px 14px !important;
  }

  .logo {
    font-size: .95rem !important;
  }

  .nav a {
    font-size: .66rem !important;
    padding: 8px 9px !important;
  }

  .section-shell {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .page-hero,
  .article-hero,
  .hero-supreme {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .supreme-card,
  .theme-card,
  .mini-card {
    min-height: 285px !important;
    padding: 24px !important;
    border-radius: 30px !important;
  }

  .supreme-card h3,
  .theme-card h3,
  .mini-card h3 {
    font-size: clamp(1.45rem, 9vw, 2.45rem) !important;
  }

  .supreme-card p,
  .theme-card p,
  .mini-card p {
    font-size: 1rem !important;
  }

  .article p,
  .article li {
    font-size: 1.03rem !important;
    line-height: 1.78 !important;
  }

  .command-launch {
    min-width: auto;
    padding: 0 14px !important;
  }
}

/* impressão / leitura salva */
@media print {
  .topbar,
  .command-launch,
  .visit-badge,
  .article-rail,
  .footer-supreme {
    display: none !important;
  }

  body {
    background: #fff !important;
    color: #111 !important;
  }

  .article {
    box-shadow: none !important;
    border: 0 !important;
    background: #fff !important;
  }

  .article p,
  .article li,
  .article h2,
  .article h3 {
    color: #111 !important;
  }
}

/* sobre / biografia */
.about-article p:first-of-type::first-letter {
  font-size: inherit !important;
  float: none !important;
  line-height: inherit !important;
  padding-right: 0 !important;
  color: inherit !important;
}

.about-author-panel {
  display: grid;
  grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
  gap: clamp(22px, 4vw, 54px);
  align-items: center;
  margin: 4px 0 38px;
  padding: clamp(16px, 2.6vw, 28px);
  border: 1px solid rgba(230,198,122,.18);
  border-radius: 30px;
  background:
    radial-gradient(circle at 18% 0%, rgba(230,198,122,.13), transparent 34%),
    linear-gradient(135deg, rgba(0,0,0,.62), rgba(22,14,8,.58));
  box-shadow: 0 26px 90px rgba(0,0,0,.45);
}

.about-portrait {
  margin: 0;
  position: relative;
}

.about-portrait::after {
  content: '';
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(230,198,122,.16);
  border-radius: 24px;
  pointer-events: none;
}

.about-portrait img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center top;
  border-radius: 28px;
  border: 1px solid rgba(230,198,122,.28);
  box-shadow: 0 28px 80px rgba(0,0,0,.58);
}

.about-author-copy h1 {
  display: block !important;
  margin: 0 0 14px !important;
  color: var(--gold) !important;
  font-size: clamp(2.4rem, 5.4vw, 5.8rem) !important;
  line-height: .88 !important;
  letter-spacing: -.055em;
}

.about-lead {
  max-width: 780px;
  margin: 0 0 22px !important;
  color: rgba(248,232,190,.92) !important;
  font-size: clamp(1.09rem, 1.35vw, 1.34rem) !important;
  line-height: 1.65 !important;
}

.about-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.about-tags span {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid rgba(230,198,122,.20);
  border-radius: 999px;
  background: rgba(0,0,0,.28);
  color: rgba(248,232,190,.82);
  font: 800 .72rem/1 var(--sans);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.about-method-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 34px 0 10px;
}

.about-method-grid > div {
  padding: 22px;
  border: 1px solid rgba(230,198,122,.16);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(18,12,7,.68), rgba(0,0,0,.46));
}

.about-method-grid span {
  display: block;
  margin-bottom: 10px;
  color: var(--bronze);
  font: 900 .68rem/1.2 var(--sans);
  letter-spacing: .16em;
  text-transform: uppercase;
}

.about-method-grid strong {
  display: block;
  color: var(--gold);
  font-size: 1.2rem;
  line-height: 1.18;
}

.about-method-grid p {
  margin: 12px 0 0 !important;
  color: rgba(248,232,190,.78) !important;
  font-size: .98rem !important;
  line-height: 1.65 !important;
}

@media (max-width: 980px) {
  .about-author-panel,
  .about-method-grid {
    grid-template-columns: 1fr;
  }

  .about-portrait {
    max-width: 430px;
  }
}

/* dossie violencia sagrada */
.dossier-card::before {
  background-image: url('site-images/dossie/dossie-violencia-sagrada-cover.png') !important;
  opacity: .42 !important;
}

.hero,
.article-hero.dossier-hero {
  position: relative;
  min-height: min(76vh, 760px);
  display: flex;
  align-items: end;
  padding: clamp(92px, 10vw, 150px) clamp(16px, 5vw, 92px) clamp(42px, 6vw, 72px) !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.90), rgba(0,0,0,.50) 52%, rgba(0,0,0,.78)),
    var(--hero-img, url('site-images/dossie/dossie-violencia-sagrada-cover.png')) center/cover no-repeat;
  border-bottom: 1px solid var(--line);
  overflow: hidden;
}

.hero::before,
.article-hero.dossier-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 28%, rgba(230,198,122,.16), transparent 34%),
    linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.72));
  pointer-events: none;
}

.hero-text {
  position: relative;
  z-index: 2;
  max-width: 980px;
}

.hero-text .tag,
.tag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: var(--bronze);
  font: 900 .72rem/1 var(--sans);
  letter-spacing: .17em;
  text-transform: uppercase;
}

.hero-text .tag::before,
.tag::before {
  content: '';
  width: 34px;
  height: 1px;
  background: linear-gradient(90deg, var(--gold), transparent);
}

.hero-text h1,
.article-hero.dossier-hero h1 {
  margin: 0 0 18px !important;
  color: var(--gold) !important;
  font-size: clamp(3rem, 8vw, 8.2rem) !important;
  line-height: .86 !important;
  letter-spacing: -.06em;
  text-shadow: 0 18px 80px rgba(0,0,0,.9);
}

.article-hero.compact,
.hero.compact {
  min-height: 440px;
}

.article-hero.compact h1,
.hero.compact h1 {
  font-size: clamp(2.25rem, 5.2vw, 5.5rem) !important;
  line-height: .94 !important;
}

.hero-text p,
.section-desc {
  max-width: 920px;
  color: rgba(248,232,190,.84);
  font-size: 1.12rem;
  line-height: 1.72;
}

.btns,
.article-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.btn,
.btn-main,
.btn-alt {
  min-height: 46px;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(230,198,122,.34);
  background: linear-gradient(180deg, rgba(230,198,122,.20), rgba(111,72,26,.22));
  color: var(--gold) !important;
  font: 900 .74rem/1 var(--sans);
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none !important;
}

.btn.secondary {
  background: rgba(0,0,0,.28);
  color: rgba(248,232,190,.86) !important;
}

.section {
  width: min(1480px, calc(100% - 28px));
  margin: 0 auto;
  padding: clamp(46px, 6vw, 84px) 0;
}

.section > h2,
.part-divider h2 {
  margin: 0 0 14px;
  color: var(--gold);
  font-size: clamp(2rem, 4vw, 4.8rem);
  line-height: .95;
  letter-spacing: -.045em;
}

.cover-box {
  display: grid;
  grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
  gap: clamp(24px, 4vw, 56px);
  align-items: center;
  padding: clamp(18px, 3vw, 34px);
  border: 1px solid var(--line);
  border-radius: 34px;
  background: linear-gradient(135deg, rgba(8,5,3,.84), rgba(24,15,8,.58));
  box-shadow: var(--shadow-strong);
}

.cover-box img {
  display: block;
  width: 100%;
  border-radius: 26px;
  border: 1px solid rgba(230,198,122,.26);
  box-shadow: 0 28px 90px rgba(0,0,0,.58);
}

.mini-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.mini-stats span {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(230,198,122,.20);
  background: rgba(0,0,0,.30);
  color: rgba(248,232,190,.82);
  font: 800 .7rem/1 var(--sans);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.part-divider {
  margin: 50px 0 20px;
  padding-top: 26px;
  border-top: 1px solid var(--line);
}

.index-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 18px;
}

.chapter-link {
  position: relative;
  min-height: 230px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 26px;
  background:
    radial-gradient(circle at 0% 0%, rgba(230,198,122,.13), transparent 40%),
    linear-gradient(180deg, rgba(12,7,4,.74), rgba(0,0,0,.76));
  color: inherit;
  text-decoration: none;
  box-shadow: var(--shadow);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.chapter-link:hover {
  transform: translateY(-5px);
  border-color: rgba(230,198,122,.44);
  box-shadow: 0 24px 80px rgba(0,0,0,.58);
}

.chapter-link span,
.badge {
  display: inline-flex;
  color: var(--bronze);
  font: 900 .68rem/1.3 var(--sans);
  letter-spacing: .15em;
  text-transform: uppercase;
}

.chapter-link h3 {
  margin: 14px 0 10px;
  color: var(--gold);
  font-size: clamp(1.28rem, 1.6vw, 1.8rem);
  line-height: 1.08;
}

.chapter-link p {
  margin: 0;
  color: rgba(248,232,190,.80);
  line-height: 1.62;
}

.page-deep {
  width: min(1080px, calc(100% - 24px)) !important;
  margin: 34px auto 90px !important;
}

.page-deep h1 {
  display: block !important;
  margin: 16px 0 18px !important;
  color: var(--gold) !important;
  font-size: clamp(2.1rem, 4.6vw, 5.2rem) !important;
  line-height: .96 !important;
}

.page-deep .lead {
  font-size: clamp(1.14rem, 1.5vw, 1.38rem) !important;
  color: rgba(248,232,190,.9) !important;
}

.problem {
  margin: 26px 0;
  padding: 22px 24px;
  border-left: 3px solid rgba(230,198,122,.78);
  border-radius: 0 22px 22px 0;
  background: rgba(0,0,0,.34);
  color: rgba(248,232,190,.88);
  line-height: 1.78;
}

.source-list {
  display: grid;
  gap: 12px;
  margin: 18px 0 28px;
}

.source-item {
  display: block;
  padding: 18px 20px;
  border: 1px solid rgba(230,198,122,.16);
  border-radius: 20px;
  background: rgba(0,0,0,.28);
  text-decoration: none;
}

.source-item strong {
  display: block;
  color: var(--gold);
}

.source-item span {
  display: block;
  margin-top: 6px;
  color: rgba(248,232,190,.76);
}

.book-list li {
  margin-bottom: 8px;
}

.article-nav.bottom {
  margin-top: 42px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}

@media (max-width: 900px) {
  .hero,
  .article-hero.dossier-hero {
    min-height: 420px;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .cover-box {
    grid-template-columns: 1fr;
  }
}

/* V95 — Cristianismos primitivos */
.article .comparative-table{width:100%;border-collapse:collapse;margin:28px 0;border:1px solid rgba(230,198,122,.22)}
.article .comparative-table th,.article .comparative-table td{border:1px solid rgba(230,198,122,.16);padding:14px;vertical-align:top}
.article .comparative-table th{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}

/* V99 — dossiê literal exato */
.dossie-literal h1{margin-top:2.4rem;}
.dossie-literal h2{margin-top:2rem;}
.dossie-part-heading{font-size:clamp(1.05rem,2vw,1.35rem);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);border-top:1px solid rgba(212,175,55,.25);padding-top:1.5rem;margin-top:2.5rem;}
.exact-source-panel{border:1px solid rgba(212,175,55,.26);background:linear-gradient(135deg,rgba(212,175,55,.09),rgba(0,0,0,.22));border-radius:24px;padding:clamp(1.5rem,3vw,2.4rem);}
