/* Paired content additions; use the site's existing blue/cyan visual language. */
.reading-path-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.reading-path-card { min-width:0; display:flex; flex-direction:column; align-items:flex-start; padding:32px; border:1px solid rgba(139,201,225,.24); border-radius:8px; background:linear-gradient(145deg,rgba(35,61,88,.26),rgba(16,23,34,.12)); transition:border-color .2s,background .2s; }
.reading-path-card:hover { border-color:rgba(139,213,242,.55); background-color:rgba(41,74,98,.12); }
.reading-path-number { color:#8dd8f3; font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.08em; }
.reading-path-card h3 { margin:22px 0 16px; font-size:clamp(22px,2.2vw,30px); line-height:1.3; text-wrap:balance; }
.reading-path-card p { margin:0; color:var(--flow-muted,#b6c1c7); font-size:15px; line-height:1.85; }
.reading-path-card ul { padding:0; margin:24px 0 28px; list-style:none; width:100%; }
.reading-path-card li { border-bottom:1px solid rgba(139,201,225,.13); }
.reading-path-card li a { display:block; padding:12px 0; color:#d1dfe8; font-size:14px; line-height:1.6; text-decoration:none; }
.reading-path-card a:hover { color:#9fe7ff; }
.reading-path-card a:focus-visible { outline:2px solid #8dd8f3; outline-offset:5px; }
.reading-path-link { margin-top:auto; color:#9fe7ff; font-size:14px; text-decoration:none; }
.remote-projects { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:60px; border-top:1px solid rgba(139,201,225,.2); }
.remote-projects h2 { font-size:clamp(26px,3vw,42px); line-height:1.2; margin:20px 0; }
.remote-projects p { color:var(--flow-muted,#b6c1c7); font-size:15px; line-height:1.85; }
.remote-projects ol { margin:0; padding:0; list-style:none; counter-reset:remote; }
.remote-projects li { position:relative; padding:0 0 24px 38px; counter-increment:remote; }
.remote-projects li:before { content:'0' counter(remote); position:absolute; left:0; top:3px; color:#8dd8f3; font:11px/1.6 ui-monospace,monospace; }
.remote-projects li strong { font-size:18px; }
.remote-projects li p { margin:10px 0 0; }
.interface-legend { padding:20px 24px; margin:0; border-top:1px solid rgba(139,201,225,.2); color:#bed2dc; font-size:14px; line-height:1.8; background:rgba(29,57,75,.2); }
html[lang=en] .mvp-hero-copy h1 { font-size:clamp(40px,4.5vw,76px); line-height:1.08; letter-spacing:-.045em; }
html[lang=en] .hero-promises strong { font-size:13px; line-height:1.55; }
html[lang=en] .tool-hero h1 { text-wrap:balance; }
html[lang=en] .tool-metric span { line-height:1.5; overflow-wrap:anywhere; }
.tool-topnav .flow-language { font-size:13px; white-space:nowrap; }
@media(max-width:760px) {
  .reading-path-grid,.remote-projects { grid-template-columns:minmax(0,1fr); gap:24px; }
  .reading-path-card { padding:26px 22px; }
  .remote-projects { gap:32px; }
  .interface-legend { padding:18px; }
  html[lang=en] .mvp-hero-copy h1 { font-size:clamp(38px,9vw,62px); }
  .tool-topnav { flex-wrap:wrap; justify-content:flex-end; }
}
@media(prefers-reduced-motion:reduce) { .reading-path-card { transition:none; } }