:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#07111b;color:#f1eee5}
*{box-sizing:border-box}
body{margin:0;line-height:1.7}
header,main,footer{max-width:780px;margin:auto;padding:24px;padding-left:calc(24px + env(safe-area-inset-left, 0px));padding-right:calc(24px + env(safe-area-inset-right, 0px))}
header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:calc(24px + env(safe-area-inset-top, 0px));border-bottom:1px solid #344351}
a{color:#e5cfa2;text-underline-offset:4px}
a:focus-visible{outline:3px solid #e5cfa2;outline-offset:5px}
header a{min-height:48px;display:inline-flex;align-items:center;gap:12px}
.brand-mark{display:inline-block;flex:none;width:40px;height:40px;background:#e5cfa2;mask:url(./assets/suvrutta-circle.svg) center/contain no-repeat}
main{padding-top:40px;padding-bottom:64px}
h1{font:clamp(32px,6vw,48px)/1.2 Georgia,serif;margin:0 0 16px}
h2{font-size:22px;line-height:1.3;margin-top:36px}
p,li{max-width:68ch}
.notice{padding:20px;background:#101c28;border:1px solid #344351;border-radius:16px}
.meta,footer{color:#b8c4ce;font-size:14px}
footer{border-top:1px solid #344351;display:flex;flex-wrap:wrap;gap:20px;padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px))}
footer a{min-height:48px;display:inline-flex;align-items:center}
button{font:inherit}
ul,ol{padding-left:24px}
.action{display:inline-flex;min-height:48px;align-items:center;padding:8px 20px;border:1px solid #e5cfa2;border-radius:10px;margin:8px 12px 8px 0}
table{width:100%;border-collapse:collapse}
td,th{padding:12px 0;text-align:left;border-bottom:1px solid #344351;vertical-align:top}
td+td,th+th{padding-left:16px}
@media(max-width:480px){header,main,footer{padding-left:calc(20px + env(safe-area-inset-left, 0px));padding-right:calc(20px + env(safe-area-inset-right, 0px))}header{align-items:flex-start}header>a{font-size:14px}table{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}