.hero h1{max-width:none;text-align:left}.hero-summary{max-width:none!important}.learning-goal{max-width:none;margin:28px 0 20px;padding:24px 28px;border:1px solid #dce8e9;border-radius:24px;background:linear-gradient(115deg,#eaf9fc,#fffbdc)}.learning-goal p{font-size:20px;line-height:1.6;margin:10px 0 0;text-align:left}.learning-goal .eyebrow{font-size:11px}.reading-layout{margin-top:48px}.journey{padding:20px 0 30px;border-bottom:1px solid var(--line);margin-bottom:48px}.journey>span{font-size:10px;letter-spacing:1.5px}.journey>div{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:14px;overflow-x:auto;padding:6px 2px}.journey a,.journey b{font-size:12px;white-space:nowrap;text-decoration:none;padding:9px 10px;border-radius:30px}.journey b{background:linear-gradient(100deg,#bdeef2,#fff4a6)}.journey a:hover{background:#e8f3fa}.roles{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}.roles>div{padding:24px;border:1px solid #d8e6ed;border-radius:22px;background:#f9fcfd}.roles h3{font-size:20px;margin:12px 0}.roles p{font-size:17px;line-height:1.65;text-align:left!important;margin-bottom:0}.role-number{font-size:12px;background:#fff4b2;border-radius:50%;padding:8px}.pilot-figure{margin:32px 0}.image-open{border:1px solid #d8e6ed;border-radius:22px;overflow:hidden;background:#fff;padding:0;cursor:zoom-in;width:100%;display:block}.image-open img{width:100%;height:auto;display:block}.pilot-figure figcaption{font-size:13px;color:var(--muted);line-height:1.6;margin-top:10px}.cite{font-size:13px;color:#357589}.next-note{border:1px solid #d8e6ed;border-radius:24px;padding:26px;background:linear-gradient(115deg,#f1fafc,#fffef0);margin:40px 0}.next-note>a{display:block;font-size:22px;font-weight:700;line-height:1.45;margin:12px 0}.next-note small,.available-reads>small{display:block;font-size:12px;line-height:1.5;color:var(--muted)}.source-card{border:1px solid #d8e6ed;border-radius:24px;padding:32px}.source-card h2{font-size:28px}.source-card ol{padding-left:24px}.source-card li p{font-size:16px}dialog{border:0;border-radius:20px;width:min(96vw,1040px);max-height:94dvh;padding:12px;background:#fff}dialog::backdrop{background:#142b40c9}dialog img{width:100%;height:auto}.close-image{position:sticky;top:0;display:block;margin-left:auto;border:0;border-radius:30px;background:#142b40;color:white;padding:9px 18px;cursor:pointer}article{min-width:0}article p{line-height:1.85}.rail{min-width:0}.hero-categories li:not(.topic-primary){background:#fff!important;border-color:#d8e6ed!important}.note-meta{margin-top:22px}.takeaway p{text-align:left!important}.source-card .entry-data{border:0;border-top:1px solid #d8e6ed;border-radius:0;background:none;padding:20px 0 0}.entry-data dd{overflow-wrap:anywhere}@media(max-width:800px){.rail{position:static;max-height:none}.rail nav.available-reads{display:none}.rail-tags{display:none}.rail nav[aria-label="Índice de lectura"]{display:flex;flex-direction:row;overflow-x:auto;gap:16px;padding-bottom:14px}.rail nav[aria-label="Índice de lectura"] a{flex-shrink:0;max-width:150px}.roles{grid-template-columns:1fr}.learning-goal{padding:22px}.learning-goal p{font-size:18px}.source-card{padding:22px}.journey{margin-bottom:30px}.hero h1{font-size:44px;letter-spacing:-2px}.reading-layout{gap:28px}.hero-summary{text-align:justify}.journey>div{justify-content:flex-start}.hero-categories{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero-summary,.roles p{hyphens:none}.journey a:focus-visible{outline:2px solid #167c8b}

article .article-signature{margin:36px 0 0;text-align:center!important;font-size:12px;line-height:1.5;letter-spacing:.4px;color:var(--muted);}
article .context-note{font-size:12px;line-height:1.5;color:var(--muted);margin-top:24px;text-align:left}.context-note a{text-decoration:none}sup a{font-size:12px;text-decoration:none}.learning-path{margin:0 0 50px;padding:24px 0 20px;border-bottom:1px solid var(--line)}.path-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.path-heading>a{font-size:12px;color:var(--muted);text-decoration:none}.path-line{list-style:none;padding:0;margin:26px 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:relative}.path-line:before{content:'';position:absolute;top:16px;height:2px;background:#dde7ec;left:8.33%;right:8.33%}.path-line:after{content:'';position:absolute;top:16px;left:8.33%;width:16.67%;height:2px;background:#338e9d;transform-origin:left;animation:trace-path 1s ease-out both}.path-line li{position:relative;z-index:1;text-align:center;list-style:none;margin:0;padding:0 4px}.path-line a{display:flex;flex-direction:column;gap:12px;align-items:center;text-decoration:none;font-size:11px;line-height:1.5;color:#617783}.milestone{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #cfdee6;font-size:12px}.here .milestone{background:linear-gradient(120deg,#b8eff1,#fff1a3);color:#142b40;border-color:#529caa;box-shadow:0 0 0 5px #eaf6f7;animation:here-pulse 3s ease-in-out infinite}.path-line .here a{font-weight:800;color:#142b40}.path-position{display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:14px;line-height:1.6}.path-position small{font-size:12px;color:var(--muted)}.path-position>a{font-size:13px;text-decoration:none;text-align:right}.path-position>a small{display:block;font-size:10px}.context-article{width:88%;max-width:800px;margin:65px auto}.leinn-terms dt{font-weight:750;margin-top:20px}.leinn-terms dd{margin:6px 0 0}.context-article section{margin-bottom:55px}@keyframes trace-path{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes here-pulse{50%{box-shadow:0 0 0 8px #eaf6f760}}@media(max-width:600px){.path-line a{font-size:10px}.path-line li{padding:0 2px}.path-line{gap:0}.milestone{width:28px;height:28px}.path-line:before,.path-line:after{top:13px}.path-position{align-items:flex-start;gap:12px}.path-position>span{max-width:68%}.path-position>a{font-size:12px}.context-article{margin-top:36px}}@media(prefers-reduced-motion:reduce){.path-line:after,.here .milestone{animation:none}}

/* Piloto: orientación breve arriba, continuidad de lectura al final. */
.compact-path .path-line{margin:24px 0 18px}.compact-path .path-line a{position:relative;gap:0}.step-tooltip{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);width:140px;padding:8px 10px;border-radius:10px;background:#142b40;color:white;font-size:12px;box-shadow:0 4px 18px #142b4015;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s}.path-line a:hover .step-tooltip,.path-line a:focus-visible .step-tooltip{opacity:1;visibility:visible}.path-line li:first-child .step-tooltip{left:0;transform:none}.path-line li:last-child .step-tooltip{left:auto;right:0;transform:none}.path-current{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:16px}.path-current>span{font-size:12px;color:var(--muted);white-space:nowrap}.reading-pagination{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 60px}.reading-pagination>a{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #d8e6ed;border-radius:22px;padding:24px;text-decoration:none;transition:background .2s,border-color .2s}.reading-pagination>a:hover{background:#f1f9fa;border-color:#86b7c4}.reading-pagination>a:last-child{background:linear-gradient(115deg,#eefafb,#fffde9)}.pagination-label{font-size:12px;color:var(--muted);margin-bottom:14px}.reading-pagination strong{font-family:var(--title);font-size:20px;line-height:1.4}.reading-pagination p{font-size:15px;line-height:1.65;text-align:left!important;margin:14px 0}.reading-pagination small{font-size:11px;line-height:1.6;color:var(--muted);margin-top:auto}@media(max-width:600px){.path-heading .eyebrow{font-size:9px;letter-spacing:1px}.path-current{font-size:14px}.path-current>span{font-size:11px}.reading-pagination{grid-template-columns:1fr}.reading-pagination>a{padding:22px}}

/* Prueba v6: etapas anteriores, actual y siguientes. */
.compact-path{padding:24px 26px;border:1px solid #d8e7e8;border-radius:24px;background:linear-gradient(115deg,#eaf9fc 0%,#f5fbef 55%,#fffbdc 100%)}
.compact-path .path-line:before{height:0;background:none;border-top:2px dashed #c2d2d8}
.compact-path .path-line:after{background:#417c8a}
.compact-path .past .milestone{background:#417c8a;border:1px solid #417c8a;color:#fff}
.compact-path .here .milestone{background:#fff;border:2px solid #217487;color:#142b40;box-shadow:0 0 0 5px #c4edf0;animation:none;font-weight:800}
.compact-path .upcoming .milestone{border:1.5px dashed #91a7af;background:#ffffff80;color:#617783}
.compact-path .path-line a:hover .milestone,.compact-path .path-line a:focus-visible .milestone{box-shadow:0 0 0 4px #ffffffb3}
@media(max-width:600px){.compact-path{padding:22px 16px}.compact-path .path-heading{gap:10px}.compact-path .path-heading>a{font-size:11px}}

/* v7: información en una sola cabecera y foco exclusivo en la etapa actual. */
.compact-path .path-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.path-route-label{font-size:12px;line-height:1.5;color:var(--ink)}.path-route-label strong{font-weight:700}.path-step-label{font-size:11px;color:var(--muted);white-space:nowrap}.compact-path .path-heading>a{margin-left:auto;white-space:nowrap;font-size:11px}.compact-path .path-line{margin:22px 0 0}.compact-path .past .milestone{background:#e0edf0;border-color:#bbd0d6;color:#69838d}.compact-path .path-line:after{background:#aec8cf}.compact-path .here .milestone{background:#217487;color:#fff;border-color:#217487;box-shadow:0 0 0 5px #c4edf0}@media(max-width:600px){.compact-path .path-heading{gap:8px 12px}.path-route-label{flex-basis:100%;font-size:11px}.path-step-label{font-size:10px}.compact-path .path-heading>a{font-size:10px}}

/* v8: tipografía y enlaces coherentes con la plantilla. */
.compact-path .path-route-label{display:flex;flex-direction:column;gap:6px;line-height:1.5}
.compact-path .path-route-label .eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;color:var(--ink)}
.compact-path .path-route-name{font-size:12px;font-weight:400;letter-spacing:0;text-transform:none}
.compact-path .path-heading>a{font-size:12px;color:var(--muted);text-decoration:underline;text-decoration-color:#afc5ce;text-decoration-thickness:1px;text-underline-offset:4px}
.compact-path .path-heading>a:hover{color:var(--ink);text-decoration-color:currentColor}
.compact-path .path-step-label{font-size:12px}
@media(max-width:600px){.compact-path .path-route-label{flex-basis:auto;flex:1 1 190px}.compact-path .path-route-label .eyebrow{font-size:10px}.compact-path .path-route-name{font-size:12px}.compact-path .path-heading>a{font-size:12px}.compact-path .path-step-label{font-size:11px}}

/* v9: cabecera en una línea y aclaraciones subrayadas. */
.compact-path .path-heading{flex-wrap:nowrap;gap:14px;overflow-x:auto;padding-bottom:5px}
.compact-path .path-route-label{flex-direction:row;align-items:baseline;gap:10px;flex:0 0 auto;white-space:nowrap}
.compact-path .path-route-label .eyebrow{flex-shrink:0}
.compact-path .path-route-name{white-space:nowrap}
.compact-path .path-step-label,.compact-path .path-heading>a{flex-shrink:0}
.context-note a{text-decoration:underline;text-decoration-color:#afc5ce;text-decoration-thickness:1px;text-underline-offset:4px}
.context-note a:hover{text-decoration-color:currentColor}
@media(max-width:600px){.compact-path .path-route-label{flex:0 0 auto;gap:8px}.compact-path .path-heading{gap:12px}}

/* v13: nombre de ruta y paso comparten el mismo estilo secundario. */
.compact-path .path-route-name,.compact-path .path-step-label{font-size:12px;font-weight:400;color:var(--muted);line-height:1.5;letter-spacing:normal}
@media(max-width:600px){.compact-path .path-route-name,.compact-path .path-step-label{font-size:11px}}

/* v15: eje y ruta arriba; temática solo en el lateral. */
.hero-categories .path-axis.path-axis-project{background:#f5ed63!important;border-color:#e8df59!important}
.hero-categories .path-axis.path-axis-person{background:#c6edf5!important;border-color:#acd9e5!important}

/* v18: recorrido de lecturas vertical en el lateral. */
.route-rail{margin:30px 0 8px;padding:22px 12px 16px;border:1px solid #dbe7e9;border-radius:22px;background:linear-gradient(150deg,#edf9fb,#fffde8)}
.route-rail>.eyebrow{font-size:9px;letter-spacing:1.4px}.route-rail-name{font-size:13px;line-height:1.5;margin:8px 0 20px;color:var(--ink);text-align:left}.route-rail-name>span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.route-stops{list-style:none;margin:0;padding:0;position:relative}.route-stops:before{content:'';position:absolute;left:11px;top:16px;bottom:30px;border-left:1px dashed #b6ced5}.route-stop{list-style:none;margin:0;padding:0 0 10px;position:relative}.route-stop:last-child{padding-bottom:0}.route-stop>a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start;text-decoration:none;color:var(--muted)}.route-dot{display:grid;place-items:center;margin-top:12px;width:24px;height:24px;border:1px dashed #a5bdc5;border-radius:50%;background:#f6fbfa;font-size:9px;position:relative;z-index:1;transition:background .2s,border-color .2s}.route-card{display:block;padding:11px 10px;border:1px solid #dfe9ec;border-radius:13px;background:#ffffff90;transition:transform .18s,border-color .18s,background .18s}.route-title{display:block;font-size:12px;line-height:1.5;font-weight:400}.route-here{display:block;color:#217487;font-size:10px;margin-top:5px}.is-current .route-dot{background:#217487;border:1px solid #217487;color:#fff;box-shadow:0 0 0 3px #ceeced}.is-current .route-card{background:white;border-color:#98c7d0;box-shadow:0 3px 10px #254c6010;color:var(--ink)}.is-current .route-title{font-weight:600}.route-stop>a:hover .route-card,.route-stop>a:focus-visible .route-card{transform:translateX(3px);background:white;border-color:#70acba}.route-stop>a:hover .route-dot{border-style:solid;border-color:#217487}.route-map-link{display:inline-block;font-size:11px;color:var(--muted);text-underline-offset:4px;text-decoration-color:#afc5ce;margin:18px 0 0 32px}
@media(max-width:800px){.route-rail{max-width:460px;margin:22px 0}.route-card{padding:10px 12px}.route-title{font-size:13px}.route-rail-name>span{display:inline;margin-left:10px}}
@media(prefers-reduced-motion:reduce){.route-card,.route-dot{transition:none}.route-stop>a:hover .route-card,.route-stop>a:focus-visible .route-card{transform:none}}

/* v19: rótulos del lateral con una única jerarquía. */
.rail>.eyebrow,.rail-tags>.eyebrow{font-size:11px;font-weight:700;line-height:1.5;letter-spacing:1.6px;color:var(--ink);text-transform:uppercase}

/* v20: escala global sobre el artículo; secuencia de notas en el lateral. */
.project-overview{padding:20px 24px;margin-bottom:40px;background:linear-gradient(115deg,#f2fafb,#fffef0)}.overview-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.overview-heading .eyebrow{font-size:10px}.overview-heading>a{font-size:12px;color:var(--muted);text-underline-offset:4px;text-decoration-color:#afc5ce}.overview-body{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:24px;margin-top:18px}.overview-body>p{margin:0;text-align:left!important;line-height:1.5}.overview-body>p>span{display:block;font-size:11px;color:var(--muted)}.overview-body>p>strong{display:block;font-size:14px;font-weight:400;margin-top:3px}.project-overview .path-line{margin:0}.project-overview .milestone{width:28px;height:28px;font-size:11px}.project-overview .path-line:before,.project-overview .path-line:after{top:13px}.project-overview .step-tooltip{bottom:39px}
@media(max-width:600px){.project-overview{padding:18px 16px}.overview-body{grid-template-columns:1fr;gap:18px}.overview-body>p{display:flex;align-items:baseline;gap:10px}.overview-body>p>strong{margin:0}.overview-heading .eyebrow{font-size:9px}.overview-heading>a{font-size:11px}}

/* v21: un único árbol vertical de etapas y lecturas. */
.nested-journey{padding:20px 10px 16px}.journey-position{font-size:11px;color:var(--muted);line-height:1.5;margin:8px 0 18px;text-align:left}.journey-stages{list-style:none;padding:0;margin:0;position:relative}.journey-stages:before{content:'';position:absolute;left:12px;top:14px;bottom:25px;border-left:1px dashed #b2cbd3}.journey-stage{list-style:none;padding:0 0 16px;margin:0;position:relative}.journey-stage:last-child{padding-bottom:0}.stage-link{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;text-decoration:none;font-size:12px;line-height:1.5;color:var(--muted)}.stage-dot{display:grid;place-items:center;width:26px;height:26px;border:1px dashed #a8bfc7;border-radius:50%;background:#f4faf7;font-size:10px;position:relative}.stage-past .stage-dot{background:#e0edf0;border-style:solid;color:#69838d}.stage-current>.stage-link{color:var(--ink);font-weight:600}.stage-current .stage-dot{color:white;background:#217487;border:1px solid #217487;box-shadow:0 0 0 3px #ceeced}.stage-link:hover{color:#217487}.stage-readings{margin:12px 0 0 22px;padding-left:8px}.stage-caption{font-size:10px;line-height:1.5;color:var(--muted);margin:0 0 12px;text-align:left}.nested-journey .route-stop>a{grid-template-columns:18px minmax(0,1fr);gap:6px}.nested-journey .route-dot{width:18px;height:18px;font-size:8px;margin-top:12px}.nested-journey .route-stops:before{left:8px}.nested-journey .route-card{padding:10px 8px;border-radius:11px}.nested-journey .route-title{font-size:11px}.nested-journey .route-map-link{margin-left:0}.nested-journey .route-here{font-size:9px}@media(max-width:800px){.nested-journey .route-title{font-size:13px}.stage-link{font-size:13px}}

/* v22: cabecera del recorrido alineada con los rótulos del lateral. */
.nested-journey>.eyebrow{font-size:11px;font-weight:700;line-height:1.5;letter-spacing:1.6px;color:var(--ink);text-transform:uppercase}
.nested-journey .journey-position{margin:8px 0 6px}
.nested-journey>.route-map-link{display:inline-block;margin:0 0 20px;font-size:11px}

/* v23: recorrido directamente bajo su rótulo. */
.nested-journey>.journey-stages{margin-top:18px}

/* v24: lateral más ancho y tarjetas menos altas. */
@media(min-width:801px){.reading-layout{grid-template-columns:288px minmax(0,1fr);gap:40px}.rail{max-height:none;overflow:visible;position:sticky;top:124px}}
.nested-journey .route-card{padding:8px 10px}.nested-journey .route-title{font-size:12px;line-height:1.4}.nested-journey .route-stop{padding-bottom:7px}.nested-journey .route-here{margin-top:3px}.nested-journey .journey-stage{padding-bottom:12px}.nested-journey .journey-stage:last-child{padding-bottom:0}.stage-readings{margin-top:10px}.stage-caption{margin-bottom:8px}
@media(min-width:801px) and (max-width:1050px){.reading-layout{grid-template-columns:260px minmax(0,1fr);gap:28px}}

/* v26: aire lateral del rótulo dentro de la burbuja. */
.nested-journey>.eyebrow{display:block;margin-left:10px}

/* v28: lateral intermedio y mayor separación del artículo. */
@media(min-width:1051px){.reading-layout{grid-template-columns:256px minmax(0,1fr);gap:64px}}
@media(min-width:801px) and (max-width:1050px){.reading-layout{grid-template-columns:240px minmax(0,1fr);gap:40px}}

/* v30: temática junto a la ruta, diferenciada por contorno discontinuo. */
.hero-categories li.topic-outline{background:#fff!important;border:1px dashed #9aafbc!important;color:var(--muted);font-weight:400}

/* v31: ajuste fino de anchura del lateral. */
@media(min-width:1051px){.reading-layout{grid-template-columns:240px minmax(0,1fr);gap:64px}}
@media(min-width:801px) and (max-width:1050px){.reading-layout{grid-template-columns:224px minmax(0,1fr);gap:40px}}

/* v32: ruta móvil desplegable, escritorio siempre visible. */
.journey-toggle{display:none}
@media(max-width:800px){
.nested-journey{max-width:none;margin:22px 0;padding:18px 16px}
.nested-journey>.eyebrow{margin-left:0}
.journey-toggle{display:grid;grid-template-columns:26px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;margin-top:14px;padding:0;border:0;background:transparent;text-align:left;color:var(--ink);font-size:13px;line-height:1.5;cursor:pointer}
.journey-toggle .stage-dot{background:#217487;color:#fff;border:1px solid #217487;box-shadow:0 0 0 3px #ceeced}
.journey-chevron{justify-self:end;font-size:20px;transition:transform .2s}
.journey-toggle[aria-expanded=true] .journey-chevron{transform:rotate(180deg)}
.nested-journey>.journey-stages{display:none;margin-top:20px}
.nested-journey.is-open>.journey-stages{display:block}
}
@media(prefers-reduced-motion:reduce){.journey-chevron{transition:none}}

/* v33: la etapa actual solo se muestra una vez al desplegar. */
.journey-close-label{display:none}
@media(max-width:800px){
.journey-toggle[aria-expanded=true]{grid-template-columns:minmax(0,1fr) 18px;color:var(--muted);font-size:11px}
.journey-toggle[aria-expanded=true]>.stage-dot,.journey-toggle[aria-expanded=true]>.journey-current-name{display:none}
.journey-toggle[aria-expanded=true]>.journey-close-label{display:block}
}

/* v34: índice móvil continuo y compacto. */
@media(max-width:800px){
.rail nav[aria-label="Índice de lectura"]{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:16px;margin-top:0;padding:8px 2px 12px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#cadce2 transparent;-webkit-overflow-scrolling:touch}
.rail nav[aria-label="Índice de lectura"] a{display:inline-flex;flex:0 0 auto;align-items:baseline;gap:5px;max-width:none;white-space:nowrap;font-size:11px;line-height:1.5;padding:0}
.rail nav[aria-label="Índice de lectura"] a span{font-size:12px;white-space:nowrap}
.rail nav[aria-label="Índice de lectura"]::-webkit-scrollbar{height:3px}
.rail nav[aria-label="Índice de lectura"]::-webkit-scrollbar-thumb{background:#cadce2;border-radius:3px}
}
@media(prefers-reduced-motion:reduce){.rail nav[aria-label="Índice de lectura"]{scroll-behavior:auto}}

/* v35: fecha de revisión adaptable y menor separación móvil. */
.date-short{display:none}
@media(max-width:800px){.updated-date .date-long{display:none}.updated-date .date-short{display:inline}.reading-layout{margin-top:20px}.rail nav[aria-label="Índice de lectura"]{padding-top:0}.hero{padding-bottom:20px}}

/* v36: fecha y tiempo de lectura en una fila móvil. */
@media(max-width:800px){.note-meta{flex-direction:row;flex-wrap:nowrap;align-items:baseline;justify-content:space-between;gap:12px;font-size:12px}.note-meta>span{white-space:nowrap}.note-meta>span:last-child{margin-left:auto;text-align:right}}