@media (max-width: 1180px) {
    :root { --container: min(100% - 40px,1120px); }
    .header-inner { grid-template-columns: 1fr auto; }
    .primary-nav { display: none; }
    .menu-toggle { display: grid; }
    .social-rail { display: none; }

    .mobile-panel { display: flex; position: fixed; z-index: 90; top: 0; right: 0; width: min(500px,92vw); height: 100dvh; padding: 24px; background: var(--green); color: var(--paper); flex-direction: column; transform: translateX(105%); transition: transform .42s var(--ease); pointer-events: none; }
    .mobile-panel.is-open { transform: none; pointer-events: auto; }
    .mobile-panel-backdrop { display: block; position: fixed; z-index: 80; inset: 0; background: rgba(var(--overlay-rgb),.62); opacity: 0; transition: opacity .3s ease; pointer-events: none; }
    .mobile-panel-backdrop.is-open { opacity: 1; pointer-events: auto; }
    .mobile-panel-backdrop[hidden] { display: none !important; pointer-events: none !important; }
    .mobile-panel-head { display: flex; justify-content: space-between; align-items: center; padding-bottom: 22px; border-bottom: 1px solid rgba(var(--paper-rgb),.15); }
    .mobile-panel-title { font-family: var(--serif); font-size: 2rem; }
    .mobile-panel .icon-button { color: var(--paper); border-color: rgba(var(--paper-rgb),.2); }
    .mobile-nav { flex: 1; overflow: auto; padding: 30px 0; }
    .mobile-nav ul { list-style: none; margin: 0; padding: 0; display: grid; }
    .mobile-nav > ul > li > a { display: block; padding: 12px 0; font-family: var(--serif); font-size: clamp(2rem,7vw,3.6rem); line-height: 1; border-bottom: 1px solid rgba(var(--paper-rgb),.1); }
    .mobile-nav .sub-menu { padding: 8px 0 16px 18px; }
    .mobile-nav .sub-menu a { display: block; padding: 7px 0; color: rgba(var(--paper-rgb),.7); }
    .mobile-panel-footer { display: grid; gap: 20px; padding-top: 20px; border-top: 1px solid rgba(var(--paper-rgb),.15); }
    .mobile-panel-footer > a { font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
    .mobile-social-links .social-link { background: transparent; color: var(--paper); border-color: rgba(var(--paper-rgb),.2); }

    .hero-visual { min-height: 540px; }
    .post-grid, .collaborator-grid { grid-template-columns: repeat(2,1fr); }
    .columns-carousel { grid-auto-columns: minmax(300px,calc((100% - 20px)/2)); }
    .call-format-grid { grid-template-columns: repeat(2,1fr); }
    .archive-filter { grid-template-columns: repeat(3,1fr); }
    .archive-filter .button { grid-column: 1 / -1; justify-self: start; }
}

@media (max-width: 900px) {
    .topbar-copy { display: none; }
    .topbar-inner { grid-template-columns: 1fr auto; }
    .hero-grid, .explore-grid, .photo-grid, .taxonomy-hero-grid, .issue-hero-grid, .manifesto-grid, .contact-hero-grid, .call-page-grid, .contact-grid, .author-hero-grid { grid-template-columns: 1fr; }
    .hero-copy { order: 2; }
    .hero-visual { order: 1; min-height: 68vw; }
    .latest-grid { grid-template-columns: 1fr; }
    .latest-item-1 { grid-row: auto; }
    .latest-item:not(.latest-item-1) { grid-template-columns: 160px 1fr; }
    .explore-intro, .photo-copy { position: static; }
    .photo-mosaic { margin-top: 20px; }
    .call-card { grid-template-columns: 1fr; }
    .footer-main { grid-template-columns: 1fr 1fr; }
    .footer-cta { grid-column: 1 / -1; max-width: 760px; }
    .issue-section { grid-template-columns: 1fr; }
    .column-directory-item { grid-template-columns: 60px 1fr 50px; }
    .column-directory-item > div:nth-child(3) { grid-column: 2 / 3; }
    .column-directory-item .circle-link { grid-column: 3; grid-row: 1 / span 2; }
    .taxonomy-visual, .issue-cover, .taxonomy-visual img, .issue-cover img { min-height: 60vw; }
    .author-photo { max-width: 360px; }
    .search-shell { padding-top: 40px; }
    .instant-search-results { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
    :root { --container: calc(100vw - 28px); --wide: calc(100vw - 16px); --reading: calc(100vw - 34px); }
    .section-pad { padding: 68px 0; }
    .compact-top { padding-top: 24px; }
    .compact-bottom { padding-bottom: 24px; }
    .site-topbar { display: none; }
    .header-inner { min-height: 70px; }
    .brand-mark { width: 40px; height: 40px; font-size: 1.7rem; }
    .brand-word { font-size: .8rem; }
    .icon-button { width: 42px; height: 42px; }

    h1 { font-size: clamp(3.2rem,18vw,5.4rem); }
    h2 { font-size: clamp(2.3rem,12vw,4.2rem); }
    .hero-deck { font-size: 1.25rem; }
    .section-heading { align-items: flex-start; flex-direction: column; }
    .latest-item:not(.latest-item-1) { grid-template-columns: 110px 1fr; gap: 14px; }
    .latest-item:not(.latest-item-1) .latest-copy p { display: none; }
    .latest-copy h3 { font-size: 1.55rem; }
    .explore-row { grid-template-columns: 44px 1fr 38px; min-height: 80px; }
    .explore-desc { display: none; }
    .explore-arrow { grid-column: 3; }
    .columns-carousel { grid-auto-columns: 88%; }
    .column-card { min-height: 390px; }
    .photo-mosaic { grid-template-columns: 1fr; }
    .photo-tile, .photo-tile:nth-child(1), .photo-tile:nth-child(4) { min-height: 65vw; grid-column: auto; grid-row: auto; }
    .call-card { min-height: 470px; padding: 28px 22px; }

    .post-grid, .collaborator-grid, .values-grid, .call-format-grid { grid-template-columns: 1fr; }
    .entry-content blockquote { margin-inline: 0; padding-left: 20px; }
    .author-card { grid-template-columns: 88px 1fr; align-items: start; }
    .article-headline h1 { font-size: clamp(3.3rem,16vw,6.2rem); }
    .issue-list a { grid-template-columns: 1fr; gap: 4px; }
    .column-directory-item { grid-template-columns: 40px 1fr; padding: 24px 0; }
    .column-directory-item .circle-link { grid-column: 2; grid-row: auto; }
    .column-directory-item > div:nth-child(3) { grid-column: 2; }
    .alphabet { gap: 5px; }
    .alphabet span { width: 28px; height: 28px; }
    .archive-filter { grid-template-columns: 1fr; }
    .archive-filter .button { grid-column: auto; width: 100%; }

    .footer-main { grid-template-columns: 1fr; }
    .footer-cta { grid-column: auto; }
    .footer-bottom { grid-template-columns: 1fr; }
    .footer-bottom span:last-child { text-align: left; }
    .footer-watermark { bottom: 0; right: -10vw; }

    .back-to-top { width: 54px; height: 54px; right: 14px; bottom: 14px; }
    .back-to-top-icon { width: 44px; height: 44px; }
    .search-shell { width: calc(100vw - 28px); }
    .search-head p { display: none; }
    .instant-search-form input { font-size: 2.2rem; padding-right: 10px; }
    .search-submit { width: 48px; height: 48px; }
}

@media (max-width: 1180px) {
    .featured-layout { grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr); }
}

@media (max-width: 900px) {
    .featured-layout, .manifesto-home-grid, .social-home-grid { grid-template-columns: 1fr; }
    .featured-main h3 { font-size: clamp(2.5rem,8vw,5rem); }
    .explore-preview { display: none; }
    .manifesto-home-art { min-height: 62vw; }
    .social-home-grid { min-height: 0; align-items: start; }
}

@media (max-width: 680px) {
    .featured-layout { gap: 34px; }
    .featured-main-image { aspect-ratio: 1 / 1.08; }
    .featured-main h3 { font-size: clamp(2.5rem,13vw,4.6rem); }
    .latest-stack-item { grid-template-columns: 104px minmax(0,1fr); gap: 14px; }
    .latest-stack-copy h3 { font-size: 1.45rem; }
    .manifesto-home-art { min-height: 82vw; }
    .manifesto-home-copy h2 { font-size: clamp(2.7rem,13vw,4.8rem); }
    .social-home-link { grid-template-columns: 42px 1fr 36px; min-height: 68px; }
}

/* Home: mobile/tablet hardening. Keep these rules last. */
@media (max-width: 900px) {
    html, body { max-width: 100%; overflow-x: hidden; }

    .home-hero .hero-grid,
    .featured-layout,
    .explore-grid,
    .manifesto-home-grid,
    .photo-grid,
    .social-home-grid { grid-template-columns: minmax(0,1fr); }

    .home-hero .hero-copy,
    .home-hero .hero-visual,
    .featured-main,
    .featured-main-copy,
    .latest-stack,
    .latest-stack-item,
    .latest-stack-copy,
    .explore-intro,
    .explore-list,
    .manifesto-home-copy,
    .social-home-copy,
    .social-home-links { min-width: 0; width: 100%; }

    .home-hero .hero-copy { order: 1; }
    .home-hero .hero-visual { order: 2; min-height: 0; aspect-ratio: 16 / 10; }
    .home-hero .hero-copy h1 { max-width: 100%; font-size: clamp(3.4rem,11vw,5.5rem); line-height: .94; }
    .home-hero .hero-deck { max-width: 100%; }

    .featured-layout { gap: 38px; }
    .featured-main h3 { font-size: clamp(2.6rem,8.5vw,4.5rem); overflow-wrap: break-word; }
    .latest-stack { max-width: 100%; }

    .explore-intro { position: static; }
    .explore-intro h2 { max-width: 620px; font-size: clamp(2.7rem,8vw,4.2rem); }
    .explore-preview { display: block; width: 100%; max-width: none; aspect-ratio: 16 / 10; margin-top: 20px; }
    .explore-all-cta { margin-top: 16px; }
    .explore-list { margin-top: 34px; }
    .explore-row { grid-template-columns: 52px minmax(0,1fr) 42px; gap: 14px; }
    .explore-name { min-width: 0; }
    .explore-desc { display: none; }
    .explore-arrow { grid-column: 3; }

    .manifesto-home-art { min-height: 0; aspect-ratio: 4 / 3; }
    .manifesto-home-copy h2 { font-size: clamp(2.8rem,9vw,4.7rem); overflow-wrap: break-word; }

    .photo-copy { position: static; }
    .social-home-grid { min-height: 0; align-items: start; }
}

@media (max-width: 680px) {
    .section-pad { padding: 58px 0; }
    .home-hero.section-pad { padding-top: 42px; }

    .home-hero .hero-grid { gap: 34px; }
    .home-hero .hero-copy { gap: 20px; }
    .home-hero .hero-copy h1 { font-size: clamp(3rem,13.2vw,4.15rem); line-height: .94; letter-spacing: -.045em; }
    .home-hero .hero-deck { font-size: 1.08rem; line-height: 1.38; }
    .home-hero .button { width: 100%; max-width: 100%; padding-inline: 16px; }
    .home-hero .hero-visual { aspect-ratio: 4 / 3; }

    .featured-layout { gap: 30px; }
    .featured-main-image { aspect-ratio: 4 / 3; }
    .featured-main-copy { padding-top: 18px; }
    .featured-main h3 { margin-top: 10px; font-size: clamp(2.2rem,10.8vw,3.35rem); line-height: .96; }
    .featured-main p { font-size: .98rem; line-height: 1.55; }
    .latest-stack-item { grid-template-columns: 92px minmax(0,1fr); gap: 13px; padding: 14px 0; }
    .latest-stack-copy h3 { font-size: clamp(1.25rem,6vw,1.6rem); line-height: 1.02; overflow-wrap: break-word; }
    .latest-author { margin-top: 10px; }

    .explore-intro h2 { font-size: clamp(2.25rem,10.5vw,3.25rem); line-height: .96; }
    .explore-preview { aspect-ratio: 4 / 3; margin-top: 18px; }
    .explore-all-cta { width: 100%; }
    .explore-list { margin-top: 30px; }
    .explore-row { grid-template-columns: 32px minmax(0,1fr) 36px; gap: 9px; min-height: 76px; padding: 10px 0; }
    .explore-number { font-size: .62rem; }
    .explore-name { font-size: clamp(1.6rem,7.4vw,2.08rem); line-height: .98; overflow-wrap: normal; word-break: normal; hyphens: none; }
    .explore-arrow { width: 34px; height: 34px; }
    .explore-row:hover, .explore-row:focus-visible { padding-inline: 9px; }
    .explore-empty { min-height: 220px; }

    .manifesto-home-grid { gap: 30px; }
    .manifesto-home-art { aspect-ratio: 4 / 3; min-height: 0; }
    .manifesto-home-copy h2 { font-size: clamp(2.35rem,10.8vw,3.55rem); line-height: .97; }
    .manifesto-home-copy p { font-size: 1rem; line-height: 1.55; }


    .photo-grid { gap: 30px; }
    .photo-copy h2 { font-size: clamp(2.6rem,12vw,4rem); }
    .photo-mosaic { gap: 12px; }
    .photo-tile, .photo-tile:nth-child(1), .photo-tile:nth-child(4), .photo-tile-fallback { min-height: 72vw !important; }

    .call-card { min-height: 0; padding: 42px 22px; }
    .call-copy h2 { font-size: clamp(2.5rem,12vw,4rem); overflow-wrap: break-word; }

    .social-home-grid { gap: 26px; padding-top: 0; padding-bottom: 0; }
    .social-home-copy h2 { font-size: clamp(2.4rem,11vw,3.65rem); }
    .social-home-link { grid-template-columns: 40px minmax(0,1fr) 34px; gap: 10px; min-height: 64px; }

    .footer-main,
    .footer-bottom { min-width: 0; }
}

/* v0.6 - Cinematic recent readings + compact mobile footer */
@media (max-width: 1180px) {
    .readings-section { --reading-width: clamp(500px,70vw,820px); }
}

@media (max-width: 900px) {
    .readings-section { --reading-width: min(78vw,720px); }
    .reading-card { transform: translateY(26px) scale(.82); }
    .reading-card.is-reading-prev { transform: translateY(16px) scale(.9) rotateY(3deg); }
    .reading-card.is-reading-next { transform: translateY(16px) scale(.9) rotateY(-3deg); }
    .reading-card.is-reading-active { transform: translateY(0) scale(1); }
    .reading-card-media { min-height: 0; aspect-ratio: 16 / 10; }
    .readings-nav { width: 50px; height: 50px; }
}

@media (max-width: 680px) {
    .readings-section { --reading-width: 82vw; }
    .readings-heading { margin-bottom: 20px; }
    .readings-viewport { padding: 4px 0 28px; }
    .readings-track { gap: 10px; }
    .reading-card { opacity: .28; transform: translateY(18px) scale(.86); }
    .reading-card.is-reading-prev,
    .reading-card.is-reading-next { opacity: .5; transform: translateY(10px) scale(.92); }
    .reading-card.is-reading-active { opacity: 1; transform: none; }
    .reading-card-media { aspect-ratio: 4 / 5; min-height: 0; }
    .reading-card-media::before { inset: 9px; }
    .reading-card.is-reading-active .reading-card-media::before { inset: 12px; }
    .reading-card-index { top: 16px; right: 16px; min-width: 38px; height: 38px; }
    .reading-card-copy { left: 20px; right: 20px; bottom: 22px; gap: 8px; }
    .reading-card-title { font-size: clamp(2rem,9.2vw,3rem); line-height: .94; }
    .reading-card-action { opacity: 1; transform: none; }
    .readings-nav { width: 44px; height: 44px; top: 47%; background: rgba(var(--paper-rgb),.9); }
    .readings-nav-prev { left: 8px; }
    .readings-nav-next { right: 8px; }
    .readings-status { max-width: calc(100% - 44px); gap: 10px; margin-top: 0; }

    .site-footer { padding: 46px 0 16px; }
    .footer-main { gap: 26px; }
    .footer-brand-name { margin-bottom: 12px; font-size: clamp(2.5rem,12vw,3.35rem); }
    .footer-brand p { max-width: 330px; font-size: .92rem; line-height: 1.45; }
    .footer-label { margin-bottom: 10px; }
    .footer-nav ul { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px 16px; }
    .footer-nav a { font-size: 1.05rem; line-height: 1.1; }
    .footer-cta h2 { max-width: 420px; margin-bottom: 12px; font-size: clamp(1.7rem,8vw,2.25rem); line-height: .98; }
    .footer-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 18px; margin-top: 34px; padding-top: 14px; font-size: .61rem; line-height: 1.35; }
    .footer-bottom span:last-child { display: none; }
    .footer-watermark { right: -13vw; bottom: -5vw; font-size: min(74vw,360px); }
}

