html,body{background:var(--bg); color:var(--ink); font-family:var(--sans); line-height:1.6;}
.container{max-width:1040px; margin:0 auto; padding:24px;}
a{color:var(--link,#0000FF); text-decoration:underline; text-underline-offset:2px;}
a:hover{color:#0000FF; text-decoration:underline;}
a:visited{color:var(--link,#0000FF);}
h1{font-family:var(--serif); font-size:clamp(32px,5vw,44px); line-height:1.15; margin:14px 0 10px;}
.term-main .doc-body h1:first-of-type{display:flex; align-items:flex-end; gap:12px; line-height:1.15;}
.term-main .doc-body h1:first-of-type::before{content:""; background-image:url(/spiral-system.png); background-size:contain; background-repeat:no-repeat; background-position:bottom; width:calc(clamp(32px,5vw,44px) * 2); height:calc(clamp(32px,5vw,44px) * 2); display:inline-block; flex-shrink:0;}
.term-main .doc-body h1:first-of-type:hover{color:#0000FF;}
.term-main .doc-body h1:first-of-type:hover::before{filter:brightness(0) saturate(100%) invert(27%) sepia(100%) saturate(7499%) hue-rotate(241deg) brightness(101%) contrast(102%);}
h2{font-size:18px; margin:18px 0 10px;}
.lede{font-size:16px; color:var(--muted); max-width:72ch;}