:root{--ink:#153650;--muted:#63727e;--accent:#b84a22;--line:#dce3e8;--soft:#f3f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:white;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}header{position:sticky;top:0;z-index:5;background:#ffffffed;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:18px max(24px,calc((100vw - 1120px)/2));gap:20px}header>a{font-weight:700;white-space:nowrap}nav{display:flex;gap:24px;font-size:14px}main{max-width:1120px;margin:auto;padding:0 28px}section{padding:80px 0;border-bottom:1px solid var(--line)}.hero{text-align:center;padding:88px 0 58px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700;color:var(--accent);margin:0 0 18px}h1{font-size:clamp(42px,6vw,78px);line-height:1.08;letter-spacing:-.045em;margin:24px 0}.subtitle{font-size:clamp(22px,3vw,34px);line-height:1.3;margin:22px 0 30px;font-weight:500}.authors{font-size:18px;margin:0}.affiliation{color:var(--muted);margin:8px 0 26px}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.button,button{display:inline-block;border:1px solid var(--line);border-radius:8px;padding:11px 20px;background:white;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.primary{background:var(--ink);border-color:var(--ink);color:white}.primary:hover{background:var(--accent);color:white}.statement{margin:60px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;padding:28px;background:var(--soft);border-radius:12px;font-size:clamp(18px,2.3vw,25px)}.statement strong{color:var(--accent)}h2{font-size:clamp(30px,4vw,46px);line-height:1.18;letter-spacing:-.025em;margin:0 0 28px}h3{line-height:1.3}.intro{display:grid;grid-template-columns:1fr 1fr;gap:36px}.intro p,.lead{color:var(--muted);font-size:17px}.lead{max-width:800px}figure{margin:36px 0 0}figure img{display:block;width:100%;height:auto;object-fit:contain}figcaption{font-size:13px;color:var(--muted);margin-top:12px}.factors{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.factors article{padding:28px;background:var(--soft);border-radius:12px}.factors article>span{color:var(--accent);font-size:13px;font-weight:700}.factors h3{font-size:20px}.factors p{color:var(--muted);margin-bottom:0}.formula{text-align:center;padding:36px 12px;font-family:Georgia,serif;font-size:clamp(23px,3vw,34px)}.tail{display:grid;grid-template-columns:1fr 1fr;gap:36px;border:1px solid var(--line);border-radius:12px;padding:32px}.tail h3{font-size:26px;margin:12px 0}.tail p{color:var(--muted)}.distribution{align-self:center}.bar{height:28px;border-radius:6px;background:#d4e4eb;margin:14px 0;overflow:hidden}.bar i{display:block;float:right;width:5%;height:100%;background:var(--accent)}.distribution p{display:flex;justify-content:space-between;font-size:13px}.distribution b{color:var(--accent)}.table-wrap{overflow-x:auto;margin:34px 0}table{width:100%;border-collapse:collapse;font-size:14px;text-align:right}caption{text-align:left;color:var(--muted);font-size:13px;margin-bottom:12px}th,td{padding:18px 14px;border-bottom:1px solid var(--line)}thead th{background:var(--soft);font-size:12px}th:first-child{text-align:left}.highlight{background:#edf5f2}.highlight strong{color:#227353}.examples{display:grid;grid-template-columns:1fr 1fr;gap:28px}.examples figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.examples img{height:330px;background:var(--soft)}.examples figcaption{padding:18px 22px;margin:0;display:flex;justify-content:space-between;gap:12px}.examples strong{color:var(--ink)}.controls{margin:24px 0}.poster{display:block;border:1px solid var(--line);border-radius:10px;overflow:hidden}.poster img{display:block;width:100%}.closing{text-align:center;padding:90px 0}.closing p{color:var(--muted);margin:25px auto;max-width:620px}footer{text-align:center;color:var(--muted);font-size:12px;padding:30px 20px}@media(max-width:720px){header{padding:14px 20px;align-items:flex-start}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end;font-size:12px}main{padding:0 20px}section{padding:55px 0}.hero{padding-top:55px}.intro,.tail,.examples,.factors{grid-template-columns:1fr}.examples img{height:280px}.statement{margin-top:36px}.tail{padding:24px}th,td{padding:14px 10px}.examples figcaption{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{color-scheme:light}main{width:100%;min-width:0}img{max-width:100%}@media(max-width:720px){header{flex-wrap:wrap}nav{width:100%;justify-content:flex-start}h1{overflow-wrap:break-word}.hero br{display:none}}
:root { --figure-background: #fafbfc; }
.severity-figure { max-width: 980px; margin: 28px auto 0; }
.severity-figure img { height: auto; max-height: 430px; }
.landscape-figure { max-width: 980px; margin: 28px auto 0; }
.landscape-figure img { max-height: 280px; }
.severity-figure a, .landscape-figure a { display: block; }
.severity-figure figcaption, .landscape-figure figcaption { text-align: center; }
.examples img { height: 250px; }
.poster { max-width: 900px; margin: 0 auto; background: var(--figure-background); }
.poster img { max-height: 400px; object-fit: contain; }
@media (max-width: 720px) {
  .severity-figure img { max-height: 300px; }
  .examples img { height: 220px; }
  .poster img { max-height: 230px; }
}
.equation-notes { max-width: 800px; margin: 0 auto 28px; color: var(--muted); }
.equation-details { margin-top: 28px; padding: 24px 28px; background: var(--soft); border-radius: 12px; }
.equation-details h3 { margin-top: 0; }
.equation-details p { color: var(--muted); }
.formula-detail { font-size: clamp(18px, 2.4vw, 27px); padding: 20px 0; overflow-x: auto; }
.method .formula { font-size: 24px; padding: 18px 12px; }
.method .formula-detail { font-size: 16px; padding: 8px 0; }
.method mjx-container[display="true"] { margin: 0.65em 0 !important; }
.method .equation-details { padding: 20px 24px; }
.method .equation-details h3 { font-size: 18px; margin-bottom: 12px; }
.method .equation-details p, .method .equation-notes { font-size: 14px; }
.method .tail h3 { font-size: 22px; }
@media (max-width: 720px) {
  .method .formula { font-size: 20px; }
  .method .formula-detail { font-size: 14px; }
  .method .equation-details { padding: 16px; }
}
.method .equation-details .formula-detail {
  font-size: 15px;
  padding: 3px 0;
}
.method .equation-details mjx-container[jax="CHTML"] {
  font-size: 100% !important;
  text-align: left !important;
  margin: 0.35em 0 !important;
}
.method .equation-details h3 { font-size: 16px; margin-bottom: 8px; }
.method .severity-details { background: transparent; padding: 0; }
.equation-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.equation-card { min-width: 0; padding: 20px 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); }
.equation-card h4 { margin: 0 0 18px; font-size: 16px; }
.method .equation-card .formula-detail { font-size: 17px; padding: 8px 0; }
.method .equation-card mjx-container[jax="CHTML"] { text-align: center !important; }
@media (max-width: 1000px) { .equation-cards { grid-template-columns: 1fr; } .equation-card { padding: 22px; } }
.equation-card--depth { display: flex; flex-direction: column; }
.method .equation-card--depth .formula-detail {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}