@media (max-width: 420px) {
    .readings-section { --reading-width: 86vw; }
    .footer-main { gap: 22px; }
    .footer-nav ul { gap: 6px 12px; }
    .footer-bottom { justify-content: flex-start; }
}

/* v0.7 - Editorial pages and forms */
@media (max-width: 980px) {
    .collaboration-hero-grid,
    .editorial-intro-grid,
    .submission-layout,
    .about-story-grid,
    .about-region-grid,
    .about-tradition-grid { grid-template-columns: 1fr; }

    .collaboration-hero-art { min-height: 420px; }
    .about-story-label,
    .submission-intro { position: static; }
    .about-story-label { flex-direction: row; align-items: center; justify-content: space-between; }
    .about-story-number { font-size: clamp(4.5rem,18vw,8rem); }
    .about-region-card { min-height: 420px; }
    .about-tradition-letter { display: none; }
    .submission-layout { gap: 42px; }
    .contact-route-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .criteria-grid { grid-template-columns: 1fr; }
    .criteria-card { min-height: 0; }
    .criteria-index { margin-bottom: 42px; }
    .criteria-card li { grid-template-columns: 1fr; gap: 4px; }

    .editorial-form,
    .contact-form.editorial-form { grid-template-columns: 1fr; padding: 22px 18px; }
    .editorial-form .form-span-2,
    .contact-form.editorial-form .form-span-2 { grid-column: 1; }
    .form-actions { align-items: stretch; flex-direction: column; }
    .form-actions .button { width: 100%; }
    .form-actions small { max-width: none; }
    .file-field { padding: 14px; }
    .submission-file-guide { margin-top: 28px; }

    .about-inline-actions { width: 100%; justify-content: flex-start; }
    .about-inline-actions .button { width: 100%; }
    .call-inline { align-items: stretch; flex-direction: column; }

    .contact-route-card { min-height: 150px; grid-template-columns: 30px 1fr 34px; padding: 22px 18px; }
    .contact-route-card strong { font-size: clamp(1.8rem,8vw,2.6rem); }
    .contact-route-card small { font-size: .78rem; line-height: 1.45; }
}

