*{box-sizing:border-box;padding:0;margin:0}:root{--primary-color: #2a0036;--secondary-color: #ff3fb7;--accent-color: #b93cff;--accent-color-light: #ff9fe6;--heading-color: #6a1c7a;--text-color: #2a0a2a;--border-color: #f1b8ea;--background-color: #fff0fa;--surface-color: #fff7fd;--container-max-width: 1000px}body{display:flex;flex-direction:column;min-height:100dvh;font-family:system-ui,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--primary-color);background-image:radial-gradient(1200px 600px at 12% -10%,rgb(185 60 255 / 28%),transparent 65%),radial-gradient(900px 500px at 85% 0,rgb(255 63 183 / 24%),transparent 60%),linear-gradient(135deg,rgb(255 255 255 / 6%) 0,rgb(255 255 255 / 6%) 1px,transparent 1px,transparent 12px);background-size:auto,auto,12px 12px}body>footer{padding:2rem 0;text-align:center}body>footer p img{margin-top:1.5rem;margin-right:1rem;margin-left:1rem;vertical-align:middle}header{padding:1.5rem 0}header nav{display:flex;flex-wrap:wrap;gap:1em 1.25em}.header-top{display:flex;align-items:center;justify-content:space-between}.nav-toggle{display:none;padding:.4rem .6rem;font-size:1.25rem;color:#fff;cursor:pointer;background:none;border:1px solid rgba(255 255 255 / 30%);border-radius:4px}header,body>footer{color:#fff;background-color:var(--primary-color);background-image:linear-gradient(135deg,#2a0036,#3d0052)}:is(header,body>footer) a{font-weight:500;color:#fff;transition:color .3s ease}:is(header,body>footer) a:hover{color:var(--accent-color-light)}main{flex:1;padding:2rem 0;background-color:var(--background-color);background-image:linear-gradient(180deg,#fff0fa,#ffe6f6)}main a:hover{text-decoration:underline}.container{max-width:var(--container-max-width);padding:0 20px;margin:0 auto}.content{position:relative;padding:2rem;margin-bottom:2rem;scroll-margin-top:20px;background-color:var(--surface-color);border-top:3px solid var(--accent-color)}.content p,.content ul{margin:1rem 0}.letter-nav{position:absolute;top:2rem;right:2rem;display:flex;gap:.25rem}.letter-nav a{display:flex;align-items:center;width:2rem;height:2rem;color:var(--heading-color);opacity:.4;transition:opacity .15s}.letter-nav a:hover{text-decoration:none;opacity:1}.letter-nav a svg{width:100%;height:100%}.page-nav{display:flex;justify-content:space-between;padding-top:1rem;margin-top:2rem;border-top:1px solid var(--border-color)}.page-nav a{display:flex;gap:.2rem;align-items:center;max-width:42%;color:var(--heading-color);opacity:.45;transition:opacity .15s}.page-nav a:hover{text-decoration:none;opacity:1}.page-nav a svg{flex-shrink:0;width:1.5rem;height:1.5rem}.page-nav-label{overflow:hidden;text-overflow:ellipsis;font-size:.8rem;white-space:nowrap}.no-bold{font-weight:400}dl{display:grid;grid-template-columns:max-content 1fr;gap:.2rem 1.5rem;margin:1rem 0}dl dt{font-weight:600;color:var(--heading-color)}.home{padding:2.5rem 2rem 3rem;background-color:var(--surface-color);border-top:3px solid var(--accent-color)}.letters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.letters a{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;font-size:1rem;font-weight:600;color:var(--heading-color);border:1.5px solid var(--border-color);border-radius:6px;transition:background-color .15s,color .15s,border-color .15s}.letters a:hover{color:#fff;text-decoration:none;background-color:var(--accent-color);border-color:var(--accent-color)}ul.entries{padding-left:0;list-style-type:none}ul.entries li{margin-bottom:1rem;font-weight:500}h1,h2,h3,h4{margin-top:2em;margin-bottom:.75em;font-weight:600;line-height:1.2}h1{margin-top:.2em;font-size:2rem}h1 a{font-weight:500;color:#fff}h2{padding-bottom:.2em;font-size:1.5rem;color:var(--heading-color);border-bottom:1px solid var(--border-color)}h3{font-weight:400;font-variant:small-caps}h2:first-child,nav+h2,h2+h3,h3+h4{margin-top:0}a{color:var(--accent-color);text-decoration:none}blockquote{padding:.5rem 1.25rem;margin:1.25rem 0;color:#5a2a5f;border-left:3px solid var(--accent-color-light)}.content footer{padding-top:1rem;margin-top:2rem;font-size:.875rem;border-top:1px solid var(--border-color)}.content footer ol{padding-left:1.5rem}.content footer li{margin:.35rem 0}ul{padding-left:2rem}.search{padding:0;margin-bottom:2rem;text-align:center}.search-form{position:relative;display:flex;gap:.5rem;width:100%;min-width:0;max-width:500px;margin:0 auto}.search-form input[type=search]{flex:1;width:100%;min-width:0;padding:.85rem 1.1rem;font-size:1rem;border:1.5px solid var(--border-color);border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease}.search-form input[type=search]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #b93cff1f}.autocomplete-container{position:absolute;top:calc(100% + 2px);right:0;left:0;z-index:1000;display:none;max-height:300px;overflow-y:auto;background-color:var(--surface-color);border:1.5px solid var(--accent-color);border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0000001a}.autocomplete-container.active{display:block}.autocomplete-item{padding:.75rem 1rem;font-weight:400;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.autocomplete-item:last-child{border-bottom:0}.autocomplete-item.selected{background-color:#f8d6f1}@media(max-width:720px){h1{margin:0;font-size:1.5rem}h2{font-size:1.25rem}.search-form{flex-direction:column}main{padding:0;background-color:var(--background-color)}.container{padding:0}header{padding:1rem 0}header nav{display:none;flex-direction:column;gap:0;margin-top:1rem;font-size:1rem}header nav.open{display:flex}header nav a{padding:.6rem 0;border-top:1px solid rgba(255 255 255 / 10%)}.nav-toggle{display:block}header .container,body>footer .container{padding:0 16px}.content{padding:1.5rem 1rem}.search{padding-top:1.5rem}.letter-nav{top:1.25rem;right:1rem}.letter-nav a{background-color:var(--surface-color);border-radius:4px}}@media print{body,header,main,footer{color:#000;background-color:#fff}:is(body,header,main,footer) a{color:#000}.content{padding:0}footer{padding-bottom:0}footer img{display:none}.search,.page-nav,.letter-nav{display:none}}
