/* ============================================================
   Ankin Cloud — noticias (/noticias): portada, notas y adelanto en inicio.
   Usa los tokens y clases de site.css (tema terminal oscuro). Monocromo: el único
   color es el verde de estado (LED) y el punto rojo de alerta. Sin degradados ni
   sombras. Lectura larga en Inter 18px/1.7 con líneas de ~70 caracteres.
   ============================================================ */
:root{--soft:#cfcfcf;--n-read:720px}
.n-hub,.n-page{padding-top:40px;padding-bottom:88px}

/* ---------- piezas comunes ---------- */
.n-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-family:var(--mono);font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-3)}
.n-sep{color:var(--text-3);opacity:.6}
.n-led,.n-dot-alert{display:inline-block;flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--ok)}
.n-led-idle{background:var(--text-3)}
.n-dot-alert{background:var(--err)}
.n-win{border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);overflow:hidden}
.n-win-bar{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 14px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.5px;color:var(--text-3)}
.n-win-bar .dots{flex:0 0 auto}
.n-win-path{flex:1;min-width:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2)}
.n-win img,.n-win video{display:block;width:100%;height:auto;background:#000}
.n-sec-label,.n-label{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:2px;line-height:1.4;text-transform:uppercase;color:var(--text);margin:0 0 16px}
.n-sec-label::before,.n-label::before{content:"// ";font-weight:400;color:var(--text-3)}
.n-box{position:relative;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);padding:30px 26px 22px}
.n-box-label{position:absolute;top:-10px;left:18px;max-width:calc(100% - 36px);margin:0;padding:0 8px;background:var(--bg);font-family:var(--mono);font-size:11px;font-weight:700;line-height:20px;letter-spacing:2px;text-transform:uppercase;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.n-box-sub{margin-left:6px;font-weight:400;letter-spacing:1px;color:var(--text-3)}
.n-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.n-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid var(--line-2);border-radius:999px;font-family:var(--mono);font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:var(--text-2);text-decoration:none;transition:border-color .2s,color .2s}
.n-chip:hover{border-color:var(--text);color:var(--text)}
.n-chip-sm{min-height:26px;padding:0 10px;font-size:11px}
.n-list{list-style:none;margin:0;padding:0}
.n-list li{position:relative;padding:10px 0 10px 28px;border-bottom:1px dashed var(--line);color:var(--text-2)}
.n-list li:last-child{border-bottom:0}
.n-list li::before{content:">";position:absolute;left:4px;top:10px;font-family:var(--mono);font-weight:700;color:var(--text)}
.n-list b{color:var(--text);font-weight:600}
.n-list-sm li{padding:7px 0 7px 24px;font-size:15px;line-height:1.55}
.n-list-sm li::before{top:7px}
.n-langnote{max-width:820px;margin:0 0 26px;padding:12px 14px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface);font-size:14px;line-height:1.55;color:var(--text-3)}
.n-langnote a{color:var(--text)}

