/* AeroRede V2 - camada de integração visual com o CMS
   Regra: conteúdo e mídia vêm do CMS; CSS cuida apenas da apresentação.
*/

/* Um único contexto de rolagem. Evita o segundo scrollbar criado por overflow-x:hidden. */
html {
    min-height: 100%;
    overflow-x: clip;
    overflow-y: auto;
}

body {
    min-height: 100%;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

.site-shell,
.v2-home {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

.site-shell { min-height: 100vh; }

/* Marca cadastrada no CMS */
.v2-brand-media {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.v2-brand-media img {
    display: block;
    width: auto;
    height: 30px;
    max-width: min(180px, 38vw);
    object-fit: contain;
}

.v2-brand-media .v2-brand-logo-dark { display: none; }
html[data-theme="dark"] .v2-brand-media .v2-brand-logo-light { display: none; }
html[data-theme="dark"] .v2-brand-media .v2-brand-logo-dark { display: block; }
.v2-footer .v2-brand-media img { height: 34px; max-width: 190px; }

/* Hero com mídia do CMS: trata a imagem como personagem/arte, não como wallpaper recortado. */
.v2-home .v2-hero-visual.has-cms-media {
    overflow: hidden;
    border-radius: 30px;
    background:
        radial-gradient(circle at 55% 46%, color-mix(in srgb, var(--v2-accent) 9%, transparent), transparent 42%),
        color-mix(in srgb, var(--v2-surface) 70%, transparent);
}

.v2-home .v2-hero-visual.has-cms-media::before { display: none !important; }

.v2-home .v2-hero-visual.has-cms-media .v2-energy-trail,
.v2-home .v2-hero-visual.has-cms-media .v2-visual-core,
.v2-home .v2-hero-visual.has-cms-media .v2-float-card,
.v2-home .v2-hero-visual.has-cms-media .v2-spark { display: none !important; }

.v2-hero-media-stack {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    border-radius: inherit;
}

.v2-hero-media {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px) scale(.985);
    transition: opacity 420ms cubic-bezier(.2,.72,.2,1), transform 850ms cubic-bezier(.2,.72,.2,1), visibility 420ms ease;
    pointer-events: none;
}

.v2-hero-media.is-active {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.v2-hero-media picture,
.v2-hero-media img {
    display: block;
    width: 100%;
    height: 100%;
}

.v2-hero-media picture {
    position: absolute;
    inset: 0;
}

.v2-hero-media img {
    object-fit: contain;
    object-position: center bottom;
    padding: 0 10px;
}

/* Nada de véu escuro sobre a imagem. */
.v2-home .v2-hero-visual.has-cms-media::after {
    z-index: 2;
    opacity: 1;
    background: linear-gradient(180deg, transparent 78%, color-mix(in srgb, var(--v2-bg-2) 20%, transparent) 100%);
}

html[data-theme="dark"] .v2-home .v2-hero-visual.has-cms-media {
    background:
        radial-gradient(circle at 55% 46%, color-mix(in srgb, var(--v2-accent) 11%, transparent), transparent 44%),
        #091710;
}

html[data-theme="dark"] .v2-home .v2-hero-visual.has-cms-media::after {
    background: linear-gradient(180deg, transparent 80%, rgba(6,16,11,.18));
}

/* Impede que a camada de motion revele slides inativos. */
.v2-home .v2-hero-copy:not(.is-active) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(8px) !important;
}

.v2-home .v2-hero-copy.is-active {
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Nossas soluções: imagem vem do cadastro de Serviços do CMS. */
.v2-solution-card {
    position: relative;
    overflow: hidden;
}

.v2-solution-card.has-cms-image {
    min-height: 176px;
    padding-right: clamp(116px, 29%, 150px);
}

.v2-solution-card.has-cms-image .v2-solution-icon { position: relative; z-index: 2; }

.v2-solution-cms-media {
    position: absolute;
    z-index: 1;
    right: 8px;
    bottom: 4px;
    width: clamp(104px, 31%, 150px);
    height: 78%;
    object-fit: contain;
    object-position: right bottom;
    pointer-events: none;
    filter: drop-shadow(0 16px 24px rgba(0,0,0,.10));
    transition: transform 360ms cubic-bezier(.2,.75,.2,1), filter 360ms ease;
}

.v2-solution-card.has-cms-image:hover .v2-solution-cms-media {
    transform: translateY(-4px) scale(1.035);
    filter: drop-shadow(0 20px 28px rgba(0,0,0,.14));
}

html[data-theme="dark"] .v2-solution-cms-media { filter: drop-shadow(0 16px 28px rgba(0,0,0,.34)); }

@media (max-width: 820px) {
    .v2-home .v2-hero-visual.has-cms-media { border-radius: 24px; }
    .v2-home .v2-hero-visual.has-cms-media::after { background: linear-gradient(180deg, transparent 80%, color-mix(in srgb, var(--v2-bg-2) 25%, transparent)); }
    .v2-hero-media img { object-position: center bottom; padding: 0; }
    .v2-solution-card.has-cms-image { min-height: 170px; padding-right: 136px; }
}

@media (max-width: 560px) {
    .v2-brand-media img { height: 24px; max-width: 118px; }
    .v2-home .v2-hero-visual.has-cms-media { height: 300px; }
    .v2-solution-card.has-cms-image { min-height: 156px; padding-right: 112px; }
    .v2-solution-cms-media { width: 108px; height: 72%; }
}

@media (prefers-reduced-motion: reduce) {
    .v2-hero-media,
    .v2-solution-cms-media { transition: none !important; transform: none !important; }
}


/* Serviços: o próprio card cresce e recolhe. */
.v2-solution-card {
    transition: min-height .28s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}
.v2-solution-card-main {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
.v2-solution-summary { position: relative; z-index: 2; }
.v2-solution-card .v2-solution-open {
    position:absolute;
    right:16px;
    top:16px;
    width:31px;
    height:31px;
    display:grid;
    place-items:center;
    border:1px solid var(--v2-line);
    border-radius:50%;
    background:transparent;
    color:var(--v2-text-soft);
    cursor:pointer;
    z-index:4;
    transition:border-color .18s ease,color .18s ease,background .18s ease,transform .22s ease;
}
.v2-solution-card .v2-solution-open svg {
    width:16px;
    height:16px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .22s ease;
}
.v2-solution-card .v2-solution-open:hover,
.v2-solution-card.is-expanded .v2-solution-open {
    border-color:var(--v2-accent);
    color:var(--v2-accent-strong);
    background:var(--v2-accent-soft);
}
.v2-solution-card.is-expanded {
    min-height: 360px;
    border-color:color-mix(in srgb,var(--v2-accent) 38%,var(--v2-line));
    box-shadow:0 16px 34px color-mix(in srgb,var(--v2-accent) 9%,transparent);
}
.v2-solution-card.is-expanded .v2-solution-open svg { transform: rotate(180deg); }

.v2-solution-expanded[hidden] { display:none !important; }
.v2-solution-expanded {
    position:relative;
    z-index:3;
    margin-top:22px;
    padding-top:20px;
    border-top:1px solid var(--v2-line);
    animation:serviceCardReveal .24s ease both;
}
.v2-solution-expanded-copy small {
    display:block;
    margin-bottom:8px;
    color:var(--v2-accent-strong);
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.v2-solution-expanded-copy div {
    color:var(--v2-muted);
    font-size:12px;
    line-height:1.72;
}
.v2-solution-expanded .v2-button {
    margin-top:18px;
    width:max-content;
}
@keyframes serviceCardReveal {
    from { opacity:0; transform:translateY(-6px); }
    to { opacity:1; transform:none; }
}

@media(max-width:560px) {
    .v2-solution-card.is-expanded { min-height: 330px; }
    .v2-solution-expanded .v2-button { width:100%; }
}


/* Mantém cada card com sua própria altura. O card aberto aumenta a linha e empurra as linhas abaixo. */
.v2-solution-grid { align-items:start; }
.v2-solution-card { height:auto; align-self:start; }
.v2-solution-card-main { min-height:188px; }
.v2-solution-card.is-expanded { min-height:0; }
.v2-solution-card.is-expanded .v2-solution-card-main { min-height:188px; }


/* Hero em faixa contínua: remove o “card” da mídia e encosta a arte no topo/lateral. */
.v2-home .v2-hero-inner {
    align-items: stretch;
}
.v2-home .v2-hero-visual.has-cms-media {
    align-self: stretch;
    height: auto;
    min-height: 0;
    overflow: visible;
    border-radius: 0;
    background: transparent !important;
}
.v2-home .v2-hero-visual.has-cms-media::after {
    display: none !important;
}
.v2-home .v2-hero-visual.has-cms-media .v2-hero-media-stack {
    inset: 0 calc((100vw - min(1180px, calc(100vw - 48px))) / -2) 0 0;
    border-radius: 0;
}
.v2-home .v2-hero-visual.has-cms-media .v2-hero-media img {
    object-fit: contain;
    object-position: center bottom;
    padding: 0;
}
@media (max-width: 900px) {
    .v2-home .v2-hero-visual.has-cms-media {
        min-height: 360px;
        margin-top: 0;
    }
    .v2-home .v2-hero-visual.has-cms-media .v2-hero-media-stack {
        inset: 0 calc((100vw - min(100%, calc(100vw - 28px))) / -2);
    }
}
@media (max-width: 560px) {
    .v2-home .v2-hero-visual.has-cms-media {
        min-height: 300px;
    }
}


/* Mobile polish 18/09/2026: hero limpo, CTAs compactos e navegação ancorada ao header. */
@media (max-width: 860px) {
    .site-header.v2-header {
        position: sticky;
        top: 0;
        z-index: 1000;
    }

    .v2-header-inner {
        position: relative;
    }

    .site-menu-button.v2-menu-button {
        display: grid;
        place-content: center;
        gap: 4px;
        width: 42px;
        height: 42px;
        border: 1px solid var(--v2-line, var(--line));
        background: var(--v2-surface, rgba(255,255,255,.04));
        color: var(--v2-text, var(--text));
        box-shadow: none;
    }

    .site-menu-button.v2-menu-button span {
        display: block;
        width: 18px;
        height: 2px;
        margin: 0;
        border-radius: 999px;
        background: currentColor;
        opacity: 1;
        transition: transform .18s ease, opacity .18s ease;
    }

    .site-menu-button.v2-menu-button[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
    .site-menu-button.v2-menu-button[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
    .site-menu-button.v2-menu-button[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

    .site-nav.v2-nav {
        position: absolute;
        z-index: 1001;
        top: calc(100% + 8px);
        left: 15px;
        right: 15px;
        width: auto;
        margin: 0;
        padding: 8px;
        border: 1px solid var(--v2-line, var(--line));
        border-radius: 16px;
        background: var(--v2-surface, #fff);
        box-shadow: 0 18px 48px rgba(0,0,0,.16);
    }

    html[data-theme="dark"] .site-nav.v2-nav {
        background: #08150f;
    }

    .site-nav.v2-nav.is-open {
        display: grid;
    }

    .site-nav.v2-nav a {
        display: block;
        padding: 12px 14px;
        border-radius: 10px;
    }

    /* No mobile a arte do banner sai de cena. O conteúdo vira o protagonista. */
    .v2-home .v2-hero-visual {
        display: none !important;
    }

    .v2-home .v2-hero-inner {
        grid-template-columns: 1fr !important;
        min-height: auto !important;
        padding-bottom: 24px;
    }

    .v2-home .v2-hero-copy-wrap {
        min-height: auto !important;
    }

    .v2-home .v2-hero-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: auto;
        gap: 10px;
        margin-top: 20px;
    }

    .v2-home .v2-hero-actions .v2-button {
        flex: 0 1 auto !important;
        width: auto !important;
        min-height: 44px;
        height: auto;
        padding: 0 18px;
        justify-content: center;
    }
}

@media (max-width: 560px) {
    .v2-home .v2-hero-actions {
        display: flex !important;
        flex-direction: row;
        align-items: center;
        gap: 8px;
    }

    .v2-home .v2-hero-actions .v2-button {
        width: auto !important;
        max-width: 100%;
        min-height: 42px;
        padding: 0 15px;
        font-size: 12px;
        white-space: normal;
        text-align: center;
    }

    .site-nav.v2-nav {
        left: 11px;
        right: 11px;
    }
}


/* Mobile nav 18/09/2026: painel alinhado ao header, sem flutuar sobre o hero. */
@media (max-width: 860px) {
    .site-header.v2-header {
        position: sticky;
        top: 0;
        z-index: 1000;
        overflow: visible;
    }

    .site-header-inner.v2-header-inner {
        position: relative;
    }

    .site-nav.v2-nav {
        position: fixed !important;
        top: 68px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 10px 15px 14px !important;
        border: 0 !important;
        border-top: 1px solid var(--v2-line, var(--line)) !important;
        border-bottom: 1px solid var(--v2-line, var(--line)) !important;
        border-radius: 0 !important;
        background: color-mix(in srgb, var(--v2-bg, #fff) 96%, transparent) !important;
        box-shadow: 0 14px 28px rgba(0,0,0,.08) !important;
        backdrop-filter: blur(18px);
    }

    html[data-theme="dark"] .site-nav.v2-nav {
        background: rgba(8,21,15,.97) !important;
    }

    .site-nav.v2-nav.is-open {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 2px;
    }

    .site-nav.v2-nav a {
        width: 100%;
        padding: 11px 12px !important;
        border-radius: 10px;
        font-size: 13px;
    }
}


/* Neon runner V3: filete luminoso curto percorrendo SOMENTE a borda.
   Sem blur sobre o miolo do card e sem qualquer alteração de layout. */
@property --v2-neon-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@keyframes v2NeonOrbit {
    to { --v2-neon-angle: 360deg; }
}

.v2-plan-card.is-featured,
.v2-solution-card:nth-child(2),
.v2-magazine-card.is-main {
    position: relative;
    isolation: isolate;
}

.v2-plan-card.is-featured::before,
.v2-solution-card.is-active::before,
.v2-magazine-card.is-main::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0;
    padding: 2px;
    border-radius: inherit;
    box-sizing: border-box;
    pointer-events: none;
    background: conic-gradient(
        from var(--v2-neon-angle),
        transparent 0deg 304deg,
        rgba(68,255,159,0) 309deg,
        rgba(68,255,159,.30) 314deg,
        #43ff9d 319deg,
        #baffda 323deg,
        #f0fff7 326deg,
        #baffda 329deg,
        #43ff9d 333deg,
        rgba(68,255,159,.30) 338deg,
        rgba(68,255,159,0) 343deg,
        transparent 360deg
    );
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: v2NeonOrbit 5.2s linear infinite;
}

/* Halo acompanha o mesmo filete, mas continua recortado na borda.
   Assim não nasce o “facho de radar” atravessando o card. */
.v2-plan-card.is-featured::after,
.v2-solution-card.is-active::after,
.v2-magazine-card.is-main::after {
    content: "";
    position: absolute;
    z-index: 19;
    inset: 0;
    padding: 5px;
    border-radius: inherit;
    box-sizing: border-box;
    pointer-events: none;
    background: conic-gradient(
        from var(--v2-neon-angle),
        transparent 0deg 309deg,
        rgba(48,255,145,0) 314deg,
        rgba(48,255,145,.26) 320deg,
        rgba(135,255,193,.42) 326deg,
        rgba(48,255,145,.26) 332deg,
        rgba(48,255,145,0) 338deg,
        transparent 360deg
    );
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    filter: blur(3px);
    animation: v2NeonOrbit 5.2s linear infinite;
}

.v2-solution-card.is-active::before,
.v2-solution-card.is-active::after { animation-delay: -1.7s; }

.v2-magazine-card.is-main::before,
.v2-magazine-card.is-main::after { animation-delay: -3.4s; }

/* No claro, núcleo quase branco para o neon continuar evidente. */
html[data-theme="light"] .v2-plan-card.is-featured::before,
html[data-theme="light"] .v2-solution-card.is-active::before,
html[data-theme="light"] .v2-magazine-card.is-main::before {
    filter: saturate(1.18) brightness(1.02);
}

html[data-theme="light"] .v2-plan-card.is-featured::after,
html[data-theme="light"] .v2-solution-card.is-active::after,
html[data-theme="light"] .v2-magazine-card.is-main::after {
    opacity: .88;
}

@media (prefers-reduced-motion: reduce) {
    .v2-plan-card.is-featured::before,
    .v2-solution-card.is-active::before,
    .v2-magazine-card.is-main::before,
    .v2-plan-card.is-featured::after,
    .v2-solution-card.is-active::after,
    .v2-magazine-card.is-main::after {
        animation: none;
    }
}


/* Neon orbital também acompanha a categoria ativa em Benefícios. */
.v2-benefit-tile.is-active {
    position: relative;
    isolation: isolate;
}

.v2-benefit-tile.is-active::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0;
    padding: 2px;
    border-radius: inherit;
    box-sizing: border-box;
    pointer-events: none;
    background: conic-gradient(
        from var(--v2-neon-angle),
        transparent 0deg 304deg,
        rgba(68,255,159,0) 309deg,
        rgba(68,255,159,.30) 314deg,
        #43ff9d 319deg,
        #baffda 323deg,
        #f0fff7 326deg,
        #baffda 329deg,
        #43ff9d 333deg,
        rgba(68,255,159,.30) 338deg,
        rgba(68,255,159,0) 343deg,
        transparent 360deg
    );
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: v2NeonOrbit 5.2s linear infinite;
}

.v2-benefit-tile.is-active::after {
    content: "";
    position: absolute;
    z-index: 19;
    inset: 0;
    padding: 5px;
    border-radius: inherit;
    box-sizing: border-box;
    pointer-events: none;
    background: conic-gradient(
        from var(--v2-neon-angle),
        transparent 0deg 309deg,
        rgba(48,255,145,0) 314deg,
        rgba(48,255,145,.26) 320deg,
        rgba(135,255,193,.42) 326deg,
        rgba(48,255,145,.26) 332deg,
        rgba(48,255,145,0) 338deg,
        transparent 360deg
    );
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    filter: blur(3px);
    animation: v2NeonOrbit 5.2s linear infinite;
}

html[data-theme="light"] .v2-benefit-tile.is-active::before {
    filter: saturate(1.18) brightness(1.02);
}

html[data-theme="light"] .v2-benefit-tile.is-active::after {
    opacity: .88;
}

@media (prefers-reduced-motion: reduce) {
    .v2-benefit-tile.is-active::before,
    .v2-benefit-tile.is-active::after {
        animation: none;
    }
}


/* Revista home: composição editorial compacta, com proporção de capa/jornal. */
.v2-magazine-home .v2-magazine-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
    align-items:start;
}

.v2-magazine-home .v2-magazine-card,
.v2-magazine-home .v2-magazine-card.is-main {
    display:block;
    grid-column:auto;
    min-width:0;
}

.v2-magazine-home .v2-magazine-cover {
    width:100%;
    aspect-ratio:4 / 3;
    max-height:220px;
    border-radius:12px;
}

.v2-magazine-home .v2-magazine-card.is-main .v2-magazine-cover {
    aspect-ratio:4 / 3;
    max-height:220px;
}

.v2-magazine-home .v2-magazine-card > div,
.v2-magazine-home .v2-magazine-card.is-main > div {
    padding:11px 2px 0;
}

.v2-magazine-home .v2-magazine-card h3,
.v2-magazine-home .v2-magazine-card.is-main h3 {
    margin:6px 0;
    font-size:18px;
    line-height:1.22;
}

.v2-magazine-home .v2-magazine-card p {
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    font-size:10px;
    line-height:1.5;
}

@media (max-width: 820px) {
    .v2-magazine-home .v2-magazine-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:18px;
    }
    .v2-magazine-home .v2-magazine-cover,
    .v2-magazine-home .v2-magazine-card.is-main .v2-magazine-cover {
        max-height:190px;
    }
}

@media (max-width: 560px) {
    .v2-magazine-home .v2-magazine-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:14px 10px;
    }
    .v2-magazine-home .v2-magazine-cover,
    .v2-magazine-home .v2-magazine-card.is-main .v2-magazine-cover {
        aspect-ratio:4 / 3;
        max-height:150px;
        border-radius:10px;
    }
    .v2-magazine-home .v2-magazine-card h3,
    .v2-magazine-home .v2-magazine-card.is-main h3 {
        font-size:14px;
    }
    .v2-magazine-home .v2-magazine-card p {
        display:none;
    }
}


/* Revista V2: leitura com linguagem de jornal/revista. */
.magazine-reading-page{padding:44px 0 100px;background:var(--v2-bg);color:var(--v2-text)}
.magazine-reading-shell{max-width:1180px}
.magazine-reading-nav{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding-bottom:18px;border-bottom:1px solid var(--v2-line)}
.magazine-reading-back{color:var(--v2-muted);font-size:11px;font-weight:800;text-decoration:none}
.magazine-reading-pager{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:28px}
.magazine-reading-pager a{display:grid;gap:3px;color:var(--v2-text);text-decoration:none}
.magazine-reading-pager small{color:var(--v2-accent-strong);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.magazine-reading-pager strong{font-size:10px;line-height:1.35}
.magazine-reading-header{max-width:930px;margin:42px 0 34px}
.magazine-reading-header h1{max-width:900px;margin:9px 0 12px;font-size:clamp(42px,5.4vw,70px);line-height:.98;letter-spacing:-.055em}
.magazine-reading-lead{max-width:760px;margin:0;color:var(--v2-muted);font-size:16px;line-height:1.55}
.magazine-reading-byline{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:17px;color:var(--v2-muted);font-size:9px}
.magazine-reading-grid{display:grid;grid-template-columns:190px minmax(0,820px);gap:48px;align-items:start}
.magazine-category-rail{position:sticky;top:92px;display:grid;gap:0;border-top:2px solid var(--v2-text)}
.magazine-category-rail>span{padding:12px 0 8px;color:var(--v2-text);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}
.magazine-category-rail a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--v2-line);color:var(--v2-muted);font-size:10px;text-decoration:none}
.magazine-category-rail a.is-current,.magazine-category-rail a:hover{color:var(--v2-accent-strong)}
.magazine-category-rail small{font-size:8px}
.magazine-story{min-width:0}
.magazine-story-cover{float:left;width:min(48%,390px);margin:0 28px 18px 0;overflow:hidden;border-radius:4px;background:var(--v2-surface-soft)}
.magazine-story-cover img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.magazine-story-prose{font-family:Georgia,"Times New Roman",serif;color:var(--v2-text-soft);font-size:16px;line-height:1.72}
.magazine-story-prose::after{content:"";display:block;clear:both}
.magazine-story-prose p:first-of-type::first-letter{float:left;margin:7px 8px 0 0;color:var(--v2-accent-strong);font-family:Georgia,serif;font-size:58px;font-weight:700;line-height:.72}
.magazine-story-prose h2,.magazine-story-prose h3{font-family:Arial,sans-serif}
.magazine-story-actions{clear:both;display:flex;gap:8px;margin-top:34px;padding:18px 0;border-block:1px solid var(--v2-line)}
.magazine-action-button{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid var(--v2-line);border-radius:999px;background:transparent;color:var(--v2-text);font:inherit;font-size:10px;font-weight:800;text-decoration:none;cursor:pointer}
.magazine-action-button:hover{border-color:var(--v2-accent);color:var(--v2-accent-strong)}
.magazine-comments-placeholder{margin-top:36px;padding:28px;border:1px solid var(--v2-line);border-radius:14px;background:var(--v2-surface)}
.magazine-comments-placeholder h2{margin:5px 0 6px;font-size:25px}.magazine-comments-placeholder p{margin:0;color:var(--v2-muted);font-size:11px}
.magazine-more{margin-top:74px;padding-top:26px;border-top:2px solid var(--v2-text)}
.magazine-more-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}
.magazine-more-head h2{margin:5px 0 0;font-size:30px;letter-spacing:-.04em}.magazine-more-head>a{color:var(--v2-accent-strong);font-size:10px;font-weight:850;text-decoration:none}
.magazine-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px}
.magazine-more-grid article{min-width:0}.magazine-more-cover{display:block;margin-bottom:10px;overflow:hidden;border-radius:5px;background:var(--v2-surface-soft);aspect-ratio:4/3}
.magazine-more-cover img{width:100%;height:100%;object-fit:cover}.magazine-more-cover>span{display:grid;width:100%;height:100%;place-items:center;color:var(--v2-accent-strong);font-size:28px;font-weight:950}
.magazine-more-grid small{color:var(--v2-accent-strong);font-size:8px;font-weight:900;text-transform:uppercase}.magazine-more-grid h3{margin:5px 0;font-size:15px;line-height:1.2}.magazine-more-grid h3 a{text-decoration:none}

/* Quatro variações automáticas, mantendo a mesma gramática editorial. */
.magazine-reading-page.editorial-2 .magazine-story-cover{width:min(40%,330px)}
.magazine-reading-page.editorial-2 .magazine-reading-header h1{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.04em}
.magazine-reading-page.editorial-3 .magazine-story-cover{float:right;width:min(46%,370px);margin:0 0 18px 28px}
.magazine-reading-page.editorial-3 .magazine-story-prose{font-size:15.5px}
.magazine-reading-page.editorial-4 .magazine-story-cover{float:none;width:100%;max-width:none;margin:0 0 26px}
.magazine-reading-page.editorial-4 .magazine-story-cover img{aspect-ratio:16/7}
.magazine-reading-page.editorial-4 .magazine-story-prose{columns:2;column-gap:34px}.magazine-reading-page.editorial-4 .magazine-story-prose h2,.magazine-reading-page.editorial-4 .magazine-story-prose h3,.magazine-reading-page.editorial-4 .magazine-story-prose figure{column-span:all}

@media(max-width:820px){
 .magazine-reading-grid{grid-template-columns:1fr}.magazine-category-rail{position:static;display:flex;overflow-x:auto;border-top:1px solid var(--v2-line);border-bottom:1px solid var(--v2-line);gap:16px;padding:8px 0}.magazine-category-rail>span{display:none}.magazine-category-rail a{flex:0 0 auto;border:0;padding:7px 0}
 .magazine-reading-pager{grid-template-columns:1fr}.magazine-reading-pager a:first-child{display:none}.magazine-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .magazine-reading-page.editorial-4 .magazine-story-prose{columns:1}
}
@media(max-width:560px){
 .magazine-reading-page{padding-top:26px}.magazine-reading-nav{align-items:center}.magazine-reading-pager{max-width:145px}.magazine-reading-pager strong{display:none}
 .magazine-reading-header{margin:30px 0 24px}.magazine-reading-header h1{font-size:clamp(36px,11vw,50px)}.magazine-reading-lead{font-size:14px}
 .magazine-story-cover,.magazine-reading-page.editorial-2 .magazine-story-cover,.magazine-reading-page.editorial-3 .magazine-story-cover{float:none;width:100%;max-width:none;margin:0 0 20px}.magazine-story-cover img{aspect-ratio:4/3}
 .magazine-story-prose{font-size:15px;line-height:1.7}.magazine-more{margin-top:54px}.magazine-more-grid{gap:16px 10px}.magazine-more-grid h3{font-size:13px}.magazine-comments-placeholder{padding:20px}
}

.magazine-author-link{color:inherit;font-weight:850;text-decoration:underline;text-decoration-color:var(--v2-accent);text-underline-offset:3px}.magazine-author-link:hover{color:var(--v2-accent-strong)}
.author-public-main{padding:50px 0 100px;background:var(--v2-bg);color:var(--v2-text)}.author-public-shell{max-width:1080px}
.author-public-hero{display:grid;grid-template-columns:180px minmax(0,650px);gap:38px;align-items:start;margin:48px 0 54px;padding-bottom:46px;border-bottom:2px solid var(--v2-text)}
.author-public-avatar{width:180px;aspect-ratio:1;overflow:hidden;border-radius:50%;background:var(--v2-surface-soft)}.author-public-avatar img{width:100%;height:100%;object-fit:cover}.author-public-avatar span{display:grid;width:100%;height:100%;place-items:center;color:var(--v2-accent-strong);font-size:62px;font-weight:950}
.author-public-hero h1{margin:7px 0 5px;font-size:clamp(42px,6vw,68px);line-height:1;letter-spacing:-.055em}.author-public-hero strong{color:var(--v2-accent-strong);font-size:12px}.author-public-hero p{max-width:620px;margin:16px 0 0;color:var(--v2-muted);font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.65}
.author-public-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px}.author-public-links a{color:var(--v2-text);font-size:10px;font-weight:850;text-decoration:none}.author-public-links a:hover{color:var(--v2-accent-strong)}
.author-public-bio{display:grid;grid-template-columns:180px minmax(0,650px);gap:38px;margin-bottom:64px}.author-public-bio>div{font-family:Georgia,"Times New Roman",serif;color:var(--v2-text-soft);font-size:16px;line-height:1.75}
.author-public-posts{padding-top:28px;border-top:1px solid var(--v2-line)}.author-public-posts .magazine-more-head small{color:var(--v2-muted);font-size:10px}.author-public-empty{color:var(--v2-muted)}
@media(max-width:640px){.author-public-hero{grid-template-columns:1fr;gap:22px;margin-top:32px}.author-public-avatar{width:112px}.author-public-hero h1{font-size:44px}.author-public-bio{grid-template-columns:1fr;gap:12px}}

/* Índice da Revista: capa editorial + arquivo de publicações. */
.magazine-index-page{padding:42px 0 100px;background:var(--v2-bg);color:var(--v2-text)}.magazine-index-shell{max-width:1180px}
.magazine-masthead{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:60px;align-items:end;padding-bottom:30px;border-bottom:3px solid var(--v2-text)}
.magazine-masthead h1{margin:7px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,7vw,86px);font-weight:700;line-height:.91;letter-spacing:-.055em}.magazine-masthead>p{margin:0 0 8px;color:var(--v2-muted);font-family:Georgia,"Times New Roman",serif;font-size:14px;line-height:1.55}
.magazine-editions-nav{display:flex;gap:20px;overflow-x:auto;padding:13px 0;border-bottom:1px solid var(--v2-line)}.magazine-editions-nav a{display:flex;gap:5px;flex:0 0 auto;color:var(--v2-muted);font-size:9px;font-weight:850;text-decoration:none;text-transform:uppercase;letter-spacing:.05em}.magazine-editions-nav a.is-current,.magazine-editions-nav a:hover{color:var(--v2-accent-strong)}.magazine-editions-nav small{font-size:7px}
.magazine-front-page{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.8fr);gap:26px;padding:28px 0 42px;border-bottom:2px solid var(--v2-text)}
.magazine-lead-story{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);gap:24px}.magazine-lead-image,.magazine-secondary-image,.magazine-archive-cover{display:block;overflow:hidden;background:var(--v2-surface-soft)}.magazine-lead-image{aspect-ratio:4/3}.magazine-lead-image img,.magazine-secondary-image img,.magazine-archive-cover img{width:100%;height:100%;object-fit:cover}.magazine-lead-image>span,.magazine-secondary-image>span,.magazine-archive-cover>span{display:grid;width:100%;height:100%;place-items:center;color:var(--v2-accent-strong);font-size:30px;font-weight:950}
.magazine-lead-story small,.magazine-front-secondary small,.magazine-archive-grid small{color:var(--v2-accent-strong);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.magazine-lead-story h2{margin:7px 0 10px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(27px,3vw,42px);line-height:1.02;letter-spacing:-.035em}.magazine-lead-story h2 a,.magazine-front-secondary h3 a,.magazine-archive-grid h3 a{color:inherit;text-decoration:none}.magazine-lead-story p{color:var(--v2-muted);font-family:Georgia,"Times New Roman",serif;font-size:12px;line-height:1.55}.magazine-lead-story div>span,.magazine-archive-grid div>span{color:var(--v2-muted);font-size:8px}
.magazine-front-secondary{display:grid;gap:22px}.magazine-front-secondary article+article{padding-top:20px;border-top:1px solid var(--v2-line)}.magazine-secondary-image{margin-bottom:10px;aspect-ratio:16/9}.magazine-front-secondary h3{margin:5px 0;font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.1}
.magazine-archive{display:grid;grid-template-columns:180px minmax(0,1fr);gap:38px;padding-top:42px}.magazine-archive-title{position:sticky;top:90px;align-self:start}.magazine-archive-title h2{margin:5px 0;font-family:Georgia,"Times New Roman",serif;font-size:32px}.magazine-archive-title p{color:var(--v2-muted);font-size:10px;line-height:1.5}
.magazine-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}.magazine-archive-grid article.is-wide{grid-column:span 2}.magazine-archive-cover{aspect-ratio:4/3;margin-bottom:10px}.magazine-archive-grid article.is-wide .magazine-archive-cover{aspect-ratio:16/8}.magazine-archive-grid h3{margin:5px 0;font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.16}
@media(max-width:820px){.magazine-masthead{grid-template-columns:1fr;gap:18px}.magazine-front-page{grid-template-columns:1fr}.magazine-front-secondary{grid-template-columns:repeat(2,1fr)}.magazine-front-secondary article+article{padding-top:0;border-top:0}.magazine-archive{grid-template-columns:1fr}.magazine-archive-title{position:static}.magazine-archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.magazine-index-page{padding-top:28px}.magazine-masthead h1{font-size:48px}.magazine-lead-story{grid-template-columns:1fr}.magazine-front-secondary{grid-template-columns:repeat(2,1fr);gap:10px}.magazine-front-secondary h3{font-size:14px}.magazine-archive-grid{gap:22px 10px}.magazine-archive-grid article.is-wide{grid-column:auto}.magazine-archive-grid article.is-wide .magazine-archive-cover{aspect-ratio:4/3}.magazine-archive-grid h3{font-size:13px}}

