:root{--color-bg:#ffffff;--color-text:#3d3d3d;--color-heading:#202020;--color-header-bg:#2c2c2c;--color-header-text:#fff;--color-header-link-hover:#ccc;--color-header-shadow:rgba(0, 0, 0, 0.18);--color-muted:#595959;--color-border:#e8e8e8;--color-border-light:#ccc;--color-link:#202020;--color-code-bg:#f5f5f5;--color-code-border:#e0e0e0;--color-error:#c62828;--color-error-bg:#ffbcbc;--color-success:#2e7d32;--color-success-bg:#e8f5e9;--color-footer-link:#444;--color-footer-link-hover:#2c2c2c;--color-input-bg:#fff;--color-input-border:#767676;--color-input-focus-shadow:rgba(32, 32, 32, 0.15);--color-submit-hover:#404040;--color-submit-bg:#202020;--color-submit-text:#ffffff;--color-password-toggle:#555;--color-lang-link:#c8c8c8;--radius-sm:4px;--radius-md:6px;--transition-link:color 0.2s ease;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--color-bg:#1a1a1a;--color-text:#d4d4d4;--color-heading:#ffffff;--color-header-bg:#242424;--color-header-text:#ffffff;--color-header-link-hover:#ccc;--color-header-shadow:rgba(0, 0, 0, 0.4);--color-muted:#9e9e9e;--color-border:#2a2a2a;--color-border-light:#555;--color-link:#8ab4f8;--color-code-bg:#252525;--color-code-border:#555;--color-error:#ff6b6b;--color-error-bg:#3a1818;--color-success:#66bb6a;--color-success-bg:#18281a;--color-footer-link:#b0b0b0;--color-footer-link-hover:#e0e0e0;--color-input-bg:#2a2a2a;--color-input-border:#777;--color-input-focus-shadow:rgba(212, 212, 212, 0.15);--color-submit-hover:#e0e0e0;--color-submit-bg:#ffffff;--color-submit-text:#202020;--color-password-toggle:#aaa;--color-lang-link:#9e9e9e}}@layer reset,base,layout,components,form,state;@layer reset{*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,liberation mono,Menlo,monospace}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}table{border-color:initial}img{border:0}}@layer base{body{font-family:system-ui,sans-serif;color:var(--color-text);background-color:var(--color-bg);font-size:1.125rem;line-height:1.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-wrap:pretty}a{color:var(--color-link);text-decoration:underline;text-underline-offset:.15em;font-weight:700;transition:var(--transition-link);&:hover{color:var(--color-muted)}}:is(h1,h2,h3,h4,h5,h6){color:var(--color-heading);font-weight:600;line-height:1.35;text-wrap:balance}h1{font-size:2.2em;margin-bottom:.4em;&:first-child{margin-top:0}}:focus-visible{outline:2px solid var(--color-heading);outline-offset:2px}:focus:not(:focus-visible){outline:none}}@layer layout{.container{max-width:960px;margin:0 auto;padding:0 10px}.page-content{margin-top:48px}}@layer components{.page-header{background-color:var(--color-header-bg);color:var(--color-header-text);padding:32px 0;box-shadow:0 1px 3px var(--color-header-shadow); :focus-visible { outline-color: var(--color-header-text); } .header-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; } ul { list-style: none; margin: 0; line-height: 30px; li { margin-left: 30px; a { color: var(--color-header-text); font-weight: 400; text-decoration: none; transition: var(--transition-link); &:hover { color: var(--color-header-link-hover); } &.register-link { color: var(--color-header-text); font-weight: 700; border: 1px solid var(--color-header-text); border-radius: var(--radius-sm); padding: 4px 12px; &:hover { background-color: var(--color-header-text); color: var(--color-header-bg); } } } } } .brand { width: auto; a { color: var(--color-header-text); font-weight: 700; font-size: 1.5em; text-decoration: none; } } .header-nav { width: auto; flex-shrink: 0; display: flex; align-items: center; gap: 8px; ul { display: flex; align-items: center; padding: 0; } }}.menu-toggle{display:none;background:0 0;border:none;color:var(--color-header-text);font-size:1.5em;cursor:pointer;line-height:30px;padding:0 8px;margin-left:auto;&:focus-visible{outline:2px solid var(--color-header-text);outline-offset:2px}}.menu-toggle[hidden]{display:none}#main-navigation{margin-left:auto}#main-navigation .nav-list{display:flex;align-items:center;padding:0}.lang-switch{white-space:nowrap;margin-left:16px;padding-left:16px;border-left:1px solid var(--color-lang-link)}.lang-icon{display:inline;vertical-align:-.15em;margin-right:6px}.lang-link{&, &:visited{color:var(--color-lang-link);text-decoration:none;transition:var(--transition-link)}&:hover{color:var(--color-header-link-hover)}}.skip-link{position:absolute;top:0;left:-9999px;z-index:999;padding:8px 16px;background:var(--color-header-bg);color:var(--color-header-text);border-radius:0 0 var(--radius-sm)0;font-weight:700;text-decoration:none;&:focus{left:0}}.article{margin-bottom:32px;padding:24px;border-radius:var(--radius-md);pre{background-color:var(--color-code-bg);border:1px solid var(--color-code-border);border-radius:var(--radius-md);padding:24px;overflow-x:auto;font-size:.9em;line-height:1.6}}.article-section{padding:24px 0}ul.article-list{list-style:none;margin:0;padding:0}.page-footer{border-top:1px solid var(--color-border);color:var(--color-muted);font-size:smaller;padding:48px 0 32px}.footer-legal{display:flex;align-items:center;justify-content:flex-end;column-gap:.5em;ul{padding:0;margin:0}li{list-style:none;display:inline-block;margin:0 .5em}a{&, &:visited{color:var(--color-footer-link);transition:var(--transition-link)}&:hover{color:var(--color-footer-link-hover)}}}}@layer form{#userinfo{display:flex;flex-direction:column;margin:0 auto;align-items:stretch;gap:6px 20px;fieldset{border:none;padding:0;margin:0}legend{font-weight:600;margin-bottom:4px;padding:0}label{margin-bottom:2px}input[type=text], input[type=password], button[type=submit], select{padding:10px 12px;border:1px solid var(--color-input-border);border-radius:var(--radius-sm);font-size:1rem;width:100%;background-color:var(--color-input-bg);transition:border-color .2s ease}input[type=text], input[type=password], select{&:focus{border-color:var(--color-heading);outline:none;box-shadow:0 0 0 3px var(--color-input-focus-shadow)}}button[type=submit]{cursor:pointer;margin-top:8px;background-color:var(--color-submit-bg);color:var(--color-submit-text);border-color:var(--color-submit-bg);&:hover{background-color:var(--color-submit-hover);border-color:var(--color-submit-hover)}&:focus-visible{outline:2px solid var(--color-heading);outline-offset:2px}}}.field-group{display:flex;flex-direction:column;gap:1px}.checkbox-wrap{display:flex;align-items:center;gap:8px;label{margin-bottom:0}}.consent-checkbox{min-width:20px;min-height:20px;width:auto;height:auto;flex-shrink:0}.password-wrapper{position:relative;input{padding-right:9.5em}}.password-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);background:0 0;border:none;cursor:pointer;padding:8px 12px;font-size:.9rem;color:var(--color-password-toggle);white-space:nowrap;&:focus-visible{outline:2px solid var(--color-heading);outline-offset:-2px;border-radius:2px}}.field-error{color:var(--color-error);font-size:.85rem;display:none;line-height:1.35;&[data-visible]{display:block}}#form-error-summary{background-color:var(--color-error-bg);color:var(--color-heading);padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:12px;font-size:.9rem;h2{margin:0 0 8px;font-size:.95rem}ul{margin:0;padding-left:20px}li{margin-bottom:4px}a{color:inherit;text-decoration:underline;&:hover{text-decoration:none}}}#account-error,#account-info{display:none;padding:12px 16px;border-radius:var(--radius-sm);margin-top:8px;font-size:.95rem}#account-error{background-color:var(--color-error-bg);color:var(--color-heading)}[data-errored] #account-error{display:block}#account-info{background-color:var(--color-success-bg);color:var(--color-success)}[data-finished] #account-info{display:block}[data-finished] #submit{display:none}#account-info,#account-error{&:focus{outline:2px solid var(--color-heading);outline-offset:2px}}.cap-progress{display:none;margin-top:8px}[data-submitting] .cap-progress{display:block}.cap-progress-bar{width:100%;height:8px;background-color:var(--color-code-border);border-radius:var(--radius-sm);overflow:hidden}.cap-progress-fill{height:100%;width:0%;background-color:var(--color-heading);border-radius:var(--radius-sm);transition:width .3s ease}}@layer components{details{border:1px solid var(--color-code-border);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:16px}summary{cursor:pointer;font-weight:600;list-style:none;&::-webkit-details-marker{display:none}&::before{content:"";display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--color-heading);margin-right:8px;vertical-align:middle;transition:transform .2s ease}&:focus-visible{outline:2px solid var(--color-heading);outline-offset:2px;border-radius:2px}&:focus:not(:focus-visible){outline:none}}details[open] summary::before{transform:rotate(180deg)}}@layer state{@media(max-width:767px){.page-header{padding:16px 0;.brand a{font-size:1.15em}.header-inner{flex-wrap:wrap}}.page-header .menu-toggle{display:block;cursor:pointer}.page-header .menu-toggle[hidden]{display:none}#main-navigation{flex-basis:100%}#main-navigation.collapsed{display:none}.page-header ul.nav-list{display:block;list-style-type:none;margin:0;padding:0}.page-header .nav-list li{margin-left:0;padding:12px 0;text-align:center;width:100%;border-top:1px solid var(--color-border-light);&:first-of-type{border-top:none}}.page-footer .footer-legal{justify-content:center;text-align:center;flex-wrap:wrap;row-gap:.25em}.article{padding:16px}.article-section{padding:16px 0}.lang-switch{padding-left:8px;border-left:none;font-size:.95em}.lang-switch.expanded{flex-basis:100%;order:1;text-align:center;margin-left:0;padding:12px 0 0;border-left:none;border-top:1px solid var(--color-border-light)}.lang-icon{width:16px;height:16px;margin-right:4px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-reduced-motion:no-preference){body{transition:color .3s ease,background-color .3s ease}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}