@media (max-width: 680px) {
    .authors-hero h1 { font-size: clamp(3.2rem,16vw,5rem); }
    .collaborator-grid { gap: 42px; }
    .collaborator-card:hover { transform: none; }

    .about-story-copy { gap: 24px; }
    .about-story-copy .about-lead { font-size: clamp(2rem,9.8vw,3rem); }
    .about-story-copy p { font-size: 1.28rem; }
    .about-region-card { min-height: 360px; padding: 28px 22px; }
    .about-region-card h2 { font-size: clamp(2.7rem,12vw,4.1rem); }
    .about-region-copy p { font-size: 1.3rem; }
    .about-tradition-copy h2 { font-size: clamp(2.7rem,11.5vw,4rem); }

    .collaboration-page-hero .hero-deck { font-size: 1.08rem; line-height: 1.5; }
    .collaboration-page-hero .button { width: 100%; }
    .collaboration-hero-art { min-height: 300px; }
    .collaboration-hero-art span { font-size: min(70vw,18rem); }
    .editorial-intro-grid h2 { font-size: clamp(2.6rem,12vw,4rem); }
    .criteria-card { padding: 28px 20px; }
    .criteria-card h2 { font-size: clamp(2.5rem,11vw,3.6rem); }
    .criteria-index { margin-bottom: 34px; }

    .submission-intro h2 { font-size: clamp(2.6rem,11vw,3.8rem); }
    .submission-dialog { padding: 38px 22px 28px; }
    .submission-dialog h2 { font-size: clamp(2.5rem,11vw,3.6rem); }

    .contact-page-hero h1 { font-size: clamp(3rem,14vw,4.4rem); }
    .contact-letter { font-size: min(65vw,15rem); }
    .contact-route-card { grid-template-columns: 26px minmax(0,1fr) 30px; gap: 6px 10px; }
    .contact-email-link { overflow-wrap: anywhere; }
}