/* ---------- portada /noticias ---------- */
.n-hub-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:20px 32px;margin-bottom:28px}
.n-hub-head>div{min-width:0;flex:1 1 520px}
.n-hub-h1{font-family:var(--display);font-weight:400;font-size:clamp(56px,9vw,112px);line-height:.92;letter-spacing:3px;text-transform:uppercase;overflow-wrap:break-word}
.n-hub-lead{max-width:60ch;margin-top:18px;font-size:18px;line-height:1.6;color:var(--text-2)}
.n-rss{flex:0 0 auto}
.n-rss-ico{display:inline-block;width:7px;height:7px;background:currentColor}
.n-topics{margin:0 0 40px;padding:14px 0;border-top:1px dashed var(--line-2);border-bottom:1px dashed var(--line-2)}
.n-topics ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.n-topics a{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid var(--line-2);border-radius:999px;font-family:var(--mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--text-2);text-decoration:none;transition:border-color .2s,color .2s}
.n-topics a:hover{border-color:var(--text);color:var(--text)}
.n-topics a[aria-current="page"]{background:var(--text);border-color:var(--text);color:var(--bg)}
.n-count{font-family:var(--mono);font-size:11px;color:var(--text-3)}
.n-topics a[aria-current="page"] .n-count{color:#3a3a3a}

.n-lead{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:44px;align-items:start;margin-bottom:64px}
.n-lead-media{display:block;text-decoration:none;transition:border-color .2s}
.n-lead-media:hover{border-color:var(--text)}
.n-lead-media .n-card-ph{aspect-ratio:16/9}
.n-lead-body{min-width:0}
.n-lead-t{margin:14px 0 14px;font-family:var(--display);font-weight:400;font-size:clamp(36px,3.9vw,52px);line-height:1;letter-spacing:1.5px;text-transform:uppercase;overflow-wrap:break-word}
.n-lead-t a{text-decoration:none}
.n-lead-t a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.n-lead-dek{margin-bottom:14px;font-size:17px;line-height:1.6;color:var(--text-2)}
.n-lead-foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:22px}

.n-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.n-card{min-width:0}
.n-card-link{display:flex;flex-direction:column;height:100%;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);overflow:hidden;text-decoration:none;transition:border-color .2s,background .2s}
.n-card-link:hover{border-color:var(--text);background:var(--elev)}
.n-card-media{position:relative;aspect-ratio:16/9;border-bottom:1px solid var(--line);background:#000}
.n-card-media img{width:100%;height:100%;object-fit:cover}
.n-card-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--mono);font-size:40px;color:var(--line-2)}
.n-tag{position:absolute;left:12px;bottom:12px;padding:3px 8px;border-radius:4px;background:var(--text);color:var(--bg);font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.n-card-body{display:flex;flex-direction:column;gap:10px;flex:1;padding:18px 20px}
.n-card-t{font-family:var(--display);font-weight:400;font-size:28px;line-height:1.04;letter-spacing:1px;text-transform:uppercase;color:var(--text);overflow-wrap:break-word}
.n-card .n-card-ex{margin:0;font-size:14.5px;line-height:1.6;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.n-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;border-top:1px dashed var(--line);font-family:var(--mono);font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:var(--text-3)}
.n-go{font-size:14px;transition:color .2s}
.n-card-link:hover .n-go{color:var(--text)}

.n-empty{max-width:760px;margin:0 0 40px}
.n-empty-body{padding:28px 26px}
.n-empty-cmd{margin-bottom:10px;font-family:var(--mono);font-size:13px;color:var(--text-3)}
.n-empty-t{margin-bottom:10px;font-family:var(--display);font-weight:400;font-size:44px;line-height:1;letter-spacing:2px;text-transform:uppercase}
.n-empty-body>p:not(.n-empty-cmd){margin-bottom:18px;color:var(--text-2)}
.n-pages{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:44px;padding-top:24px;border-top:1px dashed var(--line-2)}
.n-pages-n{font-family:var(--mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--text-3)}

/* ---------- adelanto en la página de inicio ---------- */
.n-teaser-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px 32px;margin-bottom:30px}
.n-teaser-head>div{flex:1 1 480px;min-width:0}
.n-teaser-head p{margin-bottom:0}
.n-teaser .h2{text-transform:uppercase}

