:root{--paper:#fbfcfa;--ink:#1f3332;--muted:#566663;--line:#d6dfd9;--accent:#21645b;--warm:#b55c32;--light:#edf3ee;--background:var(--paper);--lightgray:#d6dfd9;--gray:#71837b;--darkgray:#526860;--dark:var(--ink);--secondary:var(--accent);--tertiary:var(--warm);--highlight:#e6eee8;--bodyFont:Arial,sans-serif;--headerFont:Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65;font-size:16px}::selection{background:#cce5da;color:#162c26}input,textarea{caret-color:var(--accent)}a{color:var(--accent);text-underline-offset:4px}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:transparent;border:0}button:hover,a:hover{color:#123e35}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{opacity:.55;cursor:wait}svg{max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 4vw}.wordmark{font-weight:600;font-size:17px;text-decoration:none;color:var(--ink)}.home .wordmark{visibility:hidden}.icon-button{border:1px solid var(--line);border-radius:50%;width:36px;height:36px;font-size:19px}.help{position:absolute;right:4vw;top:80px;width:min(430px,92vw);padding:24px;background:var(--paper);border:1px solid var(--line);z-index:8;box-shadow:0 12px 32px #1f33321a}.help h2{margin-top:0;font-size:20px}.help p{font-size:15px}.search-area,#workspace{width:calc(100% - 48px);max-width:1000px;margin:0 auto}.home .search-area{min-height:calc(100dvh - 190px);display:flex;flex-direction:column;justify-content:center;padding-bottom:9vh;max-width:760px}#home-title{font-family:Georgia,serif;text-align:center;font-size:46px;font-weight:400;letter-spacing:-.025em;margin:0 0 34px}.searchbox{display:flex;align-items:center;background:white;border:1px solid #afc1b6;border-radius:10px;padding:6px 8px 6px 20px}.searchbox:focus-within{border-color:var(--accent);box-shadow:0 3px 16px #1f33320a}.searchbox input{width:100%;min-width:0;outline:none;border:0;background:transparent;font-size:18px;height:48px;color:var(--ink)}.searchbox input::placeholder{color:var(--muted);opacity:1}.searchbox button{width:44px;height:44px;flex-shrink:0;border-radius:6px;background:var(--accent);color:white}.searchbox svg{width:22px;height:22px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}body:not(.home) #home-title{display:none}body:not(.home) .search-area{margin-top:14px;margin-bottom:26px}.view-nav{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:40px}.view-nav button{padding:8px 0 12px;font-size:15px;border-bottom:2px solid transparent}.view-nav button[aria-pressed=true]{border-color:var(--accent);font-weight:600}.view-nav span{color:var(--muted);font-size:12px}.quiet{color:var(--muted);font-size:14px}#article h1,#sources-title{font-family:Georgia,serif;font-size:44px;line-height:1.15;letter-spacing:-.025em;font-weight:400;margin:0 0 22px}#article .lead{font-size:21px;line-height:1.6;margin:0 0 32px}#article h2{font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1.3;margin:38px 0 14px}#article p{margin:0 0 18px}#article .article-body{font-size:18px;line-height:1.8}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:60px}.contents{font-size:14px;align-self:start;position:sticky;top:24px}.contents p{font-weight:bold;margin:0 0 12px}.contents a{display:block;text-decoration:none;color:var(--muted);margin:0 0 14px;line-height:1.5}.citation{font-family:Arial,sans-serif;font-size:12px;white-space:nowrap;vertical-align:super;text-decoration:none;padding:3px}.article-body details{border-top:1px solid var(--line);margin:32px 0 0;padding:16px 0;font-size:14px}.article-body details li{margin:10px 0}.article-body summary{cursor:pointer}.article-body .scope{font-size:14px;color:var(--muted);margin:26px 0 0}.kind{font-size:13px;color:var(--muted);font-weight:bold}.related{border-top:1px solid var(--line);margin-top:36px;padding-top:20px}.related h2{font-size:16px;margin:0 0 15px}.related a{display:inline-block;margin:0 24px 12px 0;text-decoration:none;border-bottom:1px solid var(--line)}.article-footer{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);padding:35px 0 24px}.text-button{padding:8px 0;text-decoration:underline;text-underline-offset:4px}.article-footer .text-button{font-size:13px}#home-footer{display:flex;justify-content:space-between;padding:20px 4vw;color:var(--muted);font-size:12px}body:not(.home) #home-footer{border-top:1px solid var(--line);margin-top:40px}#source-matches{padding:0;list-style:none}#source-matches>li{border-bottom:1px solid var(--line);padding:22px 0}#source-matches h2{font-size:19px;line-height:1.4;margin:0 0 6px}#source-matches p{margin:10px 0}#source-matches summary{cursor:pointer;font-size:14px}#source-matches .passage{white-space:pre-wrap;font-size:16px;overflow-wrap:anywhere}#source-matches .source-links{display:flex;flex-wrap:wrap;gap:16px;font-size:14px;margin:12px 0}.provenance{overflow-wrap:anywhere;font-size:12px}.provenance dd{margin:0 0 10px}.provenance dt{font-weight:600}#search-error{background:#fff2eb;padding:16px;color:#793217;border-radius:6px}#feedback-panel{padding:20px 0;border-top:1px solid var(--line)}#feedback-panel label{display:block;margin-bottom:8px}textarea{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink)}#feedback-submit{background:var(--accent);color:white;padding:9px 16px;border-radius:6px;margin-top:14px}
.teaching-figure{margin:30px 0;background:var(--light);padding:24px;border-radius:10px}.teaching-figure svg{display:block;width:100%;height:auto;font-family:Arial,sans-serif}.teaching-figure figcaption{font-size:13px;color:var(--muted);line-height:1.6;margin:14px 0 0}.figure-control{display:flex;align-items:center;gap:20px;font-size:14px;margin-top:16px}.figure-control label{flex-shrink:0}.figure-control input{width:100%;accent-color:var(--accent)}.figure-result{font-size:15px;font-weight:600;margin-top:12px}.equation{font-family:Georgia,serif;text-align:center;font-size:25px;padding:30px 0}.global-graph-outer{display:none;position:fixed;inset:0;background:var(--paper);z-index:10;padding:24px}.global-graph-outer.active{display:flex;flex-direction:column}.global-graph-outer nav{display:flex;gap:20px}.global-graph-outer nav button{padding:8px}#close-graph{margin-left:auto}.graph-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;flex:1;min-height:0}.global-graph-container{height:100%;min-height:350px;width:100%}.graph-connections{padding:20px;overflow:auto;border-left:1px solid var(--line)}.graph-connections h2{font-size:18px}.graph-connections ul{padding:0;list-style:none;font-size:14px}.graph-connections li{margin:16px 0}.graph-connections a{text-decoration:none}.graph-connections a[aria-current=page]{font-weight:bold;color:var(--warm)}
@media(max-width:760px){.topbar{padding:18px 24px}#home-title{font-size:36px}.home .search-area{padding-bottom:12vh}.searchbox input{font-size:16px}.searchbox{padding-left:14px}#article h1,#sources-title{font-size:36px}.article-layout{display:block}.contents{display:none}#article .lead{font-size:19px}#article .article-body{font-size:17px}.view-nav{margin-bottom:30px}.teaching-figure{padding:16px}.figure-control{gap:12px}.graph-layout{display:block;overflow:auto}.global-graph-container{height:55vh}.graph-connections{border-left:0;border-top:1px solid var(--line)}.global-graph-outer{padding:12px}.article-footer{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.loop-key{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:13px;line-height:1.4;margin-bottom:12px}.loop-key span:first-child{color:#21645b}.loop-key span:last-child{color:#934622}.loop-plot,.hydrographs{width:100%;min-width:0}.loop-figure .loop-event{margin-top:18px;padding-top:12px}.loop-event p{font-size:14px;line-height:1.6;margin:12px 0!important}.event-result{font-size:14px;margin-top:10px}.loop-figure .figure-control{flex-wrap:wrap;gap:4px}.loop-figure input[type=range]{min-height:32px}.loop-figure summary{min-height:32px}
.global-graph-outer nav{flex-wrap:wrap;gap:8px}