/* Revista: navegação editorial lateral + autores */
.magazine-index-body{display:grid;grid-template-columns:210px minmax(0,1fr);gap:30px}.magazine-index-sidebar{padding-top:18px;border-right:1px solid var(--v2-line);padding-right:18px}.magazine-index-sidebar .magazine-editions-nav{display:grid;gap:0;overflow:visible;padding:0 0 24px;border-bottom:1px solid var(--v2-line)}.magazine-index-sidebar .magazine-editions-nav a{justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--v2-line)}
.magazine-authors-rail{padding-top:24px}.magazine-authors-rail>.section-kicker{display:block;margin-bottom:12px}.magazine-author-mini{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;color:var(--v2-text);text-decoration:none;border-bottom:1px solid var(--v2-line)}.magazine-author-mini-photo{width:42px;height:42px;overflow:hidden;border-radius:50%;background:var(--v2-surface-soft)}.magazine-author-mini-photo img{width:100%;height:100%;object-fit:cover}.magazine-author-mini-photo b{display:grid;width:100%;height:100%;place-items:center;color:var(--v2-accent-strong)}.magazine-author-mini strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:12px}.magazine-author-mini small{display:-webkit-box;margin-top:3px;overflow:hidden;color:var(--v2-muted);font-size:8px;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical}.magazine-author-mini:hover strong{color:var(--v2-accent-strong)}
.magazine-index-content .magazine-front-page{padding-top:28px}
.author-public-main{display:block!important;width:100%;min-height:70vh;background:var(--v2-bg)!important}.author-public-main .author-public-shell{display:block!important}
@media(max-width:820px){.magazine-index-body{grid-template-columns:1fr}.magazine-index-sidebar{padding:10px 0 0;border-right:0}.magazine-index-sidebar .magazine-editions-nav{display:flex;gap:18px;overflow-x:auto;padding-bottom:10px}.magazine-index-sidebar .magazine-editions-nav a{border:0;padding:8px 0}.magazine-authors-rail{display:flex;gap:12px;overflow-x:auto;padding:14px 0;border-top:1px solid var(--v2-line)}.magazine-authors-rail>.section-kicker{display:none}.magazine-author-mini{min-width:190px;border:0}}

