/* Readable field notes: restrained atmosphere, compact navigation, useful diagrams. */
.blog-masthead{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;padding-block:48px}.blog-masthead h1{font-size:clamp(2.6rem,4.5vw,4.2rem)}.blog-masthead figure{margin:0}.blog-masthead img{width:100%;height:auto;max-height:285px;object-fit:cover;border:1px solid #75efda35;border-radius:16px}.blog-masthead figcaption,.article-cover figcaption,.publication-figure figcaption{font-size:.8rem;color:#a5bcc5;margin-top:8px}.blog-stats{display:flex;gap:12px;flex-wrap:wrap;font-size:.85rem;color:#c1d8dc}.blog-stats span{border-left:2px solid #75efda;padding-left:10px}.blog-topics{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.blog-topics a{border:1px solid #75efda35;padding:7px 13px;border-radius:30px;font-size:.85rem}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.blog-card{border:1px solid #568c8b33;border-radius:10px;overflow:hidden;background:#10202cc9;transition:border-color .2s}.blog-card:hover{border-color:#75efda}.blog-card img{width:100%;height:135px;object-fit:cover;opacity:.85}.blog-card> a>div{padding:20px}.blog-card h2{font-size:1.35rem;line-height:1.3;letter-spacing:-.025em}.blog-card p{font-size:.95rem}.blog-card .eyebrow{font-size:.75rem}.read-label{font-size:.8rem;color:#75efda}.roadmap{display:grid;grid-template-columns:1fr 1fr;gap:30px}.track-section h3{font-size:1.4rem}.track-section{scroll-margin-top:90px}.article-header{padding-block:35px 30px}.article-header nav{font-size:.85rem;color:#b7cdd3;margin-bottom:25px}.article-header h1{font-size:clamp(2rem,4.4vw,3.6rem);max-width:980px;line-height:1.14}.article-byline{display:flex;align-items:center;gap:12px;font-size:.875rem;color:#b7cdd3}.article-byline img{border-radius:50%;object-fit:cover;object-position:top}.article-layout{display:grid;grid-template-columns:220px minmax(0,780px);gap:48px;justify-content:center;padding-bottom:70px}.article-toc{position:sticky;top:95px;align-self:start;max-height:calc(100vh - 115px);overflow:auto}.article-toc details{border:1px solid #52737466;padding:15px;border-radius:8px;margin:0}.article-toc summary{font-weight:600;padding:0;font-size:.95rem}.article-toc ol{padding-left:18px;margin:16px 0 0}.article-toc li{margin-bottom:11px;font-size:.85rem;line-height:1.5;color:#b7cdd3}.article-toc a:hover{color:#75efda}.article-body{min-width:0;font-size:1.05rem;line-height:1.85}.article-body>section{margin-top:42px;scroll-margin-top:90px}.article-body h2{font-size:1.8rem;line-height:1.2;letter-spacing:-.025em;margin-bottom:20px}.article-body h3{font-size:1.3rem;line-height:1.3}.article-body a{color:#83efdc;text-decoration:underline;text-underline-offset:3px}.article-body p,.article-body li{color:#bacdd6}.article-body li{margin-bottom:10px}.article-body pre{white-space:pre;overflow:auto;font-size:.85rem;line-height:1.6;padding:22px;border:1px solid #56818466;background:#051019;border-radius:8px;color:#c8f0df}.article-body code{font-family:var(--mono)}.article-cover{margin:0 0 30px}.article-cover img{width:100%;height:auto;max-height:290px;object-fit:cover;border-radius:10px}.blog-diagram{margin:30px 0}.blog-diagram svg{width:100%;height:auto;min-width:520px}.blog-diagram{overflow:auto}.blog-diagram figcaption{font-size:.85rem;color:#abc1ca;margin-top:8px}.table-scroll{overflow:auto;max-width:100%;margin-block:26px;border:1px solid #426263;border-radius:8px}.table-scroll table{width:100%;border-collapse:collapse;min-width:420px;font-size:.9rem;text-align:left;line-height:1.55}.table-scroll caption{text-align:left;padding:15px;background:#142735;color:#d2eceb;font-weight:600}.table-scroll th,.table-scroll td{padding:13px 15px;border-bottom:1px solid #42626366;vertical-align:top}.table-scroll thead{background:#17323a;color:#d9efef}.table-scroll tbody th{font-weight:500}.table-scroll tbody tr:last-child>*{border:0}.table-scroll tbody tr:nth-child(even){background:#10232b88}.interactive-panel{background:linear-gradient(130deg,#163139,#101c30);border:1px solid #75efda55;border-radius:12px;padding:24px;margin:32px 0}.interactive-panel label{display:flex;justify-content:space-between;font-size:1rem;margin-top:18px}.interactive-panel input[type=range]{padding:0;accent-color:#75efda;height:25px}.demo-chart{width:100%;height:auto;background:#081722;border-radius:8px;margin-top:18px}.demo-result{color:#aaffed!important;font-weight:600;margin-top:18px}.article-body .detail-explainer{padding:24px;border-radius:12px}.article-body .detail-explainer .wrap{width:100%}.article-body .explainer-intro,.article-body .explainer-controls,.article-body .detail-story{grid-template-columns:1fr;gap:18px}.article-body .detail-explainer h2{font-size:1.8rem}.article-body .detail-results{gap:15px;grid-template-columns:1fr}.article-body .detail-results strong{font-size:1.7rem}.article-body .detail-results>div{display:flex;gap:20px;align-items:center}.article-body .map-label{flex-wrap:wrap}.source-note{font-size:.85rem}.related-articles{border-top:1px solid #416263;margin-top:40px;padding-top:30px}.related-articles a{display:block;margin-bottom:14px}.publication-page{max-width:850px;padding-bottom:80px}.publication-page h2{font-size:1.8rem;margin-top:30px}.publication-figure{margin:32px 0}.publication-figure img{width:100%;height:auto;max-height:600px;object-fit:contain;background:#fff;border-radius:8px}.head nav{gap:20px}.head nav a{font-size:.875rem}.article-body #references li{overflow-wrap:anywhere}.article-body details summary{font-size:1rem}.article-body details p{font-size:1rem}
@media(max-width:1100px){.blog-grid{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:185px minmax(0,1fr);gap:24px}.head nav{gap:14px}.head .brand small{display:none}}
@media(max-width:760px){.blog-masthead{grid-template-columns:1fr;padding-block:30px;gap:22px}.blog-masthead img{max-height:220px}.blog-masthead h1{font-size:2.6rem}.article-layout{grid-template-columns:1fr;gap:24px}.article-toc{position:relative;top:0;max-height:none}.article-toc ol{columns:2;column-gap:28px}.article-header h1{font-size:2.1rem}.article-byline{align-items:flex-start}.roadmap{grid-template-columns:1fr}.article-body{font-size:1rem}.article-body .map-comparison{grid-template-columns:1fr}.article-body .detail-explainer{padding:18px}.head nav{gap:0}.head .brand small{display:block}}
@media(max-width:520px){.blog-grid{grid-template-columns:1fr}.blog-card img{height:145px}.article-toc ol{columns:1}.interactive-panel{padding:18px}.article-body pre{padding:16px}.blog-stats{font-size:.8rem}}
/* Instrument images remain separate from exact optical diagrams and plots. */
.article-body .device-illustration{margin:26px 0 24px;border:1px solid #3b5362;border-radius:6px;overflow:hidden;background:#0b1722}
.device-illustration>a{display:block}
.article-body .device-illustration img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:contain}
.article-body .device-illustration figcaption{font-size:14px;line-height:1.7;padding:16px 18px;color:#b4c8d5}
.device-illustration figcaption strong{font-weight:600;color:#dbe6ec}
.blog-card img{height:auto;aspect-ratio:3/2;object-fit:contain;opacity:1}
.article-cover img{max-height:none;aspect-ratio:3/2;object-fit:contain;border-radius:6px}