@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap";:root{font-family:DM Sans,sans-serif;color:#163b32;background:#f5f3eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b48a32;outline-offset:4px}#library{max-width:1200px;margin:auto;padding:0 48px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0;border-bottom:1px solid #163b3226}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-weight:700;font-size:20px}.brand span{font-size:35px}.edition,.eyebrow,#result-count{font-size:11px;letter-spacing:1.8px;font-weight:600}.edition{color:#65746a}.hero{padding:65px 0 30px;max-width:760px}.eyebrow{text-transform:uppercase;color:#596e57}h1{font-family:Libre Caslon Display,Georgia,serif;font-size:clamp(54px,7vw,89px);font-weight:400;line-height:1.04;letter-spacing:-2px;margin:23px 0}.intro{font-size:17px;line-height:1.7;max-width:540px;color:#526256}form{margin-top:32px;max-width:620px}label[for=search]{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.search-row{display:flex;background:#fff;border:1px solid #c4ccbc;border-radius:6px;overflow:hidden}.search-row input{width:100%;min-width:0;background:transparent;border:0;padding:18px;font-size:14px;color:#163b32}.search-row button{border:0;background:#163b32;color:#fff;padding:0 24px;font-weight:500;white-space:nowrap}.search-row button span{margin-left:15px}#search-status{min-height:20px;font-size:13px}.section-title{border-top:1px solid #163b3226;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 0}.section-title h2{font-size:22px;letter-spacing:-.5px;margin:0}#result-count{color:#65746a;font-size:10px}#articles{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}article{border:1px solid #d7dccf;border-radius:8px;overflow:hidden;background:#fcfbf7}.article-art{height:128px;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:100px;line-height:1;background:radial-gradient(ellipse at 30% 30%,#eef1dc,transparent 60%),#cbd9ba;color:#507051}article:nth-child(3n+2) .article-art{background:radial-gradient(ellipse at 60% 40%,#f3e9b8,transparent 60%),#dbd8b8;color:#6b734b}article:nth-child(3n) .article-art{background:radial-gradient(ellipse at 30% 40%,#d9e8de,transparent 60%),#bbd4ca;color:#356b5f}.article-body{padding:23px}.article-body .eyebrow{font-size:9px;letter-spacing:1.3px}h3{font-family:Libre Caslon Display,Georgia,serif;font-size:29px;line-height:1.08;font-weight:400;margin:14px 0}.article-body>p:not(.eyebrow),details p{font-size:13px;line-height:1.8;color:#526256}details{border-top:1px solid #d7dccf;margin-top:20px;padding-top:15px}summary{font-size:12px;font-weight:600;cursor:pointer}.library-footer{margin-top:55px;padding:28px 0;border-top:1px solid #163b3226;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#65746a}#viewer{height:100dvh;background:#0a100e;color:#edf5ef;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.viewer-bar{padding:10px 16px;border:0;font-size:13px}.viewer-bar button{border:1px solid #ffffff30;border-radius:6px;background:#192b22;color:inherit;padding:9px 13px}#stage{min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center}video{width:100%;height:100%;object-fit:contain}.tuning{display:flex;align-items:center;justify-content:center;gap:14px;padding:16px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom));font-size:12px}.tuning input{min-width:80px;max-width:500px;flex:1;accent-color:#b9d996}.tuning output{color:#b9d996;font-variant-numeric:tabular-nums}@media(max-width:850px){#articles{grid-template-columns:repeat(2,1fr)}#library{padding:0 25px}.edition{font-size:9px;letter-spacing:1px}}@media(max-width:550px){#library{padding:0 20px}.edition{display:none}.hero{padding-top:38px}h1{font-size:58px}.intro{font-size:15px}#articles{grid-template-columns:1fr}.article-art{height:115px}.section-title h2{font-size:19px}.search-row button{padding:0 17px}.search-row button span{display:none}.search-row input{padding:16px 12px}.library-footer{flex-direction:column}.tuning{gap:8px;flex-wrap:wrap}.tuning output{width:100%;text-align:center}.viewer-bar{gap:8px;padding:8px;font-size:11px}.viewer-bar button{font-size:11px;padding:8px}}