/* Perfil público de autor, isolado do legado */
.author-profile-page{min-height:70vh;padding:50px 0 96px;background:var(--v2-bg);color:var(--v2-text)}
.author-profile-back{display:inline-block;margin-bottom:40px;color:var(--v2-accent-strong);font-size:11px;font-weight:850;text-decoration:none}
.author-profile-head{display:grid;grid-template-columns:180px minmax(0,680px);gap:38px;align-items:start;padding-bottom:46px;border-bottom:2px solid var(--v2-text)}
.author-profile-photo{width:180px;aspect-ratio:1;overflow:hidden;border-radius:50%;background:var(--v2-surface-soft)}
.author-profile-photo img{width:100%;height:100%;object-fit:cover}.author-profile-photo span{display:grid;width:100%;height:100%;place-items:center;color:var(--v2-accent-strong);font-size:60px;font-weight:950}
.author-profile-copy small,.author-profile-about small,.author-profile-articles small{color:var(--v2-accent-strong);font-size:9px;font-weight:900;letter-spacing:.1em}
.author-profile-copy h1{margin:7px 0 6px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,6vw,70px);line-height:.96;letter-spacing:-.05em}
.author-profile-copy strong{color:var(--v2-accent-strong);font-size:12px}.author-profile-copy p{max-width:650px;margin:16px 0 0;color:var(--v2-muted);font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.65}
.author-profile-about{display:grid;grid-template-columns:180px minmax(0,680px);gap:38px;padding:38px 0;border-bottom:1px solid var(--v2-line)}.author-profile-about p{margin:0;color:var(--v2-text-soft);font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.75}
.author-profile-articles{padding-top:40px}.author-profile-articles-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.author-profile-articles-head h2{margin:5px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:32px}.author-profile-articles-head>span{color:var(--v2-muted);font-size:10px}
.author-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.author-profile-cover{display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;background:var(--v2-surface-soft);color:var(--v2-accent-strong);text-decoration:none}.author-profile-cover img{width:100%;height:100%;object-fit:cover}.author-profile-grid article>small{display:block;margin-top:10px}.author-profile-grid h3{margin:5px 0;font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.18}.author-profile-grid h3 a{color:var(--v2-text);text-decoration:none}.author-profile-empty{color:var(--v2-muted)}
@media(max-width:700px){.author-profile-head,.author-profile-about{grid-template-columns:1fr;gap:22px}.author-profile-photo{width:112px}.author-profile-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.author-profile-grid{grid-template-columns:1fr}}