/* v0.8 - Columnas responsive */
@media (max-width: 1180px) {
    .columns-hero-grid { grid-template-columns: minmax(0,.9fr) minmax(360px,1.1fr); gap: 50px; }
    .column-directory-item { grid-template-columns: 56px minmax(240px,1fr) minmax(220px,.8fr) minmax(180px,230px) 50px; gap: 18px; }
    .column-directory-main h2 { font-size: clamp(2.4rem,4.1vw,4.2rem); }
}

@media (max-width: 980px) {
    .columns-hero-grid { grid-template-columns: 1fr; }
    .columns-hero-copy { max-width: 820px; }
    .columns-hero-collage { min-height: 440px; max-width: 760px; width: 100%; }
    .columns-directory-head { grid-template-columns: 1fr; }
    .columns-directory-head p { justify-self: start; }

    .column-directory-item {
        grid-template-columns: 52px minmax(0,1fr) minmax(190px,260px) 50px;
        min-height: 218px;
    }
    .column-directory-latest { grid-column: 2 / 3; }
    .column-directory-visual { grid-column: 3; grid-row: 1 / span 2; height: 172px; clip-path: inset(0); opacity: 1; transform: none; }
    .column-directory-action { grid-column: 4; grid-row: 1 / span 2; }
    .columns-latest-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .columns-latest-card:last-child { grid-column: 1 / -1; max-width: calc(50% - 10px); }
}