/* ---------- nota ---------- */
.n-preview{display:flex;align-items:center;gap:10px;margin:0 0 22px;padding:12px 16px;border:1px solid var(--text);border-radius:var(--r-sm);font-family:var(--mono);font-size:12.5px;letter-spacing:.5px;color:var(--text)}
.n-crumbs{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 20px;margin-bottom:18px;font-family:var(--mono);font-size:12.5px;letter-spacing:.5px}
.n-crumbs a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--text-2);text-decoration:none}
.n-crumbs a:hover{color:var(--text)}
.n-crumb-cmd{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-3)}
.n-crumb-cmd b{font-weight:400;color:var(--text)}
.n-head{max-width:1000px;margin-bottom:36px}
.n-title{margin:16px 0 20px;font-family:var(--display);font-weight:400;font-size:clamp(44px,6.4vw,88px);line-height:.95;letter-spacing:2px;text-transform:uppercase;overflow-wrap:break-word}
.n-title-long{font-size:clamp(40px,5.2vw,70px)}
.n-dek{max-width:62ch;font-size:20px;line-height:1.55;color:var(--text-2)}
.n-byline{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:24px 0 18px;font-size:15px;color:var(--text-2)}
.n-byline b{font-weight:600;color:var(--text)}
.n-av-sm{width:40px;height:40px;border:1px solid var(--line-2);border-radius:50%;object-fit:cover;background:#000}
.n-prompt{font-family:var(--mono);font-size:12.5px;color:var(--text-3)}
.n-hero{margin:0 0 52px}
.n-hero figcaption{padding:10px 14px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11.5px;color:var(--text-3)}
.n-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:72px;align-items:start}
.n-body{min-width:0;max-width:var(--n-read)}

/* texto largo */
.n-prose p{max-width:70ch;margin:0 0 18px;font-family:var(--sans);font-size:18px;line-height:1.7;color:var(--soft)}
.n-prose p:last-child{margin-bottom:0}
.n-prose b{font-weight:600;color:var(--text)}
.n-prose a,.n-list a,.n-check a,.n-cta-p a{color:var(--text);text-decoration:underline;text-decoration-color:var(--text-3);text-underline-offset:3px}
.n-prose a:hover,.n-list a:hover,.n-check a:hover{text-decoration-color:var(--text)}

.n-tldr{margin:0 0 44px}
.n-tldr .n-list li{font-size:16.5px;line-height:1.6;color:var(--soft)}
.n-video{margin:0 0 48px}
.n-player video{aspect-ratio:16/9}
.n-video-meta{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:10px;font-family:var(--mono);font-size:12px;color:var(--text-3)}
.n-video-meta a{color:var(--text-2)}
.n-video-meta a:hover{color:var(--text)}
.n-transcript{margin-top:14px;padding:0 16px;border:1px solid var(--line);border-radius:var(--r-sm)}
.n-transcript summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;list-style:none;font-family:var(--mono);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-2);cursor:pointer}
.n-transcript summary::-webkit-details-marker{display:none}
.n-transcript summary::after{content:"+";font-size:18px;color:var(--text)}
.n-transcript[open] summary::after{content:"\2212"}
.n-transcript summary:hover{color:var(--text)}
.n-transcript .n-prose{padding:4px 0 16px}
.n-transcript .n-prose p{font-size:15.5px}
.n-video-pending{display:flex;align-items:center;gap:10px;margin:0 0 44px;padding:12px 16px;border:1px dashed var(--line-2);border-radius:var(--r-sm);font-family:var(--mono);font-size:12.5px;line-height:1.5;color:var(--text-3)}
.n-intro{margin:0 0 8px}
.n-intro .n-cmd{margin-bottom:12px;font-family:var(--mono);font-size:12.5px;color:var(--text-3)}
.n-intro p:not(.n-cmd){font-size:19px;color:var(--text)}

