:root{
      --contorno:var(--sumi); --nav-sep:rgba(255,255,255,.14); --toggle-borda:rgba(255,255,255,.55); --play-borda:var(--branco); --sobre-amarelo:var(--preto); --amarelo-texto:var(--amarelo); --sumi:#000000; --washi:#ffffff; --washi-panel:#ffffff;
      --amarelo:#ffe600; --ciano:#00e5ff; --cinza:#55565c;
      --borda: 3px solid var(--contorno);
      --preto:#000000; --branco:#ffffff; --pontilhado:rgba(0,0,0,.06); --tracejado:rgba(0,0,0,.2); --linha-suave:rgba(0,0,0,.12);
      --campo:#ffffff; --cinza-destaque:#55565c; --erro:#b00020; --destaque-borda:transparent;
    }
    *{box-sizing:border-box; margin:0; padding:0;}
    body{
      background:var(--washi); color:var(--sumi); font-family:'Work Sans', sans-serif;
      background-image: radial-gradient(circle, var(--pontilhado) 1.5px, transparent 1.5px);
      background-size: 14px 14px;
    }
    a{color:inherit; text-decoration:none;}
    .wrap{max-width:1180px; margin:0 auto; padding:0 20px;}
    .eyebrow{font-family:'JetBrains Mono', monospace; font-weight:700; font-size:11px; letter-spacing:.12em; text-transform:uppercase;}
    img{max-width:100%; display:block;}

    .topbar{background:var(--preto); color:var(--branco); font-family:'JetBrains Mono',monospace; font-size:11px;}
    .topbar .wrap{display:flex; justify-content:space-between; align-items:center; height:34px;}
    .topbar .social a{margin-right:14px; opacity:.85;}
    .topbar .social a:hover{color:var(--amarelo-texto); opacity:1;}

    header.site{background:var(--washi-panel); border-bottom:var(--borda);}
    .header-inner{display:flex; align-items:center; justify-content:space-between; padding:14px 0;}
    .logo-block{display:flex; align-items:center; gap:14px;}
    .logo-block img{height:64px; width:auto;}
    .logo-text{display:flex; flex-direction:column;}
    .logo-text .name{font-family:'Anton', sans-serif; font-size:15px; letter-spacing:.03em; line-height:1;}
    .logo-text .tag{font-family:'JetBrains Mono', monospace; font-size:10px; letter-spacing:.1em; color:var(--cinza); font-weight:700; margin-top:5px;}
    .search-btn{border:var(--borda); background:var(--amarelo); padding:9px 16px; color:var(--sobre-amarelo); font-family:'JetBrains Mono', monospace; font-weight:700; font-size:12px; cursor:pointer; box-shadow:4px 4px 0 var(--contorno); transition:transform .15s;}
    .search-btn:hover{transform:translate(-2px,-2px); box-shadow:6px 6px 0 var(--contorno);}

    nav.main{background:var(--preto);}
    nav.main ul{list-style:none; display:flex; flex-wrap:wrap;}
    nav.main a{display:block; color:var(--branco); font-weight:700; font-size:13px; letter-spacing:.03em; padding:13px 18px; border-right:1px solid var(--nav-sep);}
    nav.main a:hover, nav.main a.active{background:var(--ciano); color:var(--preto);}

    .ticker{background:var(--amarelo); color:var(--sobre-amarelo); overflow:hidden; white-space:nowrap; border-bottom:var(--borda);}
    .ticker .track{display:inline-block; padding:9px 0; animation:scroll 28s linear infinite; font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:700;}
    .ticker .track span{margin-right:48px;}
    .ticker b{background:var(--preto); color:var(--amarelo-texto); padding:2px 8px; margin-right:10px; letter-spacing:.08em;}
    @keyframes scroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

    .panel{border:var(--borda); background:var(--washi-panel); position:relative;}
    .panel-shadow{box-shadow:7px 7px 0 var(--contorno);}

    .hero{padding:34px 0 10px;}
    .hero-grid{display:grid; grid-template-columns:1.6fr 1fr; gap:22px;}
    .hero-main{min-height:420px; display:flex; flex-direction:column; justify-content:flex-end;}
    .hero-art{height:260px; position:relative; overflow:hidden; border-bottom:var(--borda);
      background: radial-gradient(circle at 50% 50%, rgba(0,229,255,.35) 0 2px, transparent 2px),
      repeating-conic-gradient(from 0deg, var(--preto) 0deg 1.2deg, var(--amarelo) 1.2deg 9deg);
      background-size: 16px 16px, 100% 100%; display:flex; align-items:center; justify-content:center;}
    .hero-art .badge{background:var(--branco); border:4px solid var(--contorno); border-radius:50%; width:150px; height:150px; display:flex; align-items:center; justify-content:center; box-shadow:0 0 0 6px var(--amarelo);}
    .hero-art .badge img{height:60px; width:auto;}
    .stamp{position:absolute; top:16px; left:16px; color:var(--preto); background:var(--ciano); border:3px solid var(--contorno); padding:4px 12px; font-family:'Anton', sans-serif; font-size:14px; transform:rotate(-6deg); z-index:2;}
    .hero-main .body{padding:22px 26px 26px;}
    .hero-main h1{font-family:'Anton', sans-serif; font-size:34px; line-height:1.08; margin-bottom:10px;}
    .hero-main p{color:var(--cinza); font-size:15px; margin-bottom:12px; max-width:56ch;}
    .meta{font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--cinza); display:flex; gap:14px; align-items:center; flex-wrap:wrap;}

    .hero-side{display:flex; flex-direction:column; gap:18px;}
    .side-card{padding:16px; display:flex; gap:12px;}
    .thumb{width:74px; min-width:74px; height:74px; border:2px solid var(--contorno);}
    .th-y{background:repeating-linear-gradient(45deg, var(--amarelo) 0 8px, var(--preto) 8px 10px);}
    .th-c{background:repeating-linear-gradient(45deg, var(--ciano) 0 8px, var(--preto) 8px 10px);}
    .th-mix{background:linear-gradient(135deg, var(--amarelo) 50%, var(--ciano) 50%);}
    .side-card h3{font-size:14.5px; font-weight:700; line-height:1.3; margin-bottom:6px;}
    .side-card .meta{font-size:10px;}

    .section-title{display:flex; align-items:center; gap:12px; margin:44px 0 20px;}
    .section-title h2{font-family:'Anton', sans-serif; font-size:24px; letter-spacing:.02em;}
    .section-title .line{flex:1; height:3px; background:var(--sumi);}
    .section-title .tag{font-family:'JetBrains Mono',monospace; font-size:11px; background:var(--preto); color:var(--amarelo-texto); padding:4px 10px;}

    .content-grid{display:grid; grid-template-columns:2fr 1fr; gap:24px; align-items:start;}
    .news-list{display:flex; flex-direction:column;}
    .news-item{display:grid; grid-template-columns:150px 1fr; gap:16px; padding:18px 0; border-bottom:2px dashed var(--tracejado);}
    .news-item:first-child{padding-top:0;}
    .news-thumb{height:100px; border:2px solid var(--contorno);}
    .cat-label{font-family:'JetBrains Mono',monospace; font-size:10px; font-weight:700; color:var(--preto); background:var(--ciano); padding:2px 6px; letter-spacing:.06em; margin-bottom:6px; display:inline-block;}
    .news-item h3{font-size:16.5px; line-height:1.3; margin-bottom:6px;}
    .news-item p{font-size:13px; color:var(--cinza); margin-bottom:6px;}
    .news-item a.title-link:hover{color:var(--ciano); text-decoration:underline;}

    .sidebar-panel{padding:20px;}
    .sidebar-panel h3{font-family:'Anton',sans-serif; font-size:17px; margin-bottom:14px; border-bottom:var(--borda); padding-bottom:10px;}
    .rank-item{display:flex; gap:12px; align-items:flex-start; padding:11px 0; border-bottom:1px solid var(--linha-suave);}
    .rank-num{font-family:'Anton',sans-serif; font-size:22px; color:var(--sobre-amarelo); background:var(--amarelo); width:26px; height:26px; display:flex; align-items:center; justify-content:center; flex:none;}
    .rank-item span.txt{font-size:13.5px; font-weight:600; line-height:1.3;}

    .podcast-card{margin-top:20px; background:var(--preto); color:var(--branco); padding:20px;}
    .podcast-card .eyebrow{color:var(--amarelo-texto);}
    .podcast-card h4{font-family:'Anton',sans-serif; font-size:19px; margin:8px 0 10px;}
    .podcast-card p{font-size:13px; color:#c9c9cc; margin-bottom:14px;}
    .play-btn{display:inline-flex; align-items:center; gap:8px; background:var(--ciano); color:var(--preto); padding:9px 16px; font-weight:700; font-size:13px; border:2px solid var(--play-borda); cursor:pointer;}

    .tiles{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
    .tile{border:var(--borda); padding:20px 16px; background:var(--washi-panel); transition:transform .15s;}
    .tile:hover{transform:translateY(-4px);}
    .tile .n{font-family:'Anton',sans-serif; font-size:12px; color:var(--preto); background:var(--ciano); padding:1px 6px;}
    .tile h4{font-family:'Anton',sans-serif; font-size:18px; margin:6px 0;}
    .tile p{font-size:12.5px; color:var(--cinza);}

    .partners{background:var(--washi-panel); border-top:var(--borda); border-bottom:var(--borda); padding:30px 0; margin-top:50px;}
    .partners .head{display:flex; justify-content:space-between; align-items:center; margin-bottom:18px;}
    .partner-strip{display:flex; flex-wrap:wrap; gap:16px; align-items:center;}
    .partner-logo{border:2px solid var(--contorno); background:#fff; width:150px; height:74px; display:flex; align-items:center; justify-content:center; padding:10px; filter:grayscale(0%); transition:transform .15s;}
    .partner-logo:hover{transform:translateY(-3px); box-shadow:4px 4px 0 var(--contorno);}
    .partner-logo img{max-height:48px; max-width:120px; width:auto; object-fit:contain;}

    footer{background:var(--preto); color:var(--branco); padding:50px 0 20px;}
    .footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr; gap:28px; padding-bottom:34px;}
    footer h5{font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.1em; color:var(--amarelo-texto); margin-bottom:14px;}
    footer ul{list-style:none;}
    footer li{margin-bottom:8px; font-size:13px; color:#c7c8cf;}
    footer li a:hover{color:var(--ciano);}
    .footer-logo{display:flex; align-items:center; gap:10px;}
    .footer-logo img{height:40px;}
    footer .about p{font-size:13px; color:#b9bac2; line-height:1.6; margin:14px 0;}
    .footer-bottom{border-top:1px solid #33343c; padding-top:18px; display:flex; justify-content:space-between; font-size:11.5px; color:#7d7f87; font-family:'JetBrains Mono',monospace;}

    /* ARTICLE PAGE */
    .article-head{padding:34px 0 0;}
    .breadcrumb{font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--cinza); margin-bottom:14px;}
    .breadcrumb a:hover{color:var(--ciano);}
    .article-head h1{font-family:'Anton', sans-serif; font-size:38px; line-height:1.1; margin:10px 0 14px; max-width:22ch;}
    .article-cover{height:380px; border:var(--borda); margin:20px 0 30px;
      background: radial-gradient(circle at 50% 50%, rgba(0,229,255,.35) 0 2px, transparent 2px), repeating-conic-gradient(from 0deg, var(--preto) 0deg 1.2deg, var(--amarelo) 1.2deg 9deg);
      background-size: 16px 16px, 100% 100%; display:flex; align-items:center; justify-content:center;}
    .article-cover img{height:70px;}
    .article-layout{display:grid; grid-template-columns:2.2fr 1fr; gap:34px; padding-bottom:50px;}
    .article-body{font-size:16px; line-height:1.85;}
    .article-body p{margin-bottom:18px;}
    .article-body h2{font-family:'Anton',sans-serif; font-size:22px; margin:30px 0 12px;}
    .article-body blockquote{border-left:4px solid var(--contorno); color:var(--sobre-amarelo); background:var(--amarelo); padding:14px 18px; font-weight:600; margin:24px 0;}
    .tags{display:flex; gap:8px; flex-wrap:wrap; margin:26px 0;}
    .tags a{font-family:'JetBrains Mono',monospace; font-size:11px; border:2px solid var(--contorno); padding:5px 10px; font-weight:700;}
    .tags a:hover{background:var(--ciano); color:var(--preto);}
    .author-box{display:flex; gap:14px; align-items:center; border:var(--borda); padding:18px; margin-top:30px;}
    .author-avatar{width:56px; height:56px; border:2px solid var(--contorno); color:var(--sobre-amarelo); background:var(--amarelo); flex:none;}
    .author-box .author-avatar{overflow:hidden; box-sizing:border-box; max-width:100%; min-width:0;}
    .author-box .author-avatar a{display:block; width:100%; height:100%; color:inherit; text-decoration:none;}
    .author-box .author-avatar img.author-photo{display:block; width:100%; height:100%; max-width:100%; min-width:0; object-fit:cover; object-position:center top;}
    .author-box .author-avatar.has-initial, .author-box .author-avatar.has-initial a{display:flex; align-items:center; justify-content:center; font-family:'Anton',sans-serif; font-size:26px; line-height:1;}
    .author-box h4{font-size:14px; margin-bottom:4px;}
    .author-box p{font-size:12.5px; color:var(--cinza);}
    .meta a.author-link:hover, .author-box h4 a:hover{color:var(--ciano); text-decoration:underline;}
    .share-bar{display:flex; gap:10px; margin:20px 0;}
    .share-bar a{font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; border:2px solid var(--contorno); padding:8px 14px;}
    .share-bar a:hover{background:var(--preto); color:var(--amarelo-texto); box-shadow:inset 0 0 0 2px var(--destaque-borda);}
    .comments-box{border:var(--borda); padding:24px; margin-top:40px;}
    .comments-box h3{font-family:'Anton',sans-serif; font-size:19px; margin-bottom:16px;}
    .comments-box textarea{width:100%; border:2px solid var(--contorno); padding:12px; font-family:inherit; font-size:13px; min-height:90px; margin-bottom:12px;}
    .comments-box input{width:100%; border:2px solid var(--contorno); padding:10px; font-family:inherit; font-size:13px; margin-bottom:12px;}
    .comments-box button{background:var(--preto); color:var(--amarelo-texto); box-shadow:inset 0 0 0 2px var(--destaque-borda); border:none; padding:11px 20px; font-weight:700; font-family:'JetBrains Mono',monospace; cursor:pointer;}
    /* Lista de comentarios: cada comentario em um cartao; respostas recuadas */
    .comments-box .comment-list{list-style:none; padding:0; min-width:0;}
    .comments-box .comment-list > li{margin:0 0 14px; min-width:0;}
    .comments-box .comment-body{border:1px solid var(--contorno); background:var(--washi-panel); padding:14px 16px; min-width:0; overflow-wrap:anywhere;}
    .comments-box .comment-meta{margin-bottom:8px; font-size:12px;}
    .comments-box .comment-content p{margin:0 0 8px;}
    .comments-box .comment-content > :last-child{margin-bottom:0;}

    /* CATEGORY PAGE */
    .cat-header{background:var(--preto); color:var(--branco); padding:40px 0; border-bottom:var(--borda);}
    .cat-header h1{font-family:'Anton',sans-serif; font-size:36px; color:var(--amarelo-texto);}
    .cat-header p{color:#c7c8cf; margin-top:8px; max-width:60ch; font-size:14px;}
    .cat-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; padding:40px 0;}
    .cat-card{border:var(--borda); background:var(--washi-panel);}
    .cat-card .thumb-lg{height:150px; border-bottom:var(--borda);}
    .cat-card .body{padding:16px;}
    .cat-card h3{font-size:15.5px; line-height:1.35; margin:6px 0 8px;}
    .cat-card p{font-size:12.5px; color:var(--cinza);}
    .pagination{display:flex; gap:8px; justify-content:center; padding-bottom:50px;}
    .pagination a{border:2px solid var(--contorno); width:38px; height:38px; display:flex; align-items:center; justify-content:center; font-family:'JetBrains Mono',monospace; font-weight:700; font-size:13px;}
    .pagination a.active, .pagination a:hover{background:var(--preto); color:var(--amarelo-texto); box-shadow:inset 0 0 0 2px var(--destaque-borda);}

    /* PODCAST PAGE */
    .ep-list{display:flex; flex-direction:column; gap:20px; padding:40px 0;}
    .ep-card{display:grid; grid-template-columns:180px 1fr auto; gap:20px; align-items:center; border:var(--borda); padding:18px; background:var(--washi-panel);}
    .ep-art{height:110px; border:2px solid var(--contorno);
      background: repeating-linear-gradient(45deg, var(--amarelo) 0 8px, var(--preto) 8px 10px);}
    .ep-card h3{font-size:17px; margin-bottom:6px;}
    .ep-card p{font-size:13px; color:var(--cinza);}
    .ep-play{background:var(--preto); color:var(--amarelo-texto); box-shadow:inset 0 0 0 2px var(--destaque-borda); border:none; padding:12px 22px; font-weight:700; font-family:'JetBrains Mono',monospace; cursor:pointer; white-space:nowrap;}
    .ep-actions{display:flex; flex-direction:column; gap:8px;}
    .ep-actions .ep-play{text-align:center;}
    .ep-actions .ep-comment{background:var(--ciano); color:var(--preto);}

    /* SOBRE PAGE */
    .about-hero{padding:50px 0; text-align:center;}
    .about-hero h1{font-family:'Anton',sans-serif; font-size:42px;}
    .about-hero p{max-width:60ch; margin:16px auto 0; color:var(--cinza); font-size:15px;}
    .team-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; padding:20px 0 50px;}
    .team-card{border:var(--borda); text-align:center; padding:20px; background:var(--washi-panel);}
    .team-avatar{width:90px; height:90px; border-radius:50%; border:3px solid var(--contorno); background:var(--ciano); margin:0 auto 14px;}
    .team-card h4{font-size:15px; margin-bottom:4px;}
    .team-card p{font-size:12px; color:var(--cinza);}

    /* CONTATO PAGE */
    .contact-wrap{display:grid; grid-template-columns:1fr 1fr; gap:30px; padding:50px 0;}
    .contact-form label{font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; display:block; margin-bottom:6px; margin-top:16px;}
    .contact-form input, .contact-form textarea, .contact-form select{width:100%; border:2px solid var(--contorno); padding:11px; font-family:inherit; font-size:14px;}
    .contact-form textarea{min-height:130px;}
    .contact-form button{margin-top:20px; background:var(--preto); color:var(--amarelo-texto); box-shadow:inset 0 0 0 2px var(--destaque-borda); border:none; padding:13px 26px; font-weight:700; font-family:'JetBrains Mono',monospace; cursor:pointer;}
    .contact-info{border:var(--borda); padding:24px; color:var(--sobre-amarelo); background:var(--amarelo); height:fit-content;}
    .contact-info h3{font-family:'Anton',sans-serif; font-size:20px; margin-bottom:14px;}
    .contact-info p{font-size:13.5px; margin-bottom:10px;}

    /* BUSCA */
    .search-wrap{padding-top:40px;}
    .search-form{display:flex; gap:16px; align-items:flex-end; flex-wrap:wrap;}
    .search-form .sf-field{flex:1 1 220px;}
    .search-form .sf-term{flex:2 1 300px;}
    .search-form label{font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; display:block; margin-bottom:6px;}
    .search-form input, .search-form select{width:100%; border:2px solid var(--contorno); padding:11px; font-family:inherit; font-size:14px; background:var(--campo);}
    .search-form button{background:var(--preto); color:var(--amarelo-texto); box-shadow:inset 0 0 0 2px var(--destaque-borda); border:none; padding:15px 26px; font-weight:700; font-family:'JetBrains Mono',monospace; cursor:pointer;}

    @media (max-width:880px){
      .hero-grid, .content-grid, .footer-grid, .article-layout, .contact-wrap{grid-template-columns:1fr;}
      .tiles, .cat-grid, .team-grid{grid-template-columns:repeat(2,1fr);}
      .ep-card{grid-template-columns:1fr; text-align:center;}
      nav.main ul{flex-direction:column;}
      .footer-bottom{flex-direction:column; gap:8px;}
    }


    /* Episodio de podcast: reserva do player do Spotify */
    .spotify-embed{width:100%; min-height:152px; margin:0 0 28px;}
    .spotify-embed iframe{display:block; width:100%; height:152px; border:0; border-radius:12px;}
    .spotify-embed--vazio{display:flex; align-items:center; justify-content:center; border:var(--borda); border-style:dashed; background:var(--washi-panel);}


    /* Media Kit (Sobre) e paginas de membros */
    .team-card{display:block;}
    .team-card:hover{background:var(--amarelo); color:var(--sobre-amarelo);}
    .team-card:hover p{color:var(--cinza-destaque);}
    .team-avatar{overflow:hidden;}
    .team-avatar img{width:100%; height:100%; object-fit:cover;}
    .team-avatar.has-initial{display:flex; align-items:center; justify-content:center; font-family:'Anton',sans-serif; font-size:38px;}
    .team-empty{color:var(--cinza); font-size:14px; padding:0 0 50px;}
    .mediakit p{color:var(--cinza); font-size:15px; margin-bottom:16px; max-width:60ch;}
    .mediakit .play-btn{border-color:var(--contorno);}
    .play-btn.is-disabled{opacity:.55; cursor:not-allowed;}
    .member-photo{width:180px; height:180px; margin-bottom:18px;}
    .member-photo.has-initial{font-size:80px;}
    .member-hero .eyebrow{display:block; color:var(--cinza); margin-bottom:6px;}
    .member-roles{justify-content:center; margin:16px 0 0;}
    .tags span{font-family:'JetBrains Mono',monospace; font-size:11px; border:2px solid var(--contorno); padding:5px 10px; font-weight:700; color:var(--sobre-amarelo); background:var(--amarelo);}
    .member-main{display:flex; flex-direction:column; gap:20px;}
    .member-body .article-body p:last-child{margin-bottom:0;}
    .member-social .share-bar{flex-wrap:wrap; margin:0;}
    .member-animes{list-style:none;}
    .member-animes a:hover{color:var(--ciano); text-decoration:underline;}
    .member-back{padding-top:34px;}

    /* Fale Conosco: rascunho no e-mail (menu de envio, erros, contador) */
    .contact-form .field-error{color:var(--erro); font-size:12.5px; font-weight:700; margin-top:6px;}
    .contact-form .field-summary{border:2px solid var(--erro); color:var(--erro); padding:10px 12px; font-size:13px; font-weight:700; margin-top:4px;}
    .contact-form [aria-invalid="true"]{border-color:var(--erro); outline:2px solid var(--erro); outline-offset:1px;}
    .contact-form .field-count{font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--cinza); text-align:right; margin-top:6px;}
    .contact-form .field-usage{font-size:12.5px; color:var(--cinza); margin-top:4px;}
    .contact-form .field-usage.is-over{color:var(--sobre-amarelo); background:var(--amarelo); border:2px solid var(--contorno); padding:8px 10px; font-weight:700;}
    .send-wrap{position:relative; display:inline-block;}
    .contact-form .send-btn[aria-expanded="true"]{background:var(--preto); color:var(--amarelo-texto); outline:3px solid var(--ciano); outline-offset:2px;}
    .send-menu{position:absolute; top:100%; left:0; z-index:20; min-width:100%; width:max-content; max-width:92vw; margin-top:4px; background:var(--washi-panel); border:var(--borda); box-shadow:4px 4px 0 var(--contorno);}
    .send-menu[hidden]{display:none;}
    .contact-form .send-menu .send-item{display:block; width:100%; margin:0; padding:12px 16px; text-align:left; background:var(--washi-panel); color:var(--sumi); border:0; border-bottom:2px solid var(--contorno); font-size:13px;}
    .contact-form .send-menu .send-item:last-child{border-bottom:0;}
    .contact-form .send-menu .send-item:hover, .contact-form .send-menu .send-item:focus{background:var(--amarelo); color:var(--sobre-amarelo); outline:3px solid var(--ciano); outline-offset:-3px;}
    .contact-form .send-menu .send-item.is-last{background:var(--ciano); color:var(--preto);}
    .contact-form .send-menu .send-item.is-suggested{background:var(--amarelo); color:var(--sobre-amarelo); outline:3px solid var(--contorno); outline-offset:-3px;}
    .send-item .send-last{font-weight:400; font-size:11px;}
    .contact-form .send-help{font-size:12.5px; color:var(--cinza); margin-top:10px;}
    .contact-form .send-warn{border:2px solid var(--contorno); color:var(--sobre-amarelo); background:var(--amarelo); padding:10px 12px; font-size:13px; font-weight:700; margin-top:10px;}
    .contact-form .send-status{font-size:13px; font-weight:700; margin-top:10px;}
    .contact-form .send-status:empty{display:none;}
    @media (max-width:880px){
      .send-wrap{display:block;}
      .contact-form .send-btn{width:100%;}
      .send-menu{width:100%; max-width:none;}
    }

    /* Imagem destacada: a <img> preenche a caixa (altura/largura do CSS) sem distorcer */
    .mda-img{display:block; width:100%; height:100%; max-width:100%; object-fit:cover; object-position:center;}
    .hero-art.has-img{background:var(--washi);}
    .hero-art.has-img > .mda-img{position:absolute; top:0; left:0;}
    .thumb.has-img, .news-thumb.has-img, .cat-card .thumb-lg.has-img, .ep-art.has-img{overflow:hidden; background:var(--washi);}
    .article-cover.has-img{display:block; overflow:hidden; background:var(--washi);}
    .article-cover.has-img .mda-img{height:100%;} /* vence ".article-cover img{height:70px}" (logo do fallback) */

    /* ==========================================================
       RESPONSIVIDADE (auditoria 1): blocos por breakpoint.
       Desktop (>=1025px) permanece como antes.
       ========================================================== */

    /* Base: protecao contra estouro (nao altera o layout desktop) */
    .article-layout > *{min-width:0;} /* N1: coluna do grid nao alarga com conteudo largo */
    .share-bar{flex-wrap:wrap;} /* N1/M1 */
    .article-body img{height:auto;} /* A1 */
    .article-body iframe, .article-body video{max-width:100%;}
    .article-body{overflow-wrap:anywhere;}
    .article-body table{display:block; max-width:100%; overflow-x:auto;}
    .article-body pre{max-width:100%; overflow-x:auto;}
    .about-hero h1, .article-head h1, .cat-header h1, .hero-main h1{overflow-wrap:anywhere;} /* M4 */
    .partners .head{flex-wrap:wrap; gap:8px;} /* M6 */

    /* Ate 1024px: rodape em 3 colunas (M7) e menu mais compacto */
    @media (max-width:1024px){
      .footer-grid{grid-template-columns:repeat(3,1fr);}
      nav.main a{padding:13px 12px;}
    }

    /* Ate 880px: menu compacto em linha com quebra (A3), capa/hero (A4), campos 16px (M3) */
    @media (max-width:880px){
      .footer-grid{grid-template-columns:1fr;} /* reafirma 1 coluna (o bloco 1024 vem antes) */
      nav.main ul{flex-direction:row; flex-wrap:wrap;}
      nav.main li{flex:1 1 auto;}
      nav.main a{padding:11px 12px; text-align:center;}
      .article-cover{width:100%; height:auto; aspect-ratio:8/3; min-height:140px;} /* width:100% evita que o min-height alargue a caixa via aspect-ratio */
      .hero-art{height:200px;}
      .hero-main{min-height:0;}
      .contact-form input, .contact-form textarea, .contact-form select,
      .search-form input, .search-form select,
      .comments-box input, .comments-box textarea{font-size:16px;}
    }

    /* Ate 560px: noticias em coluna unica (A2) */
    @media (max-width:560px){
      .news-item{grid-template-columns:1fr;}
      .news-thumb{height:160px;}
    }

    /* Ate 480px: 1 coluna, h1 menores, logos de parceiros em 2 por linha */
    @media (max-width:480px){
      .tiles, .cat-grid, .team-grid{grid-template-columns:1fr;} /* M2 */
      .about-hero h1{font-size:30px;} /* M4 */
      .article-head h1{font-size:28px;}
      .cat-header h1{font-size:30px;}
      .hero-main h1{font-size:28px;}
      .partner-logo{width:calc(50% - 8px);} /* M6 */
      .hero-art{height:170px;}
      .hero-art .badge{width:120px; height:120px;}
    }

    /* Telas de toque: alvos >=44px (B1) */
    @media (pointer:coarse){
      nav.main a{padding-top:15px; padding-bottom:15px;}
      .search-btn{min-height:44px;}
      .pagination a{width:44px; height:44px;}
      .share-bar a{display:inline-flex; align-items:center; min-height:44px;}
      .tags a, .tags span{display:inline-flex; align-items:center; min-height:44px;}
      .breadcrumb a{display:inline-block; padding:15px 0;}
      footer li a{display:inline-block; padding:15px 0;}
      footer li{margin-bottom:0;}
    }

    /* Movimento reduzido (B2) */
    @media (prefers-reduced-motion:reduce){
      .ticker .track{animation:none;}
    }

    /* ==========================================================
       Conteudo classico (D04): o conteudo da producao e todo do editor classico.
       Escopo: .article-body (posts, paginas genericas e politica de privacidade).
       ========================================================== */
    .article-body::after{content:""; display:block; clear:both;}
    .article-body .tags, .article-body .share-bar, .article-body .author-box, .article-body .comments-box{clear:both;}
    .article-body > h1{font-family:'Anton',sans-serif; font-size:26px; line-height:1.2; margin:30px 0 12px;}
    .article-body > h3{font-size:19px; line-height:1.3; margin:24px 0 10px;}
    .article-body > h4, .article-body > h5, .article-body > h6{font-size:16px; line-height:1.4; margin:20px 0 8px;}
    .article-body > ul, .article-body > ol{margin:0 0 18px 26px;}
    .article-body > ul, .article-body li > ul{list-style:disc;}
    .article-body > ol, .article-body li > ol{list-style:decimal;}
    .article-body li > ul, .article-body li > ol{margin:6px 0 0 22px;}
    .article-body > ul > li, .article-body > ol > li{margin-bottom:6px;}
    .article-body p a, .article-body li a, .article-body td a, .article-body figcaption a, .article-body .wp-caption-text a{text-decoration:underline; font-weight:600;}
    .article-body p a:hover, .article-body li a:hover, .article-body td a:hover{color:var(--cinza);}
    .article-body hr{border:0; border-top:3px solid var(--contorno); margin:26px 0;}
    .article-body figure{margin:0 0 18px;}

    /* Alinhamentos do editor classico */
    .article-body .alignleft{float:left; margin:4px 22px 14px 0; max-width:50%;}
    .article-body .alignright{float:right; margin:4px 0 14px 22px; max-width:50%;}
    .article-body .aligncenter{display:block; margin-left:auto; margin-right:auto; margin-bottom:18px; clear:both;}
    .article-body .alignnone{margin:0 0 18px;}
    .article-body img.aligncenter{margin-left:auto; margin-right:auto;}

    /* [caption] (html5: figure.wp-caption > img + figcaption.wp-caption-text) */
    .article-body .wp-caption{max-width:100%; width:auto; margin-bottom:18px;}
    .article-body .wp-caption img{max-width:100%; height:auto; margin:0 auto;}
    .article-body .wp-caption-text, .article-body figcaption{font-family:'JetBrains Mono',monospace; font-size:11.5px; line-height:1.5; color:var(--cinza); margin-top:6px; text-align:center;}

    /* [gallery] */
    .article-body .gallery{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 18px;}
    .article-body .gallery-columns-1{grid-template-columns:minmax(0,1fr);}
    .article-body .gallery-columns-2{grid-template-columns:repeat(2,minmax(0,1fr));}
    .article-body .gallery-columns-4{grid-template-columns:repeat(4,minmax(0,1fr));}
    .article-body .gallery-columns-5{grid-template-columns:repeat(5,minmax(0,1fr));}
    .article-body .gallery-columns-6, .article-body .gallery-columns-7, .article-body .gallery-columns-8, .article-body .gallery-columns-9{grid-template-columns:repeat(6,minmax(0,1fr));}
    .article-body .gallery-item{margin:0; min-width:0;}
    .article-body .gallery-item img{width:100%; height:auto; border:2px solid var(--contorno);}
    .article-body .gallery-caption{margin-top:4px;}

    /* Embeds: iframes e videos sem estourar a largura */
    .article-body iframe{display:block; max-width:100%; margin:0 0 18px; border:0;}
    .article-body .spotify-embed iframe{margin:0;}
    .article-body iframe[src*="youtube.com"], .article-body iframe[src*="youtube-nocookie.com"], .article-body iframe[src*="youtu.be"], .article-body iframe[src*="player.vimeo.com"]{width:100%; height:auto; aspect-ratio:16/9;}
    .article-body iframe[src*="open.spotify.com"], .article-body iframe[src*="anchor.fm"]{width:100%;}
    .article-body video{height:auto; margin:0 0 18px;}
    .article-body .wp-video{max-width:100%;}
    .article-body .twitter-tweet, .article-body .twitter-tweet-rendered{max-width:100% !important; margin-left:auto; margin-right:auto;}
    .article-body .instagram-media{min-width:0 !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important;}
    .article-body embed, .article-body object{max-width:100%;}

    /* Tabelas do editor */
    .article-body table{border-collapse:collapse; margin:0 0 18px; font-size:14px; line-height:1.5;}
    .article-body th, .article-body td{border:2px solid var(--contorno); padding:8px 10px; vertical-align:top; text-align:left;}
    .article-body th{background:var(--amarelo); color:var(--sobre-amarelo); font-weight:700;}

    /* Paginas genericas (page.php) e politica de privacidade */
    .page-content{padding:40px 0 10px; max-width:820px;}
    .page-content h2:first-child{margin-top:0;}
    .team-card--static:hover{background:var(--washi-panel);}

    @media (max-width:560px){
      .article-body .alignleft, .article-body .alignright{float:none; display:block; margin:0 auto 18px; max-width:100%;}
      .article-body .gallery, .article-body .gallery-columns-4, .article-body .gallery-columns-5, .article-body .gallery-columns-6, .article-body .gallery-columns-7, .article-body .gallery-columns-8, .article-body .gallery-columns-9{grid-template-columns:repeat(2,minmax(0,1fr));}
      .article-body > h1{font-size:23px;}
    }
    /* Comentarios: respostas ja existentes, recuadas */
    .comments-box .children{list-style:none; margin:12px 0 0 22px; padding:0; min-width:0;}
    .comments-box .children > li{margin:0 0 12px;}
    @media (max-width:480px){
      .comments-box .children{margin-left:12px;}
    }

    /* ==========================================================
       MODO ESCURO (modo noturno)
       Escolha do usuario: <html data-theme="light|dark"> (definido por script inline no <head>,
       sem flash; ver inc/enqueue.php). Sem JS: segue prefers-color-scheme via @media abaixo.
       --sumi/--washi/--washi-panel/--cinza sao invertidos; superficies que sao SEMPRE escuras
       (topbar, menu, rodape, chips) usam as constantes --preto/--branco no CSS acima.
       ========================================================== */
    :root{color-scheme:light; --placeholder:#757575;}
    :root[data-theme="dark"]{
      color-scheme:dark;
      --sumi:#ececf0; --washi:#121214; --washi-panel:#1b1b1f; --cinza:#a9aab3;
      --pontilhado:rgba(255,255,255,.05); --tracejado:rgba(43,79,184,.8); --linha-suave:rgba(43,79,184,.55);
      --campo:#26262b; --cinza-destaque:#2a2a2e; --erro:#ff8a95; --destaque-borda:var(--azul-escuro); --azul-escuro:#2b4fb8; --nav-sep:var(--azul-escuro); --toggle-borda:var(--azul-escuro); --play-borda:var(--azul-escuro); --amarelo:var(--azul-escuro); --amarelo-texto:#7b9cff; --sobre-amarelo:#ffffff; --contorno:var(--azul-escuro); --borda:3px solid var(--azul-escuro); --placeholder:#9b9ba5;    }
    @media (prefers-color-scheme: dark){
      :root:not([data-theme="light"]){
        color-scheme:dark;
        --sumi:#ececf0; --washi:#121214; --washi-panel:#1b1b1f; --cinza:#a9aab3;
      --pontilhado:rgba(255,255,255,.05); --tracejado:rgba(43,79,184,.8); --linha-suave:rgba(43,79,184,.55);
      --campo:#26262b; --cinza-destaque:#2a2a2e; --erro:#ff8a95; --destaque-borda:var(--azul-escuro); --azul-escuro:#2b4fb8; --nav-sep:var(--azul-escuro); --toggle-borda:var(--azul-escuro); --play-borda:var(--azul-escuro); --amarelo:var(--azul-escuro); --amarelo-texto:#7b9cff; --sobre-amarelo:#ffffff; --contorno:var(--azul-escuro); --borda:3px solid var(--azul-escuro); --placeholder:#9b9ba5;      }
    }

    /* Campos e controles nativos acompanham o tema */
    .comments-box textarea, .comments-box input,
    .contact-form input, .contact-form textarea, .contact-form select,
    .search-form input, .search-form select{background:var(--campo); color:var(--sumi);}
    .comments-box textarea::placeholder, .comments-box input::placeholder,
    .contact-form input::placeholder, .contact-form textarea::placeholder,
    .search-form input::placeholder{color:var(--placeholder); opacity:1;}
    /* Superficies pretas ganham filete claro so no escuro (invisivel no claro) */
    .topbar{box-shadow:inset 0 -1px 0 var(--destaque-borda);}
    footer, .podcast-card{box-shadow:inset 0 0 0 1px var(--destaque-borda);}

    /* Botao alternador de tema (topbar). Escondido ate o script do head marcar data-theme-pref. */
    .theme-toggle{display:none; align-items:center; gap:8px; height:26px; padding:0 10px; background:transparent; color:var(--branco); border:1px solid var(--toggle-borda); border-radius:0; font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; letter-spacing:.08em; cursor:pointer;}
    html[data-theme-pref] .theme-toggle{display:inline-flex;}
    .theme-toggle:hover{background:var(--amarelo); color:var(--sobre-amarelo); border-color:var(--amarelo);}
    .theme-toggle:focus-visible{outline:3px solid var(--ciano); outline-offset:2px;}
    .theme-toggle svg{width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:square; stroke-linejoin:miter; flex:none;}
    .theme-toggle .tt-ic, .theme-toggle .tt-lb{display:none;}
    html[data-theme-pref="system"] .theme-toggle .tt-system,
    html[data-theme-pref="light"] .theme-toggle .tt-light,
    html[data-theme-pref="dark"] .theme-toggle .tt-dark{display:inline-block;}
    @media (max-width:880px), (pointer:coarse){
      .topbar .wrap{height:auto; min-height:44px; flex-wrap:wrap; gap:0 12px;}
      .theme-toggle{min-height:44px; min-width:44px; justify-content:center;}
    }