:root{color-scheme:light;--ink:#20312e;--muted:#60716c;--line:#dbe5e0;--accent:#17796c;--paper:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.9 system-ui,sans-serif;letter-spacing:0}a{color:var(--accent);text-underline-offset:4px;overflow-wrap:anywhere}a:hover{color:#104f47}header{border-bottom:1px solid var(--line)}.site-header{max-width:1080px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:24px;font-weight:750}.brand img{width:36px;height:36px}nav{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}nav a[aria-current=page]{font-weight:700}main{max-width:1080px;margin:auto;padding:44px 24px 64px}.page-title{margin:0;font-size:30px;line-height:1.4}.updated{color:var(--muted);font-size:13px;margin:12px 0 30px}.document-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:44px;align-items:start}.contents{position:sticky;top:24px;display:grid;gap:8px;font-size:14px}.contents strong{margin-bottom:6px}.contents a{text-decoration:none}.document{min-width:0;max-width:760px}.document section{scroll-margin-top:20px;margin-bottom:32px}.document h2{font-size:19px;line-height:1.5;margin:0 0 10px}.document p{margin:0 0 12px}.document ul{margin:12px 0;padding-inline-start:22px}.document li{margin:6px 0}.contact{border-top:1px solid var(--line);padding-top:20px}.site-footer{border-top:1px solid var(--line);padding:20px 24px;color:var(--muted);font-size:13px;max-width:1080px;margin:auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.intro{max-width:760px}.intro .lead{font-size:18px}.intro h2{font-size:20px;margin-top:30px}.login-link{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--accent);color:white;border-radius:5px;text-decoration:none;font-size:15px}.login-link:hover{background:#104f47;color:white}.login-link img{width:18px;height:18px;filter:brightness(0) invert(1)}
@media(max-width:700px){.site-header{padding:14px 20px;gap:12px}main{padding:28px 20px 44px}.document-layout{grid-template-columns:minmax(0,1fr);gap:24px}.contents{position:static;display:flex;flex-wrap:wrap;column-gap:16px;row-gap:6px;padding-bottom:20px;border-bottom:1px solid var(--line)}.contents strong{flex-basis:100%}.page-title{font-size:28px}.updated{margin-bottom:22px}nav{gap:12px}}