/* cada nota del briefing */
.n-story{margin-top:56px;padding-top:48px;border-top:1px solid var(--line);scroll-margin-top:calc(var(--nav-h) + 16px)}
.n-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:14px}
.n-idx{font-family:var(--display);font-size:34px;line-height:1;letter-spacing:1px;color:var(--text)}
.n-of{margin-left:4px;font-family:var(--mono);font-size:12px;letter-spacing:1px;color:var(--text-3)}
.n-unverified{display:inline-flex;align-items:center;gap:7px;padding:3px 9px;border:1px solid var(--text);border-radius:4px;font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:1.5px;color:var(--text)}
.n-h2{margin:0 0 26px;font-family:var(--display);font-weight:400;font-size:clamp(34px,4.2vw,50px);line-height:1.02;letter-spacing:1.5px;text-transform:uppercase;overflow-wrap:break-word}
.n-scene{margin:0 0 30px}
.n-warn{margin:0 0 22px;padding:10px 14px;border:1px dashed var(--line-2);border-radius:var(--r-sm);font-family:var(--mono);font-size:13px;line-height:1.55;color:var(--text-2)}
.n-facts-wrap{margin:32px 0 36px}
.n-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;list-style:none;margin:0;padding:0}
.n-fact{display:flex;flex-direction:column;gap:10px;min-width:0;padding:18px 18px 16px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface)}
.n-fact-v{font-family:var(--display);font-size:clamp(40px,4.6vw,54px);line-height:.95;letter-spacing:1px;color:var(--text);overflow-wrap:anywhere}
.n-fv-m{font-size:clamp(34px,3.6vw,42px)}
.n-fv-s{font-size:clamp(26px,2.6vw,30px);line-height:1.1}
/* margin-top:auto: las etiquetas quedan alineadas abajo aunque el valor use otro tamaño */
.n-fact-l{margin-top:auto;font-family:var(--mono);font-size:11.5px;line-height:1.45;letter-spacing:1px;text-transform:uppercase;color:var(--text-3)}
.n-explain{margin:36px 0;padding:34px 28px 26px;border-color:var(--text)}
.n-explain-t{margin:0 0 14px;font-family:var(--sans);font-size:21px;font-weight:600;line-height:1.35;color:var(--text)}
.n-explain .n-prose p{font-size:17.5px}
.n-flow,.n-pairs{list-style:none;margin:24px 0 2px;padding:20px 0 0;border-top:1px dashed var(--line-2)}
.n-flow{display:flex;flex-wrap:wrap;align-items:center;row-gap:10px}
.n-pairs li{display:flex;flex-wrap:wrap;align-items:center;row-gap:8px;margin-bottom:10px}
.n-node{padding:8px 12px;border:1px solid var(--text);border-radius:6px;background:var(--bg);font-family:var(--mono);font-size:12.5px;line-height:1.35;letter-spacing:.3px;color:var(--text)}
.n-edge{display:flex;align-items:center;padding:0 8px;font-family:var(--mono);font-size:11.5px;line-height:1.35;color:var(--text-3)}
.n-edge span::before{content:"— "}
.n-edge span::after{content:" \2192";color:var(--text)}
.n-why{margin:36px 0;padding-left:20px;border-left:2px solid var(--text)}
.n-todo{margin:36px 0}
.n-check{list-style:none;margin:0;padding:0;border:1px solid var(--line-2);border-radius:var(--r-sm)}
.n-check li{display:flex;gap:12px;padding:14px 16px;border-bottom:1px dashed var(--line);font-size:16.5px;line-height:1.6;color:var(--soft)}
.n-check li:last-child{border-bottom:0}
.n-check-box{flex:0 0 auto;font-family:var(--mono);font-weight:700;color:var(--text);white-space:pre}
.n-take{margin:40px 0}
.n-take-body{padding:24px 26px 22px}
.n-take blockquote p{margin:0 0 12px;font-family:var(--sans);font-size:21px;line-height:1.55;color:var(--text)}
.n-take figcaption{font-family:var(--mono);font-size:12.5px;letter-spacing:1px;color:var(--text-3)}
.n-gloss{margin:32px 0;border:1px solid var(--line-2);border-radius:var(--r-sm)}
.n-gloss summary{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 16px;list-style:none;cursor:pointer}
.n-gloss summary::-webkit-details-marker{display:none}
.n-gloss summary .n-label{margin:0}
.n-gloss summary .n-count{margin-left:auto}
.n-gloss summary::after{content:"+";width:18px;text-align:center;font-family:var(--mono);font-size:18px;color:var(--text)}
.n-gloss[open] summary::after{content:"\2212"}
.n-gloss summary:hover .n-label{text-decoration:underline;text-underline-offset:4px}
.n-gloss dl{padding:2px 16px 8px;border-top:1px solid var(--line)}
.n-gloss dl div{padding:12px 0;border-bottom:1px dashed var(--line)}
.n-gloss dl div:last-child{border-bottom:0}
.n-gloss dt{margin-bottom:4px;font-family:var(--mono);font-size:13.5px;font-weight:700;color:var(--text)}
.n-gloss dd{font-size:16px;line-height:1.6;color:var(--text-2)}
.n-sources{margin:32px 0 0}
.n-sources ol{list-style:none;margin:0;padding:0;counter-reset:src}
.n-sources li{position:relative;display:flex;flex-direction:column;gap:3px;padding:12px 0 12px 40px;border-bottom:1px dashed var(--line);counter-increment:src}
.n-sources li:last-child{border-bottom:0}
.n-sources li::before{content:"[" counter(src) "]";position:absolute;left:0;top:13px;font-family:var(--mono);font-size:12px;color:var(--text-3)}
.n-src-meta{display:flex;flex-wrap:wrap;gap:6px;font-family:var(--mono);font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:var(--text-3)}
.n-src-pub{font-weight:700;color:var(--text-2)}
.n-sources a,.n-further a{font-size:16px;line-height:1.5;color:var(--text);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px;overflow-wrap:anywhere}
.n-sources a:hover,.n-further a:hover{text-decoration-color:var(--text)}
.n-src-dom{font-family:var(--mono);font-size:11.5px;color:var(--text-3)}
.n-further{margin-top:64px;padding-top:44px;border-top:1px solid var(--line)}
.n-further ul{display:grid;gap:12px;list-style:none}
.n-further li{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface)}
.n-further p{margin:4px 0 0;font-size:15px;line-height:1.6;color:var(--text-2)}