@media (max-width: 680px) {
    .columns-page-hero { padding-top: 44px; }
    .columns-hero-copy h1 { font-size: clamp(3.8rem,16vw,5.8rem); max-width: 95%; }
    .columns-hero-copy > p { font-size: 1.2rem; }
    .columns-hero-collage { min-height: 320px; margin-top: 8px; }
    .columns-hero-shot-1 { width: 62%; height: 76%; left: 0; }
    .columns-hero-shot-2 { width: 43%; height: 54%; right: 1%; top: 1%; }
    .columns-hero-shot-3 { width: 44%; height: 46%; right: 7%; bottom: 0; }
    .columns-hero-shot small { font-size: .54rem; }
    .columns-hero-orbit { width: 52%; left: 27%; top: 27%; }

    .columns-directory-section { padding-top: 52px; }
    .columns-directory-head { margin-bottom: 22px; }
    .columns-directory-head p { font-size: 1.08rem; }

    .column-directory-item {
        display: grid;
        grid-template-columns: 1fr 48px;
        gap: 16px;
        min-height: 0;
        padding: 28px 0 34px;
        color: var(--ink);
        background: transparent;
        overflow: visible;
    }
    .column-directory-item::before { display: none; }
    .column-directory-item:hover,
    .column-directory-item:focus-within { padding-inline: 0; color: var(--ink); }

    .column-directory-number { grid-column: 1; grid-row: 1; padding: 0; color: var(--wine); }
    .column-directory-number small { display: inline; margin-left: 4px; }
    .column-directory-main { grid-column: 1 / -1; grid-row: 2; }
    .column-directory-main h2 { font-size: clamp(3rem,14vw,4.9rem); max-width: 100%; }
    .column-directory-description { margin-top: 10px; font-size: .94rem; }
    .column-directory-item:hover .column-directory-description,
    .column-directory-item:focus-within .column-directory-description { color: rgba(var(--ink-rgb),.58); }

    .column-directory-visual {
        grid-column: 1 / -1;
        grid-row: 3;
        width: 100%;
        height: auto;
        aspect-ratio: 4 / 3;
        clip-path: inset(0);
        opacity: 1;
        transform: none;
        margin-top: 4px;
    }
    .column-directory-latest {
        grid-column: 1 / -1;
        grid-row: 4;
        padding: 2px 0 0;
    }
    .column-directory-latest .eyebrow { color: var(--wine); }
    .column-latest-title { max-width: 100%; font-size: 1.32rem; }
    .column-latest-meta { color: rgba(var(--ink-rgb),.44); }
    .column-directory-action {
        grid-column: 2;
        grid-row: 1;
        width: 46px;
        height: 46px;
        align-self: start;
        color: var(--green);
        border-color: var(--line);
    }
    .column-directory-item:hover .column-directory-action,
    .column-directory-item:focus-within .column-directory-action { background: var(--green); color: var(--paper); border-color: var(--green); }

    .columns-latest-heading { align-items: flex-start; flex-direction: column; }
    .columns-latest-heading h2 { font-size: clamp(3rem,14vw,5rem); }
    .columns-latest-grid { grid-template-columns: 1fr; }
    .columns-latest-card:last-child { grid-column: auto; max-width: none; }
    .columns-latest-image { aspect-ratio: 5 / 4; }
    .columns-latest-copy h3 { font-size: 2.15rem; }
}

/* Numero actual v0.9 */
@media (max-width: 1080px) {
    .issue-magazine-hero-grid { grid-template-columns: minmax(0,1fr) minmax(340px,.72fr); gap: 42px; }
    .issue-magazine-copy h1 { font-size: clamp(4.6rem,10vw,8rem); }
    .issue-chapter-grid { grid-template-columns: minmax(0,1fr) minmax(280px,.8fr); }
    .issue-chapter-list { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 24px; }
    .issue-editorial-chapter.is-reversed .issue-chapter-list { order: 3; }
}