/* Revista: contas de leitores, curtidas e comentários. */
.magazine-action-form{display:inline-flex;margin:0}
.magazine-action-button small{min-width:16px;color:var(--v2-muted);font-size:8px;text-align:center}
.magazine-action-button.is-liked{border-color:var(--v2-accent);background:color-mix(in srgb,var(--v2-accent) 12%,transparent);color:var(--v2-accent-strong)}
.magazine-reader-panel{margin-top:36px;padding:30px;border:1px solid var(--v2-line);border-radius:14px;background:var(--v2-surface)}
.magazine-comments-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--v2-line)}
.magazine-comments-head h2{margin:5px 0 0;font-size:28px}.magazine-comments-head>span{color:var(--v2-muted);font-size:10px}
.magazine-reader-alert{margin:18px 0 0;padding:12px 14px;border-radius:8px;font-size:11px;line-height:1.45}
.magazine-reader-alert.is-error{border:1px solid #d78b8b;background:#fff2f2;color:#852d2d}
.magazine-reader-alert.is-success{border:1px solid color-mix(in srgb,var(--v2-accent) 45%,var(--v2-line));background:color-mix(in srgb,var(--v2-accent) 10%,var(--v2-surface));color:var(--v2-accent-strong)}
.magazine-reader-intro{padding:24px 0 18px}.magazine-reader-intro h3{margin:0 0 6px;font-size:21px}.magazine-reader-intro p{margin:0;color:var(--v2-muted);font-size:11px;line-height:1.5}
.magazine-reader-auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.magazine-reader-card{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--v2-line);border-radius:10px;background:var(--v2-bg)}
.magazine-reader-card h3{margin:0 0 2px;font-size:16px}.magazine-reader-card label,.magazine-comment-form label,.magazine-reply-form label{display:grid;gap:6px;color:var(--v2-text);font-size:9px;font-weight:850}
.magazine-reader-card label>span,.magazine-reply-form label>span{text-transform:uppercase;letter-spacing:.06em}
.magazine-reader-card input,.magazine-comment-form textarea,.magazine-reply-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--v2-line);border-radius:7px;background:var(--v2-surface);color:var(--v2-text);font:inherit;outline:none}
.magazine-reader-card input{height:40px;padding:0 11px}.magazine-comment-form textarea,.magazine-reply-form textarea{min-height:96px;padding:11px;resize:vertical;line-height:1.55}
.magazine-reader-card input:focus,.magazine-comment-form textarea:focus,.magazine-reply-form textarea:focus{border-color:var(--v2-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--v2-accent) 14%,transparent)}
.magazine-reader-card label small{color:var(--v2-muted);font-size:8px;font-weight:500}
.magazine-reader-card button,.magazine-comment-form button,.magazine-reply-form button{align-self:flex-start;padding:10px 16px;border:0;border-radius:999px;background:var(--v2-accent-strong);color:#fff;font:inherit;font-size:10px;font-weight:900;cursor:pointer}
.magazine-reader-card button:hover,.magazine-comment-form button:hover,.magazine-reply-form button:hover{filter:brightness(.92)}
.magazine-reader-session{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:14px 16px;border-radius:9px;background:var(--v2-surface-soft)}
.magazine-reader-session div{display:grid;gap:2px}.magazine-reader-session span{color:var(--v2-muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.magazine-reader-session strong{font-size:12px}
.magazine-reader-session button{border:0;background:transparent;color:var(--v2-accent-strong);font:inherit;font-size:9px;font-weight:900;cursor:pointer}
.magazine-comment-form{display:grid;gap:9px;margin-top:16px;padding:20px;border:1px solid var(--v2-line);border-radius:10px;background:var(--v2-bg)}
.magazine-comment-form>div{display:flex;align-items:center;justify-content:space-between;gap:16px}.magazine-comment-form>div small{color:var(--v2-muted);font-size:9px}
.magazine-comments-list{display:grid;gap:18px;margin-top:30px;padding-top:26px;border-top:1px solid var(--v2-line)}
.magazine-comments-empty{display:grid;gap:5px;padding:22px;border:1px dashed var(--v2-line);border-radius:9px;text-align:center}.magazine-comments-empty strong{font-size:13px}.magazine-comments-empty span{color:var(--v2-muted);font-size:10px}
.magazine-public-comment{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px}
.magazine-comment-avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--v2-accent) 14%,var(--v2-surface-soft));color:var(--v2-accent-strong);font-size:13px;font-weight:950}
.magazine-comment-content{min-width:0;padding-bottom:16px;border-bottom:1px solid var(--v2-line)}
.magazine-comment-content header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.magazine-comment-content header strong{font-size:11px}.magazine-comment-content time{color:var(--v2-muted);font-size:8px}
.magazine-comment-content>p{margin:8px 0 0;color:var(--v2-text-soft);font-family:Georgia,"Times New Roman",serif;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.magazine-comment-replies{display:grid;gap:18px;margin-left:min(calc((var(--comment-depth,0) + 1)*28px),84px);padding-left:14px;border-left:2px solid color-mix(in srgb,var(--v2-accent) 24%,var(--v2-line))}
.magazine-reply-box{margin-top:8px}.magazine-reply-box summary{width:max-content;color:var(--v2-accent-strong);font-size:9px;font-weight:850;cursor:pointer;list-style:none}.magazine-reply-box summary::-webkit-details-marker{display:none}
.magazine-reply-form{display:grid;gap:8px;margin-top:10px;padding:12px;border-radius:8px;background:var(--v2-bg)}
@media(max-width:700px){
 .magazine-reader-panel{padding:20px}.magazine-reader-auth-grid{grid-template-columns:1fr}.magazine-comments-head{align-items:start}
 .magazine-comment-form>div{align-items:flex-start;flex-direction:column}.magazine-story-actions{flex-wrap:wrap}
 .magazine-comment-replies{margin-left:14px;padding-left:10px}.magazine-public-comment{grid-template-columns:30px minmax(0,1fr);gap:9px}.magazine-comment-avatar{width:30px;height:30px;font-size:11px}
}