/* columna lateral: autor, índice, compartir */
.n-aside{display:flex;flex-direction:column;gap:36px;min-width:0}
.n-author{padding:30px 20px 20px}
.n-author-top{display:flex;align-items:center;gap:14px}
.n-av{flex:0 0 auto;width:72px;height:72px;border:1px solid var(--line-2);border-radius:12px;object-fit:cover;background:#000}
.n-author-name{font-family:var(--display);font-size:30px;line-height:1;letter-spacing:1.5px;text-transform:uppercase;color:var(--text);overflow-wrap:anywhere}
.n-author-handle{display:inline-block;margin-top:6px;font-family:var(--mono);font-size:12px;color:var(--text-3);text-decoration:none}
.n-author-handle:hover{color:var(--text)}
.n-whoami{margin:18px 0 8px;font-family:var(--mono);font-size:12.5px;color:var(--text)}
.n-author-role{margin-bottom:8px;font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--text-2)}
.n-author-bio{font-size:14.5px;line-height:1.6;color:var(--text-2)}
.n-sticky{position:sticky;top:calc(var(--nav-h) + 24px);display:flex;flex-direction:column;gap:32px}
.n-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line-2)}
.n-toc a{display:flex;gap:10px;margin-left:-1px;padding:8px 0 8px 14px;border-left:2px solid transparent;font-size:14px;line-height:1.45;color:var(--text-2);text-decoration:none}
.n-toc a:hover{color:var(--text)}
.n-toc a[aria-current="true"]{border-left-color:var(--text);color:var(--text)}
.n-toc .n-idx{flex:0 0 auto;font-size:18px;color:var(--text-3)}
.n-share ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.n-share li:has(>[hidden]){display:none}
.n-share-btn{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid var(--line-2);border-radius:999px;background:transparent;color:var(--text-2);font-family:var(--mono);font-size:11.5px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:border-color .2s,color .2s}
.n-share-btn:hover{border-color:var(--text);color:var(--text)}
button.n-share-btn{border-color:var(--text);background:var(--text);color:var(--bg)}
button.n-share-btn:hover{background:#d9d9d9;color:var(--bg)}
.n-share-btn[hidden]{display:none}
.n-copied{min-height:18px;margin-top:10px;font-family:var(--mono);font-size:12px;color:var(--ok)}

/* después de la nota: cursos, servicio y otras ediciones */
.n-extras{display:grid;gap:44px;margin-top:72px;padding-top:52px;border-top:1px solid var(--line)}
.n-courses{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.n-course{display:flex;flex-direction:column;gap:8px;min-width:0;padding:22px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);text-decoration:none;transition:border-color .2s,background .2s}
.n-course:hover{border-color:var(--text);background:var(--elev)}
.n-course-prompt{font-family:var(--mono);font-size:11.5px;color:var(--text-3)}
.n-course-t{font-family:var(--display);font-size:30px;line-height:1.04;letter-spacing:1.5px;text-transform:uppercase;color:var(--text);overflow-wrap:break-word}
.n-course-d{font-size:14.5px;line-height:1.55;color:var(--text-2)}
.n-course-m{margin-top:auto;padding-top:8px;font-family:var(--mono);font-size:12px;color:var(--text-2)}
.n-course-go{font-family:var(--mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--text)}
.n-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px 40px;align-items:end;padding:36px 36px 32px;border-radius:var(--r);background:var(--text);color:var(--bg)}
.n-cta-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#3a3a3a}
.n-cta-t{margin:10px 0 12px;font-family:var(--display);font-weight:400;font-size:clamp(36px,4vw,52px);line-height:1;letter-spacing:1.5px;text-transform:uppercase;overflow-wrap:break-word}
.n-cta-p{max-width:62ch;font-size:17px;line-height:1.6;color:#1a1a1a}
.n-cta-p a{color:#000;text-decoration-color:#000}
.n-cta-row{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.n-cta-price{font-family:var(--mono);font-size:20px;font-weight:700;white-space:nowrap}
.n-cta-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;background:var(--bg);color:var(--text);font-family:var(--mono);font-size:13px;letter-spacing:1px;text-decoration:none;white-space:nowrap;transition:background .2s}
.n-cta-btn:hover{background:#262626}
.n-cta :focus-visible{outline-color:#000}
.n-pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:60px}
.n-pg{display:flex;flex-direction:column;gap:8px;min-width:0;padding:20px 22px;border:1px solid var(--line-2);border-radius:var(--r);text-decoration:none;transition:border-color .2s}
.n-pg:hover{border-color:var(--text)}
.n-pg-next{grid-column:2;align-items:flex-end;text-align:right}
.n-pg-l{font-family:var(--mono);font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-3)}
.n-pg-t{font-family:var(--display);font-size:26px;line-height:1.05;letter-spacing:1px;text-transform:uppercase;color:var(--text);overflow-wrap:break-word}

/* ---------- japonés: los títulos no llevan League Gothic (sin glifos CJK) ---------- */
:lang(ja) .n-hub-h1{font-size:clamp(40px,6vw,72px);line-height:1.2;letter-spacing:.02em}
:lang(ja) .n-sec-label,:lang(ja) .n-label,:lang(ja) .n-box-label,:lang(ja) .n-meta,:lang(ja) .n-topics a,:lang(ja) .n-chip,:lang(ja) .n-pg-l,:lang(ja) .n-share-btn,:lang(ja) .n-cta-eyebrow{letter-spacing:.04em}
:lang(ja) .n-cta-t,:lang(ja) .n-course-t,:lang(ja) .n-empty-t{font-size:28px;line-height:1.3;letter-spacing:.02em}

/* ---------- adaptable ---------- */
@media(max-width:1100px){
  .n-layout{grid-template-columns:minmax(0,1fr);gap:56px}
  .n-body{max-width:none}
  .n-aside{max-width:var(--n-read)}
  .n-sticky{position:static}
  .n-toc{display:none}   /* en una columna el índice quedaría después de la nota */
}
@media(max-width:900px){
  .n-lead{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media(max-width:600px){
  .n-hub,.n-page{padding-top:22px;padding-bottom:64px}
  .n-crumb-cmd{display:none}
  .n-hub-h1{font-size:clamp(48px,15vw,72px)}
  .n-hub-lead{font-size:16.5px}
  .n-title{margin-top:12px;font-size:clamp(38px,11.5vw,56px)}
  .n-dek{font-size:17.5px}
  .n-hero{margin-bottom:40px}
  .n-prose p{font-size:17px}
  .n-intro p:not(.n-cmd){font-size:18px}
  .n-box{padding:28px 18px 18px}
  .n-explain{padding:30px 18px 20px}
  .n-take-body{padding:20px 18px}
  .n-take blockquote p{font-size:19px}
  .n-flow{flex-direction:column;align-items:stretch}
  .n-flow .n-edge{padding:6px 0 6px 14px}
  .n-flow .n-edge span::before{content:"\2193  "}
  .n-flow .n-edge span::after{content:""}
  .n-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .n-fact{padding:14px 14px 12px}
  .n-fact-v{font-size:40px}
  .n-fv-m{font-size:34px}
  .n-fv-s{font-size:26px}
  .n-title-long{font-size:clamp(34px,9.6vw,48px)}
  .n-grid{grid-template-columns:minmax(0,1fr)}
  .n-cta{grid-template-columns:minmax(0,1fr);padding:28px 22px 24px}
  .n-cta-row{align-items:flex-start}
  .n-pager{grid-template-columns:minmax(0,1fr)}
  .n-pg-next{grid-column:1;align-items:flex-start;text-align:left}
  .n-win-bar{padding:9px 12px;gap:10px}
  .n-win-meta{display:none}
  .n-lead-t{font-size:clamp(34px,10vw,46px)}
  .n-lead .n-list{display:none}
  .n-topics{margin-left:-16px;margin-right:-16px;padding:12px 16px}
  .n-topics ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px}
  .n-topics ul::-webkit-scrollbar{display:none}
  .n-topics li{flex:0 0 auto}
  .n-fact:last-child:nth-child(odd){grid-column:1/-1}
  .n-extras{margin-top:56px;padding-top:40px}
  .n-pager{margin-top:44px}
}
@media(prefers-reduced-motion:reduce){
  .n-card-link,.n-course,.n-pg,.n-chip,.n-topics a,.n-share-btn,.n-cta-btn,.n-lead-media{transition:none}
}

/* ---------- /noticias/suscribirse ---------- */
.n-sub-back{margin:-6px 0 22px;font-family:var(--mono);font-size:12.5px}
.n-sub-back a{color:var(--text-2);text-decoration:none}
.n-sub-back a:hover{color:var(--text);text-decoration:underline}
.n-sub-head{margin-bottom:40px}
.n-sub-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:start}
.n-sub-side{display:grid;gap:28px}
.n-sub-hint,.n-sub-p{color:var(--text-2);line-height:1.6;margin-bottom:16px}
.n-sub-readers{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin-bottom:34px}
.n-sub-h3{margin:0 0 10px}
.n-sub-copy{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.n-sub-url{flex:1 1 280px;min-width:0;min-height:44px;padding:0 14px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--bg);color:var(--text);font-family:var(--mono);font-size:13px}
.n-sub-url:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.n-sub-copy .n-share-btn{min-height:44px}
.n-sub-raw{margin-top:6px;font-family:var(--mono);font-size:12px}
.n-sub-raw a{color:var(--text-3)}
.n-sub-raw a:hover{color:var(--text)}
.n-sub-steps{margin:0 0 4px 1.3em;color:var(--text-2);line-height:1.6}
.n-sub-steps li{margin-bottom:6px;padding-left:4px}
.n-sub-steps li::marker{font-family:var(--mono);color:var(--text-3)}
.n-sub-social{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.n-sub-latest{margin-top:64px}
.n-sub-link{margin-top:14px}
@media(max-width:900px){.n-sub-grid{grid-template-columns:1fr}}
@media(max-width:600px){.n-sub-readers .btn{width:100%}.n-sub-readers li{flex:1 1 100%}}