/* Public information belongs to the same salon, with a quiet reading measure. */
:root { color-scheme: dark; font-family: system-ui, sans-serif; line-height: 1.7; background: #1c2321; color: #f2efe6; }
body { max-width: 76ch; margin: 0 auto; padding: 2rem 1.25rem 4rem; }
a { color: #b9d6ae; text-underline-offset: .2em; }
a:hover { color: #e6f2df; }
a:focus-visible { outline: 2px solid #e0ad79; outline-offset: 4px; border-radius: 3px; }
h1, h2, h3 { line-height: 1.25; overflow-wrap: anywhere; hyphens: auto; }
h1 { font: 400 clamp(2rem,6vw,3rem)/1.15 Georgia,serif; margin: 2.2rem 0 1rem; }
h2 { margin-top: 2.3rem; font-size: 1.3rem; } h3 { margin-top: 1.8rem; font-size: 1.05rem; }
nav { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem 1rem; padding-bottom: 1.3rem; border-bottom: 1px solid #4b5a51; }
nav a { display: inline-flex; align-items: center; min-height: 44px; padding: .35rem .75rem; border-radius: 10px; text-decoration: none; }
nav a:first-child { font-weight: 650; padding-left: 0; margin-right: auto; }
nav a:hover { background: #b9d6ae12; }
.summary { border: 1px solid #4b5a51; border-inline-start: 3px solid #e0ad79; border-radius: 12px; padding: .4rem 1.2rem; background: #26302c; }
dt { font-weight: 650; margin-top: 1rem; } dd { margin: .25rem 0 0; color: #d5dcd4; }
article + article { margin-top: 4rem; border-top: 1px solid #4b5a51; padding-top: 2rem; }
:target { scroll-margin-top: 1.25rem; } code { overflow-wrap: anywhere; }
.qgo-contact-info { padding: 2rem 0; }
@media (prefers-color-scheme: dark) { a { color: #b9d6ae; } .summary { background: #26302c; } }
@media print { :root { color-scheme: light; color: #111; background: white; } body { max-width: none; padding: 0; } nav { display: none; } a, dd { color: inherit; } .summary { background: transparent; } }