@font-face{font-family:local;src:local("Segoe UI")}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#18352e;background:#f4f6f1;font-family:local,system-ui,sans-serif;font-size:16px;line-height:1.55}.shell{max-width:1140px;margin:auto;padding-inline:32px}.top{display:flex;align-items:center;justify-content:space-between;min-height:108px;border-bottom:1px solid #d4ded5}.brand{display:flex;gap:15px;align-items:center;color:#1d5741;text-decoration:none;font-weight:750;font-size:27px}.brand>span{font-size:18px;letter-spacing:-.2px}.brand small{display:block;font-weight:400;font-size:12px;color:#52675b;letter-spacing:0}nav{display:flex;gap:12px}button,input,a.primary{font:inherit}button{cursor:pointer;border:1px solid #a7b7aa;background:transparent;border-radius:6px;min-height:44px;padding:9px 18px;color:inherit}button:hover{background:#e6ede3}button:disabled{cursor:not-allowed;opacity:.65}:focus-visible{outline:3px solid #287e5d;outline-offset:4px}.skip{position:absolute;top:8px;left:8px;transform:translateY(-200%);padding:10px;background:white;z-index:5}.skip:focus{transform:translateY(0)}.hero{display:grid;grid-template-columns:1.6fr 1fr;gap:80px;padding-block:68px}.eyebrow{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:#4c6957;font-weight:650;margin:0 0 18px}h1{font-size:clamp(36px,5vw,58px);line-height:1.12;letter-spacing:-1.8px;margin:0 0 25px;text-wrap:balance}h2{font-size:26px;line-height:1.25;letter-spacing:-.5px;margin:0 0 22px;text-wrap:balance}h3{font-size:20px;line-height:1.3;margin:0 0 18px}.lead{font-size:18px;color:#52675b;max-width:590px;margin:0}.explain{padding-top:10px}.explain h2{font-size:21px;margin-top:22px}.explain p{color:#52675b;margin:0}.mark{display:grid;place-items:center;width:55px;height:55px;border:1px solid #acc3ad;border-radius:50%;font-size:31px;color:#285c40}.workspace{display:grid;grid-template-columns:1.3fr 1fr;border:1px solid #c7d3c7;background:#fff;border-radius:12px;overflow:hidden}.fetch{padding:36px}.policy{padding:36px;background:#eaf0e6;border-left:1px solid #c7d3c7}.policy ol{padding-left:22px}.policy li{margin-bottom:16px;padding-left:5px}.hint{font-size:13px;line-height:1.55;color:#54695b}.policy .hint{margin-top:24px}label{display:block;margin:22px 0 8px;font-weight:600;font-size:14px}input{width:100%;min-height:48px;border:1px solid #9aae9e;border-radius:6px;padding:10px 13px;background:#fff;color:#18352e}input::placeholder{color:#687a6e}input[aria-invalid=true]{border-color:#a93529}input:disabled{background:#edf0eb}.fetch .hint{margin-top:8px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:18px;color:#fff;background:#225d43;border:1px solid #225d43;min-height:46px;padding:10px 18px;border-radius:6px;text-decoration:none;font-weight:600}.primary:hover{background:#194832}.fetch .primary{margin-top:17px;width:100%}#status{font-size:14px;margin-bottom:0;min-height:22px}#status.error{color:#9c332b}.cache-section{padding-block:52px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-head h2{margin:0}.section-head .eyebrow{margin-bottom:10px}.empty{padding:28px;border:1px dashed #b7c7b7;border-radius:8px;color:#54695b}.entries{display:grid;grid-template-columns:1fr 1fr;gap:20px}.entry{border:1px solid #c7d3c7;background:#fff;border-radius:8px;padding:25px;min-width:0}.entry-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.entry-head h3{overflow-wrap:anywhere;font-size:20px}.badge{font-size:11px;white-space:nowrap;border:1px solid #b3c7ad;background:#edf4e8;color:#385c3f;border-radius:20px;padding:4px 10px}.entry dl{font-size:12px;margin:0 0 25px}.entry dl>div{padding-block:8px;border-bottom:1px solid #e5ebe2}dt{color:#52675b;margin-bottom:3px}dd{margin:0;overflow-wrap:anywhere}.commit,.checksum{font-family:ui-monospace,monospace;font-size:11px}.entry-bottom{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.source{font-size:12px;color:#285c40;text-underline-offset:4px}.sync{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;padding:36px 0 50px;border-top:1px solid #c7d3c7}.sync h2{margin-bottom:16px}.sync p{color:#52675b}.sync .hint{margin-top:20px}.quiet{background:transparent}footer{border-top:1px solid #c7d3c7;padding-block:28px;display:flex;gap:50px;align-items:start;font-size:12px;color:#52675b}footer span{white-space:nowrap;font-weight:700}footer p{margin:0;max-width:730px}dialog{max-width:470px;width:calc(100% - 32px);border:1px solid #b7c7b7;padding:36px;border-radius:12px;background:#f8faf5;color:#18352e}dialog::backdrop{background:#12241c99}dialog h2{margin-top:20px}dialog .primary{width:100%;margin-top:25px}.close{position:absolute;right:12px;top:12px;font-size:25px;padding:0;width:44px;border:0}.close:hover{background:#e6ede3}[hidden]{display:none!important}@media(max-width:760px){.shell{padding-inline:20px}.top{min-height:88px}.brand{gap:9px;font-size:23px}.brand>span{font-size:15px}.brand small{font-size:10px;max-width:150px}.top button{padding:8px 12px}.hero{grid-template-columns:1fr;gap:32px;padding-block:40px}.explain{display:none}.workspace,.sync{grid-template-columns:1fr}.fetch,.policy{padding:24px}.policy{border-left:0;border-top:1px solid #c7d3c7}.entries{grid-template-columns:1fr}.section-head{display:block}.section-head .hint{margin-top:15px}.sync{gap:25px}footer{display:block}footer p{margin-top:14px}dialog{padding:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