@media (max-width: 820px) {
    .issue-magazine-hero { padding-top: 58px; }
    .issue-magazine-hero-grid,
    .issue-featured-grid,
    .issue-editorial-note-grid,
    .issue-ending-grid { grid-template-columns: 1fr; }
    .issue-magazine-copy { max-width: none; }
    .issue-magazine-copy h1 { font-size: clamp(4.1rem,18vw,7rem); overflow-wrap: normal; word-break: normal; }
    .issue-magazine-intro { font-size: 1.24rem; }
    .issue-cover-stage { width: min(82vw,520px); margin: 18px auto 0; padding-right: 18px; }
    .issue-cover-kicker { right: -2px; }
    .issue-hero-ghost { font-size: 70vw; bottom: 4%; }
    .issue-editorial-note-grid > div { min-height: 44px; }
    .issue-editorial-mark { right: auto; left: 72%; top: -46px; }
    .issue-toc-inner { display: block; padding-top: 17px; }
    .issue-toc-label { display: block; margin-bottom: 8px; }
    .issue-toc-links { width: calc(100vw - 32px); }
    .issue-toc-links a { min-height: 62px; padding: 0 16px; }
    .issue-featured-grid { gap: 32px; }
    .issue-featured-copy { max-width: none; }
    .issue-featured-copy h2 { font-size: clamp(2.7rem,9vw,4.6rem); }
    .issue-chapter-head,
    .issue-photo-chapter-head { grid-template-columns: 76px minmax(0,1fr); }
    .issue-chapter-number { font-size: 4.6rem; }
    .issue-chapter-head h3,
    .issue-photo-chapter h3 { font-size: clamp(3rem,12vw,5rem); overflow-wrap: break-word; }
    .issue-chapter-grid { grid-template-columns: 1fr; }
    .issue-editorial-chapter.is-reversed .issue-chapter-lead-image,
    .issue-editorial-chapter.is-reversed .issue-chapter-lead-copy,
    .issue-editorial-chapter.is-reversed .issue-chapter-list { order: initial; }
    .issue-chapter-lead-image,
    .issue-chapter-lead-image > span { min-height: 0; aspect-ratio: 4 / 3; }
    .issue-chapter-lead-copy { padding: 8px 0; }
    .issue-chapter-list { grid-column: auto; grid-template-columns: 1fr; }
    .issue-photo-chapter { margin-inline: -16px; padding-inline: 16px; }
    .issue-photo-mosaic { grid-template-columns: 1fr; grid-template-rows: none; min-height: 0; }
    .issue-photo-tile,
    .issue-photo-tile-1 { grid-row: auto; aspect-ratio: 4 / 3; }
    .issue-ending-grid > p { max-width: none; }
}

@media (max-width: 560px) {
    .issue-number-line { flex-wrap: wrap; gap: 9px 13px; margin-top: 24px; }
    .issue-number-line span + span { padding-left: 13px; }
    .issue-magazine-copy h1 { font-size: clamp(3.65rem,20vw,5.8rem); line-height: .9; }
    .issue-scroll-cta { width: 100%; }
    .issue-cover-stage { width: min(88vw,430px); }
    .issue-editorial-note-grid p { font-size: 1.55rem; }
    .issue-featured-visual { aspect-ratio: 4 / 3; }
    .issue-featured-index { font-size: 3.8rem; }
    .issue-featured-copy h2 { font-size: clamp(2.4rem,12vw,3.7rem); }
    .issue-featured-meta { display: grid; gap: 5px; }
    .issue-content-heading { margin-bottom: 54px; }
    .issue-chapter-head,
    .issue-photo-chapter-head { grid-template-columns: 1fr; gap: 12px; }
    .issue-chapter-number { font-size: 3.8rem; }
    .issue-chapter-head h3,
    .issue-photo-chapter h3 { font-size: clamp(2.65rem,14vw,4.2rem); }
    .issue-divider { margin: 62px 0; }
    .issue-photo-tile > span { left: 16px; right: 16px; bottom: 15px; }
    .issue-ending-actions { display: grid; }
    .issue-ending-actions .button { width: 100%; }
}

