@import url('./tokens.css');
*{box-sizing:border-box}
html{background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text);padding-bottom:76px}
a{color:var(--color-link);text-decoration:none}
a:hover{text-decoration:none}
button,input,textarea,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}
img,svg{display:block;max-width:100%}
.app-container{width:min(100%,var(--content-max));margin-inline:auto}
.app-main{width:min(100%,var(--content-max));margin-inline:auto;background:var(--color-white);min-height:calc(100vh - 132px)}
.content-section{padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--color-divider)}
.content-section p{margin:0;line-height:1.65}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.icon-button{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}
.icon-button:hover{text-decoration:none}
body.menu-is-open{overflow:hidden}
@media (max-width:720px){.app-main{min-height:calc(100vh - 128px)}.content-section{padding-inline:16px}}
@media (max-width:430px){body{padding-bottom:72px}.content-section{padding:18px 14px}}
@media (max-width:390px){body{padding-bottom:68px}.content-section{padding:16px 12px}}



/* Final global link treatment: never underline public links in any pointer state. */
a,
a:link,
a:visited,
a:hover,
a:focus,
a:focus-visible,
a:active{
  text-decoration:none !important;
}

a *,
a:link *,
a:visited *,
a:hover *,
a:focus *,
a:focus-visible *,
a:active *{
  text-decoration:none !important;
}

/* Keep keyboard accessibility without using underline. */
a:focus-visible{
  outline:2px solid currentColor;
  outline-offset:2px;
}