/* v0.9.1 - Columnas: correccion de layout movil */
@media (max-width: 680px) {
    .columns-directory {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .columns-directory .column-directory-item {
        width: 100%;
        max-width: 100%;
        grid-template-columns: minmax(0, 1fr) 46px;
        column-gap: 12px;
        row-gap: 14px;
        padding: 28px 0 32px;
        overflow: hidden;
    }

    .columns-directory .column-directory-number {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
    }

    .columns-directory .column-directory-action,
    .columns-directory .column-directory-item .circle-link {
        grid-column: 2;
        grid-row: 1;
        align-self: start;
        justify-self: end;
        width: 46px;
        height: 46px;
        margin: 0;
    }

    .columns-directory .column-directory-main {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .columns-directory .column-directory-main h2 {
        max-width: 100%;
        font-size: clamp(2.75rem, 12.5vw, 4.25rem);
        line-height: .94;
        overflow-wrap: break-word;
        word-break: normal;
        hyphens: none;
    }

    .columns-directory .column-directory-description {
        max-width: 100%;
        font-size: .93rem;
        line-height: 1.48;
    }

    .columns-directory .column-directory-visual {
        grid-column: 1 / -1;
        grid-row: 3;
        width: 100%;
        max-width: 100%;
        height: auto;
        aspect-ratio: 4 / 3;
        margin: 4px 0 0;
        clip-path: inset(0);
        opacity: 1;
        transform: none;
    }

    /* Sobrescribe las reglas antiguas basadas en nth-child que empujaban
       la ultima lectura fuera de la pantalla en movil. */
    .columns-directory .column-directory-item > .column-directory-latest {
        grid-column: 1 / -1 !important;
        grid-row: 4 !important;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        display: grid;
        gap: 7px;
        padding: 18px 0 0;
        margin-top: 2px;
        border-top: 1px solid var(--line);
    }

    .columns-directory .column-directory-latest .eyebrow {
        max-width: 100%;
        color: var(--wine);
        white-space: normal;
    }

    .columns-directory .column-latest-title,
    .columns-directory .column-directory-item > .column-directory-latest a {
        display: block;
        width: 100%;
        max-width: 100%;
        font-size: clamp(1.45rem, 6.4vw, 1.85rem);
        line-height: 1.05;
        overflow-wrap: break-word;
        word-break: normal;
    }

    .columns-directory .column-latest-meta {
        max-width: 100%;
        line-height: 1.4;
        overflow-wrap: anywhere;
    }

    .columns-directory .column-directory-item:hover,
    .columns-directory .column-directory-item:focus-within {
        padding-inline: 0;
        color: var(--ink);
    }

    .columns-directory .column-directory-item:hover .column-directory-latest .eyebrow,
    .columns-directory .column-directory-item:focus-within .column-directory-latest .eyebrow {
        color: var(--wine);
    }

    .columns-directory .column-directory-item:hover .column-latest-meta,
    .columns-directory .column-directory-item:focus-within .column-latest-meta {
        color: rgba(var(--ink-rgb),.44);
    }
}

@media (max-width: 420px) {
    .columns-directory .column-directory-item {
        grid-template-columns: minmax(0, 1fr) 42px;
        padding-block: 24px 28px;
    }

    .columns-directory .column-directory-action,
    .columns-directory .column-directory-item .circle-link {
        width: 42px;
        height: 42px;
    }

    .columns-directory .column-directory-main h2 {
        font-size: clamp(2.55rem, 12.2vw, 3.55rem);
    }

    .columns-directory .column-directory-visual {
        aspect-ratio: 5 / 4;
    }
}


/* v0.10.1 - Nosotros: hero más compacto y legible */
@media (max-width: 900px) {
    .about-hero {
        padding-top: 54px;
        padding-bottom: 66px;
    }
    .about-hero .manifesto-letter { display: none; }
    .about-title { max-width: 100%; }
    .about-title-brand { font-size: clamp(4.2rem,14vw,6.5rem); }
    .about-title-kicker { font-size: clamp(2.2rem,7vw,3.35rem); }
    .about-hero .hero-deck { margin-top: 34px; max-width: 680px; }
}

@media (max-width: 680px) {
    .about-hero {
        padding-top: 44px;
        padding-bottom: 54px;
    }
    .about-title {
        margin-top: 18px;
        gap: 8px;
    }
    .about-title-brand {
        font-size: clamp(3.8rem,17vw,5.35rem);
        line-height: .84;
    }
    .about-title-kicker {
        font-size: clamp(2rem,9vw,2.85rem);
        line-height: 1;
    }
    .about-hero .hero-deck {
        margin-top: 30px;
        font-size: 1.12rem;
        line-height: 1.45;
    }
}

/* v0.11.1 - Manifiesto y perfil de autor */
@media (max-width: 900px) {
    .manifesto-home-copy h2 { max-width: 720px; font-size: clamp(2.7rem,7.8vw,4.4rem); line-height: 1.03; margin-bottom: 28px; }
    .author-profile-shell { grid-template-columns: minmax(0,1fr); min-height: 0; }
    .author-profile-portrait { width: min(72vw,470px); }
    .author-profile-copy h1 { font-size: clamp(4rem,12vw,7rem); }
    .author-profile-monogram { right: -4vw; bottom: -7%; opacity: .65; }
    .author-gallery-grid { grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: minmax(230px,42vw); }
    .author-gallery-item:first-child { grid-row: span 2; }
}

@media (max-width: 680px) {
    .manifesto-home-copy h2 { font-size: clamp(2.25rem,9.5vw,3.3rem); line-height: 1.04; letter-spacing: -.03em; margin: 14px 0 24px; }
    .manifesto-home-copy p { margin-bottom: 24px; }
    .author-profile-hero { padding-top: 44px; }
    .author-profile-shell { gap: 42px; }
    .author-profile-portrait { width: calc(100% - 20px); max-width: 420px; box-shadow: 12px 12px 0 var(--beige); }
    .author-profile-stamp { right: -10px; bottom: -18px; width: 58px; height: 58px; font-size: 2.1rem; }
    .author-profile-copy h1 { font-size: clamp(3.5rem,16vw,5.4rem); line-height: .88; }
    .author-profile-meta { gap: 7px 12px; }
    .author-profile-meta span + span::before { margin-right: 12px; }
    .author-profile-copy .author-bio { margin-top: 24px; font-size: 1.15rem; }
    .author-profile-actions { display: grid; gap: 14px; margin-top: 26px; }
    .author-profile-monogram { display: none; }
    .author-gallery-heading { gap: 16px; }
    .author-gallery-grid { grid-template-columns: minmax(0,1fr); grid-auto-rows: auto; gap: 10px; margin-top: 28px; }
    .author-gallery-item,
    .author-gallery-item:first-child { grid-row: auto; aspect-ratio: 4 / 3; }
    .author-gallery-item:first-child { aspect-ratio: 4 / 5; }
    .author-publication-count { font-size: 2.3rem; }
}

/* v0.12 - Retratos de autores compactos */
@media (max-width: 980px) {
    .authors-directory .collaborator-photo { width: min(54%, 170px); }
    .author-profile-shell { grid-template-columns: minmax(0,1fr); }
    .author-profile-portrait { width: min(40vw, 210px); max-width: 210px; }
}
@media (max-width: 680px) {
    .authors-directory .collaborator-photo { width: min(42vw, 145px); }
    .author-profile-portrait { width: min(46vw, 170px); max-width: 170px; box-shadow: 8px 8px 0 var(--beige); }
    .author-profile-stamp { width: 42px; height: 42px; right: -7px; bottom: -10px; font-size: 1.45rem; }
}

/* Convocatoria actual — responsive */
@media (max-width: 980px) {
    .collab-call-card { grid-template-columns: 1fr; min-height: 0; }
    .collab-call-copy { order: 2; }
    .collab-call-visual { order: 1; min-height: 440px; aspect-ratio: 16 / 10; }
    .collab-call-copy h2 { max-width: 12ch; }
}

@media (max-width: 640px) {
    .collab-current-call { padding-top: 38px; padding-bottom: 48px; }
    .collab-current-call .container { width: min(100% - 28px, var(--container)); }
    .collab-call-card { border-left: 0; border-right: 0; }
    .collab-call-copy { padding: 30px 22px 32px; }
    .collab-call-topline { align-items: flex-start; flex-direction: column; gap: 14px; margin-bottom: 32px; }
    .collab-call-status { min-height: 30px; padding-inline: 11px; font-size: .58rem; }
    .collab-call-number { margin-bottom: 14px; font-size: .66rem; }
    .collab-call-copy h2 { max-width: none; margin-bottom: 20px; font-size: clamp(2.65rem, 13vw, 4rem); line-height: .92; }
    .collab-call-lead { font-size: .98rem; line-height: 1.62; }
    .collab-call-meta { grid-template-columns: 1fr; margin-top: 30px; }
    .collab-call-meta .collab-call-formats { grid-column: auto; }
    .collab-call-meta > div { min-height: 0; padding: 17px 16px; }
    .collab-call-meta strong { font-size: 1.08rem; }
    .collab-call-button { width: 100%; justify-content: space-between; }
    .collab-call-visual { min-height: 0; aspect-ratio: 4 / 3; }
    .collab-call-visual-status { right: 14px; bottom: 14px; font-size: .55rem; }
    .collab-call-placeholder span { font-size: min(62vw, 15rem); }
}

/* v0.16.2 - Modelo editorial Colaboraciones responsive */
@media (max-width: 980px) {
    .collab-model-heading,
    .collab-model-layout { grid-template-columns: 1fr; }
    .collab-model-heading { align-items: start; gap: 26px; }
    .collab-model-heading > p { max-width: 760px; }
    .collab-model-side { grid-template-columns: repeat(2, minmax(0,1fr)); grid-template-rows: auto; }
    .collab-model-card-head { margin-bottom: 42px; }
}

@media (max-width: 720px) {
    .collab-publishing-model::before { right: -.14em; top: .06em; font-size: min(88vw, 26rem); }
    .collab-model-heading { margin-bottom: 34px; }
    .collab-model-heading h2 { font-size: clamp(2.7rem, 13vw, 4.5rem); }
    .collab-model-heading > p { font-size: 1.15rem; line-height: 1.5; }
    .collab-model-card { padding: 28px 20px; }
    .collab-model-card-head { margin-bottom: 34px; }
    .collab-model-card h3 { font-size: clamp(2.8rem, 13vw, 4.2rem); }
    .collab-model-sections { grid-template-columns: 1fr; margin-top: 34px; }
    .collab-model-section { min-height: 0; padding: 22px 18px; }
    .collab-model-section h4 { font-size: 1.8rem; }
    .collab-model-side { grid-template-columns: 1fr; }
    .collab-model-card--special p { font-size: 1.35rem; }
}

/* v0.16.4 - Ajustes finales del modelo editorial en tablet y móvil */
@media (max-width: 980px) {
    .collab-model-layout { grid-template-columns: 1fr; }
    .collab-model-side { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .collab-model-card--special h3,
    .collab-model-card--columns h3 { font-size: clamp(2.5rem, 7vw, 3.75rem); }
}

@media (max-width: 720px) {
    .collab-model-side { grid-template-columns: 1fr; }
    .collab-model-card h3,
    .collab-model-card--special h3,
    .collab-model-card--columns h3 {
        font-size: clamp(2.5rem, 12vw, 3.7rem);
        line-height: .96;
    }
    .collab-model-section h4 {
        font-size: clamp(1.55rem, 7vw, 1.9rem);
        line-height: 1.08;
    }
}
