:root {  --qn-bg: #0A0F1C; --qn-bg-deep: #05090F; --qn-surface: #0D1424; --qn-card: #131B2D;  --qn-text: #F2F6FC; --qn-heading: #F2F6FC; --qn-prose: #E4EBF5; --qn-muted: #C3CFE0; --qn-faint: #97A6BC;  --qn-dim: #7E8DA4; --qn-accent: #35DCFF; --qn-accent-2: #A78BFA; --qn-accent-ink: #06121B; --qn-accent-soft: rgba(53, 220, 255, .25); --qn-violet-soft: rgba(167, 139, 250, .18); --qn-hatch: rgba(226, 236, 250, .05); --qn-border-soft: rgba(226, 236, 250, .10); --qn-border: rgba(226, 236, 250, .14); --qn-border-firm: rgba(226, 236, 250, .18); --qn-border-input: rgba(226, 236, 250, .22); --qn-glass: rgba(10, 15, 28, .88);  --qn-display: "Source Serif 4", "Iowan Old Style", Georgia, "Times New Roman", serif; --qn-body: "Source Serif 4", "Iowan Old Style", Georgia, "Times New Roman", serif; --qn-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;  --t-d1: clamp(34px, 7.2vw, 60px); --t-d1-lead: clamp(34px, 7.6vw, 64px); --t-d2: clamp(26px, 4.2vw, 38px); --t-h2: clamp(24px, 3.2vw, 32px); --t-card: clamp(21px, 2.6vw, 25px); --t-row: clamp(19px, 2.2vw, 22px); --t-prose: clamp(17px, 1.4vw, 19px); --t-dek: clamp(18px, 2vw, 21px);  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 26px; --s-7: 34px; --s-8: 44px; --s-9: 56px; --edge: 32px; --wrap: 1180px; --qn-nav-h: 84px;  --r-sm: 0px; --r-md: 0px; --r-lg: 2px; --d-fast: .12s; --d-base: .22s; --ease: cubic-bezier(.2, .6, .2, 1); color-scheme: dark; } :root[data-theme="light"] { --qn-bg: #FBFCFE; --qn-bg-deep: #EDF1F7; --qn-surface: #FFFFFF; --qn-card: #EDF1F7; --qn-text: #0B1220; --qn-heading: #0B1220; --qn-prose: #17233A; --qn-muted: #3E4B63; --qn-faint: #5A6880;  --qn-dim: #626D7F;  --qn-accent: #0B6E86; --qn-accent-2: #6D28D9; --qn-accent-ink: #FFFFFF; --qn-accent-soft: rgba(11, 110, 134, .20); --qn-violet-soft: rgba(109, 40, 217, .12); --qn-hatch: rgba(15, 23, 42, .07); --qn-border-soft: rgba(15, 23, 42, .11); --qn-border: rgba(15, 23, 42, .16); --qn-border-firm: rgba(15, 23, 42, .24); --qn-border-input: rgba(15, 23, 42, .30); --qn-glass: rgba(251, 252, 254, .92); color-scheme: light; }  *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; } body { margin: 0; background: var(--qn-bg); color: var(--qn-text); font-family: var(--qn-body); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; } img, svg, video, iframe { max-width: 100%; } img, video { height: auto; } a { color: var(--qn-text); text-decoration: none; } a:hover { color: var(--qn-accent); } button { font: inherit; color: inherit; } h1, h2, h3, h4, h5, h6 { font-family: var(--qn-display); font-weight: 600; letter-spacing: -.022em; } ::placeholder { color: var(--qn-faint); opacity: 1; } ::selection { background: var(--qn-accent); color: var(--qn-accent-ink); } :where(a, button, input, textarea, select, summary, [tabindex]):focus-visible { outline: 2px solid var(--qn-accent); outline-offset: 2px; border-radius: 1px; }  .qn-wrap { max-width: var(--wrap); margin-inline: auto; padding-inline: var(--edge); } .qn-sr-only, .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; } .qn-skip { position: absolute; left: -9999px; top: 0; z-index: 200; background: var(--qn-accent); color: var(--qn-accent-ink); padding: 12px 20px; font-weight: 600; } .qn-skip:focus { left: 0; color: var(--qn-accent-ink); }  .qn-honeypot { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .qn-icon { flex: none; vertical-align: middle; } .qn-main { display: block; }  .qn-d1 { margin: 0; font-size: var(--t-d1); line-height: 1.04; font-weight: 600; letter-spacing: -.025em; text-wrap: balance; } .qn-d1--lead { font-size: var(--t-d1-lead); line-height: 1.02; max-width: 17ch; } .qn-d2 { margin: 0; font-size: var(--t-d2); line-height: 1.12; font-weight: 600; letter-spacing: -.02em; } .qn-h-card { margin: 0; font-size: var(--t-card); line-height: 1.18; font-weight: 600; letter-spacing: -.01em; } .qn-h-row { margin: 0; font-size: var(--t-row); line-height: 1.24; font-weight: 600; letter-spacing: -.01em; }  .qn-kicker { margin: 0 0 var(--s-4); font-size: 11px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--qn-accent); } .qn-kicker a { color: inherit; } .qn-kicker a:hover { color: var(--qn-text); } .qn-kicker--quiet { color: var(--qn-faint); } .qn-kicker__sep { color: var(--qn-dim); } .qn-dek { color: var(--qn-muted); text-wrap: pretty; } .qn-meta { margin: 0; font-size: 13px; color: var(--qn-faint); font-variant-numeric: tabular-nums; display: flex; flex-wrap: wrap; gap: 6px; align-items: baseline; } .qn-meta a { color: inherit; } .qn-section-label { margin: 0; font-size: 13px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--qn-text); } .qn-eyebrow { margin: 0 0 var(--s-3); font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--qn-faint); } .qn-link { border-bottom: 1px solid var(--qn-border-firm); padding-bottom: 2px; } .qn-link--accent { color: var(--qn-accent); border-bottom-color: var(--qn-accent); }  .qn-rulehead { display: flex; justify-content: space-between; align-items: baseline; gap: var(--s-4); flex-wrap: wrap; border-bottom: 1px solid var(--qn-border); padding-bottom: var(--s-3); } .qn-rulehead--spaced { margin-top: var(--s-8); } .qn-rulehead__link { font-size: 13px; color: var(--qn-faint); letter-spacing: .06em; text-transform: uppercase; }  .qn-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid transparent; border-radius: var(--r-sm); font-family: var(--qn-body); font-size: 15px; font-weight: 600; letter-spacing: .03em; padding: 13px 24px; cursor: pointer; background: none; text-align: center; transition: background var(--d-fast) var(--ease), color var(--d-fast) var(--ease); } .qn-btn--primary { background: var(--qn-accent); color: var(--qn-accent-ink); border-color: var(--qn-accent); } .qn-btn--primary:hover { color: var(--qn-accent-ink); filter: brightness(1.08); } .qn-btn--ghost { color: var(--qn-accent); border-color: var(--qn-accent); font-weight: 400; } .qn-btn--ghost:hover { background: var(--qn-accent-soft); color: var(--qn-accent); } .qn-btn--sm { padding: 8px 16px; font-size: 14px; } .qn-chips { display: flex; flex-wrap: wrap; gap: 10px; min-width: 0; max-width: 100%; } .qn-chip { border: 1px solid var(--qn-border-firm); color: var(--qn-muted); font-size: 13px; letter-spacing: .06em; text-transform: uppercase; padding: 7px 14px; white-space: nowrap; transition: border-color var(--d-fast) var(--ease), color var(--d-fast) var(--ease); } .qn-chip:hover { border-color: var(--qn-accent); color: var(--qn-accent); } .qn-chip.is-on { border-color: var(--qn-accent); color: var(--qn-accent); } .qn-input { width: 100%; background: var(--qn-surface); border: 1px solid var(--qn-border-input); border-radius: var(--r-sm); color: var(--qn-text); font-family: var(--qn-body); font-size: 16px; padding: 13px 15px; } .qn-input:focus { border-color: var(--qn-accent); } .qn-field { display: grid; gap: 8px; margin: 0 0 var(--s-5); } .qn-field__label, .qn-field > label { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--qn-faint); } .qn-emailrow { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; } .qn-notice { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 var(--s-5); padding: 12px 14px; border: 1px solid var(--qn-border-firm); font-size: 15px; line-height: 1.5; } .qn-notice--ok { border-color: var(--qn-accent); color: var(--qn-text); } .qn-notice--bad { border-color: var(--qn-border-firm); color: var(--qn-muted); } .qn-searchform { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; max-width: 640px; }  .qn-masthead { position: sticky; top: 0; z-index: 60; background: var(--qn-glass); backdrop-filter: saturate(140%) blur(10px); border-bottom: 1px solid var(--qn-border); } .qn-masthead__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--s-6); flex-wrap: wrap; padding-block: 14px; } .qn-brand { display: flex; align-items: center; gap: 12px; min-width: 0; } .qn-brand .custom-logo { display: block; width: 30px; height: auto; } .qn-brand__link { display: grid; gap: 1px; min-width: 0; } .qn-brand__name { font-size: 20px; font-weight: 600; letter-spacing: -.01em; line-height: 1.1; } .qn-brand__tagline { font-size: 12px; color: var(--qn-faint); letter-spacing: .02em; max-width: 44ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .qn-nav__list { display: flex; gap: var(--s-6); flex-wrap: wrap; list-style: none; margin: 0; padding: 0; font-size: 15px; } .qn-nav__list a { color: var(--qn-muted); } .qn-nav__list a:hover { color: var(--qn-accent); } .qn-nav__list .current-menu-item > a, .qn-nav__list .current_page_item > a { color: var(--qn-text); }  .qn-nav__list .sub-menu { list-style: none; margin: 0; padding: 10px 0; position: absolute; z-index: 70; min-width: 200px; background: var(--qn-bg-deep); border: 1px solid var(--qn-border); opacity: 0; visibility: hidden; transition: opacity var(--d-fast) var(--ease); } .qn-nav__list li { position: relative; } .qn-nav__list .sub-menu a { display: block; padding: 7px 16px; } .qn-nav__list li:hover > .sub-menu, .qn-nav__list li:focus-within > .sub-menu { opacity: 1; visibility: visible; } .qn-utility { display: flex; align-items: center; gap: 10px; } .qn-iconbtn { display: inline-flex; align-items: center; gap: 7px; background: none; border: 1px solid var(--qn-border-firm); color: var(--qn-faint); font-size: 13px; padding: 7px 12px; cursor: pointer; transition: border-color var(--d-fast) var(--ease), color var(--d-fast) var(--ease); } .qn-iconbtn:hover { border-color: var(--qn-accent); color: var(--qn-accent); } .qn-utility__subscribe { padding: 8px 16px; font-size: 14px; }  .qn-theme-toggle__light { display: none; } :root[data-theme="light"] .qn-theme-toggle__light { display: inline-flex; } :root[data-theme="light"] .qn-theme-toggle__dark { display: none; } .qn-theme-toggle__text { display: none; } .qn-navtoggle { display: none; } .qn-searchpanel { border-bottom: 1px solid var(--qn-border); background: var(--qn-bg-deep); } .qn-searchpanel__inner { padding-block: var(--s-6); display: grid; gap: var(--s-5); } .qn-searchpanel__suggest .qn-chips { max-width: 100%; }  .qn-grid { display: grid; gap: 36px; } .qn-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .qn-figure { display: block; width: 100%; overflow: hidden; background: var(--qn-card); border: 1px solid var(--qn-border); } .qn-figure__img { display: block; width: 100%; height: 100%; object-fit: cover; }  .qn-figure--placeholder { background-image: repeating-linear-gradient(135deg, var(--qn-hatch) 0 1px, transparent 1px 11px); } .qn-figcaption { margin-top: 10px; font-size: 13px; line-height: 1.5; color: var(--qn-faint); }  .qn-rows { border-top: 1px solid var(--qn-border); } .qn-row { display: grid; grid-template-columns: 120px minmax(0, 1fr) 210px; gap: 28px; align-items: baseline; padding-block: var(--s-5); border-bottom: 1px solid var(--qn-border-soft); } .qn-row--pair { grid-template-columns: minmax(0, 1fr) 210px; } .qn-row__date { display: block; font-size: 13px; color: var(--qn-faint); font-variant-numeric: tabular-nums; } .qn-row__type { display: block; margin-top: 5px; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--qn-dim); } .qn-row__title { margin: 0; }  .qn-row__title a:hover, .qn-row__title a:focus-visible { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; } .qn-row__dek { margin: 6px 0 0; font-size: 15px; line-height: 1.5; max-width: 72ch; } .qn-row__meta { justify-content: flex-end; text-align: right; } .qn-card { display: grid; gap: 14px; align-content: start; } .qn-card__media { display: block; } .qn-card .qn-kicker { margin: 0; } .qn-card__dek { margin: 0; font-size: 16px; line-height: 1.55; }  .qn-card__media .qn-figure__img { transition: transform var(--d-base) var(--ease); } .qn-card__media:hover .qn-figure__img { transform: scale(1.04); }  .qn-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } .qn-tile { display: grid; gap: 6px; align-content: start; padding: var(--s-5); border-bottom: 1px solid var(--qn-border-soft); border-right: 1px solid var(--qn-border-soft); border-top: 1px solid var(--qn-border-soft); margin-top: -1px; transition: background var(--d-fast) var(--ease), border-color var(--d-fast) var(--ease); }  .qn-tile:hover, .qn-tile:focus-visible { background: var(--qn-hatch); border-color: var(--qn-border-firm); position: relative; z-index: 1; } .qn-tile:hover .qn-tile__name, .qn-tile:focus-visible .qn-tile__name { color: var(--qn-accent); } .qn-tiles > .qn-tile:nth-child(3n) { border-right: 0; }  .qn-tiles > .qn-tile:nth-child(3n + 1) { padding-left: 0; } .qn-tile__name { font-size: 19px; font-weight: 600; } .qn-tile__name--tight { line-height: 1.2; } .qn-tile__note { font-size: 14px; line-height: 1.5; color: var(--qn-faint); } .qn-tile .qn-kicker { margin: 0; } .qn-filters { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; padding-block: var(--s-5); border-bottom: 1px solid var(--qn-border-soft); } .qn-filters__row { display: flex; gap: 12px; align-items: center; justify-content: space-between; flex-wrap: wrap; min-width: 0; } .qn-filters__sort { font-size: 13px; color: var(--qn-faint); letter-spacing: .06em; text-transform: uppercase; } .qn-pagination { margin-top: var(--s-8); } .qn-pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .qn-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; padding: 8px 14px; border: 1px solid var(--qn-border-firm); color: var(--qn-muted); font-size: 14px; font-variant-numeric: tabular-nums; } .qn-pagination .page-numbers:hover { border-color: var(--qn-accent); color: var(--qn-accent); } .qn-pagination .page-numbers.current { border-color: var(--qn-accent); color: var(--qn-accent); } .qn-pagination .page-numbers.dots { border: 0; min-width: 0; color: var(--qn-dim); } .qn-pagehead { padding-block: var(--s-9) var(--s-7); border-bottom: 1px solid var(--qn-border); } .qn-pagehead__dek { margin: var(--s-4) 0 0; font-size: clamp(17px, 1.8vw, 19px); line-height: 1.55; max-width: 60ch; } .qn-pagehead__count { margin-top: var(--s-4); } .qn-pagehead__search { margin-top: var(--s-6); } .qn-crumbs { padding-block: var(--s-4); border-bottom: 1px solid var(--qn-border-soft); } .qn-crumbs__list { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; font-size: 13px; color: var(--qn-faint); } .qn-crumbs__item { display: flex; gap: 8px; align-items: baseline; } .qn-crumbs__item a { color: var(--qn-faint); } .qn-crumbs__item a:hover { color: var(--qn-accent); } .qn-crumbs__item [aria-current] { color: var(--qn-muted); } .qn-crumbs__sep { color: var(--qn-dim); }    .qn-starthere { padding-block: var(--s-8) 0; } .qn-starthere .qn-tiles { margin-top: var(--s-1); }  .qn-why { margin-bottom: var(--s-8); padding-block: var(--s-4); border-block: 1px solid var(--qn-border); } .qn-why--compact { margin: var(--s-6) 0 0; } .qn-why .qn-kicker { margin-bottom: var(--s-2); } .qn-why__text { margin: 0; font-size: 16px; line-height: 1.6; color: var(--qn-muted); max-width: 56ch; }  .qn-footer { border-top: 1px solid var(--qn-border); background: var(--qn-bg-deep); margin-top: var(--s-9); } .qn-footer__top { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--s-8); align-items: start; padding-block: var(--s-8) var(--s-7); } .qn-footer__name { font-family: var(--qn-display); font-size: 19px; font-weight: 600; } .qn-footer__tagline { margin: var(--s-3) 0 0; font-size: 16px; line-height: 1.6; color: var(--qn-muted); max-width: 40ch; } .qn-footer__list { display: flex; flex-wrap: wrap; gap: 14px 32px; list-style: none; margin: 0; padding: 0; font-size: 15px; } .qn-footer__list a { color: var(--qn-muted); } .qn-footer__list a:hover { color: var(--qn-accent); } .qn-footer__list .sub-menu { display: none; } .qn-footer__bottom { border-top: 1px solid var(--qn-border-soft); } .qn-footer__bottom-inner { display: flex; justify-content: space-between; align-items: center; gap: var(--s-6); flex-wrap: wrap; padding-block: var(--s-4); font-size: 13px; color: var(--qn-dim); } .qn-footer__legallist { display: flex; flex-wrap: wrap; gap: 16px; list-style: none; margin: 0; padding: 0; } .qn-footer__legallist a { color: var(--qn-dim); } .qn-footer__legallist a:hover { color: var(--qn-accent); }  .qn-main:has(> .qn-subscribe:not(.qn-subscribe--inline):last-child) + .qn-footer, .qn-main:has(> .qn-subscribe:not(.qn-subscribe--inline):last-of-type:last-child) + .qn-footer { margin-top: 0; border-top: 0; }  .qn-subscribe { margin-top: var(--s-9); border-block: 1px solid var(--qn-border); background: var(--qn-surface); } .qn-subscribe__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s-9); align-items: center; padding-block: var(--s-8); } .qn-subscribe__dek { margin: var(--s-4) 0 0; font-size: 17px; line-height: 1.6; max-width: 48ch; } .qn-subscribe__form { display: grid; gap: 12px; } .qn-subscribe__note { margin-top: 2px; } .qn-subscribe__panel { min-width: 0; } .qn-subscribe__sample { margin: var(--s-3) 0 0; font-size: 14px; }  .qn-subscribe--inline { margin-top: var(--s-7); background: transparent; border-top: 1px solid var(--qn-border); border-bottom: 0; } .qn-subscribe--inline .qn-subscribe__inner { grid-template-columns: minmax(0, 1fr); gap: var(--s-4); padding-block: var(--s-6); align-items: start; }  .qn-brevo { min-width: 0; }  .qn-brevo div, .qn-brevo form { background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; margin-inline: 0 !important; max-width: none !important; width: auto !important; float: none !important; font-family: var(--qn-body) !important; color: var(--qn-muted) !important; } .qn-brevo form { display: grid; gap: 12px; } .qn-brevo p { margin: 0 0 12px; font-size: 15px; line-height: 1.55; color: var(--qn-muted); } .qn-brevo p:last-child { margin-bottom: 0; } .qn-brevo label { display: block; margin-bottom: 8px; font-family: var(--qn-body) !important; font-size: 12px !important; letter-spacing: .14em; text-transform: uppercase; color: var(--qn-faint) !important; } .qn-brevo input[type="text"], .qn-brevo input[type="email"], .qn-brevo input[type="tel"], .qn-brevo select, .qn-brevo textarea { width: 100% !important; box-sizing: border-box; background: var(--qn-bg) !important; border: 1px solid var(--qn-border-input) !important; border-radius: 0 !important; color: var(--qn-text) !important; font-family: var(--qn-body) !important; font-size: 16px !important; line-height: 1.4 !important; padding: 13px 15px !important; height: auto !important; box-shadow: none !important; } .qn-brevo input:focus, .qn-brevo select:focus, .qn-brevo textarea:focus { border-color: var(--qn-accent) !important; } .qn-brevo ::placeholder { color: var(--qn-faint) !important; } .qn-brevo input[type="submit"], .qn-brevo button { display: inline-flex; align-items: center; justify-content: center; width: auto !important; background: var(--qn-accent) !important; border: 1px solid var(--qn-accent) !important; border-radius: 0 !important; color: var(--qn-accent-ink) !important; font-family: var(--qn-body) !important; font-size: 15px !important; font-weight: 600; letter-spacing: .03em; padding: 13px 24px !important; height: auto !important; cursor: pointer; text-shadow: none !important; box-shadow: none !important; transition: filter var(--d-fast) var(--ease); } .qn-brevo input[type="submit"]:hover, .qn-brevo button:hover { filter: brightness(1.08); }  .qn-brevo input[type="checkbox"], .qn-brevo input[type="radio"] { width: auto !important; margin-right: 8px; accent-color: var(--qn-accent); } .qn-brevo input[type="checkbox"] + label, .qn-brevo input[type="radio"] + label { display: inline; text-transform: none; letter-spacing: 0; font-size: 14px !important; color: var(--qn-muted) !important; }  .qn-brevo [class*="alert"] { padding: 12px 14px !important; border: 1px solid var(--qn-border-firm) !important; font-size: 15px; line-height: 1.5; color: var(--qn-text) !important; } .qn-brevo [class*="alert-success"], .qn-brevo [class*="alert_success"] { border-color: var(--qn-accent) !important; } .qn-brevo a { color: var(--qn-accent) !important; } .qn-contactform { display: grid; gap: var(--s-5); } .qn-contactform .qn-field { margin: 0; } .qn-contactform__pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-5); } .qn-contactform fieldset { border: 0; padding: 0; margin: 0; display: grid; gap: 10px; } .qn-contactform legend { padding: 0; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--qn-faint); }  .qn-reasons { display: flex; flex-wrap: wrap; gap: 10px; } .qn-reason { position: relative; } .qn-reason input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; } .qn-reason span { display: block; border: 1px solid var(--qn-border-firm); color: var(--qn-muted); font-size: 14px; padding: 8px 16px; } .qn-reason input:checked + span { border-color: var(--qn-accent); color: var(--qn-accent); } .qn-reason input:focus-visible + span { outline: 2px solid var(--qn-accent); outline-offset: 2px; } .qn-comments { margin-top: var(--s-9); padding-top: var(--s-7); border-top: 1px solid var(--qn-border); } .qn-comments__list { list-style: none; margin: var(--s-6) 0 0; padding: 0; } .qn-comments__list .children { list-style: none; margin: 0; padding-left: var(--s-6); border-left: 1px solid var(--qn-border-soft); } .qn-comments__list li.comment { padding-block: var(--s-5); border-bottom: 1px solid var(--qn-border-soft); } .qn-comments .comment-author { display: flex; align-items: center; gap: 10px; font-size: 15px; } .qn-comments .comment-author img { border-radius: 50%; } .qn-comments .comment-metadata { font-size: 13px; color: var(--qn-faint); margin-top: 4px; } .qn-comments .comment-content { font-size: 16px; line-height: 1.7; color: var(--qn-prose); } .qn-comments .reply { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; } .qn-comments__closed { margin-top: var(--s-5); } .qn-commentform__title { margin: var(--s-7) 0 var(--s-4); font-size: 19px; } .qn-comments input[type="text"], .qn-comments input[type="email"], .qn-comments input[type="url"], .qn-comments textarea { width: 100%; background: var(--qn-surface); border: 1px solid var(--qn-border-input); color: var(--qn-text); font-family: var(--qn-body); font-size: 16px; padding: 12px 14px; } .qn-comments .comment-form-cookies-consent { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; } .qn-comments .comment-form-cookies-consent input { width: auto; }  .qn-empty { padding-block: var(--s-9); display: grid; gap: var(--s-5); justify-items: start; } .qn-empty__title { margin: 0; font-family: var(--qn-display); font-size: 24px; font-weight: 600; } .qn-empty__text { margin: 0; color: var(--qn-muted); max-width: 56ch; } .qn-empty__search { width: 100%; max-width: 640px; } .qn-pagehead--404 { border-bottom: 0; } .qn-404__back { margin: var(--s-6) 0 0; } .qn-404__recent { padding-block: var(--s-7) var(--s-9); }  @media (max-width: 1080px) { } @media (max-width: 1000px) { .qn-subscribe__inner { grid-template-columns: minmax(0, 1fr); gap: var(--s-6); } } @media (max-width: 900px) { .qn-masthead__inner { gap: var(--s-4); } .qn-brand { flex: 1 1 auto; } .qn-utility { order: 2; } .qn-nav { order: 3; flex-basis: 100%; } .qn-navtoggle { display: inline-flex; } .qn-utility__subscribe { display: none; } .js .qn-nav { display: none; } .js .qn-nav.is-open { display: block; } .qn-nav__list { flex-direction: column; gap: 0; padding-bottom: var(--s-3); } .qn-nav__list > li { border-top: 1px solid var(--qn-border-soft); } .qn-nav__list > li > a { display: block; padding: 12px 0; font-size: 17px; } .qn-nav__list .sub-menu { position: static; opacity: 1; visibility: visible; border: 0; padding: 0 0 8px var(--s-4); background: none; } } @media (max-width: 860px) { .qn-grid--3 { grid-template-columns: minmax(0, 1fr); gap: var(--s-7); } .qn-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } .qn-tiles > .qn-tile:nth-child(3n) { border-right: 1px solid var(--qn-border-soft); } .qn-tiles > .qn-tile:nth-child(2n) { border-right: 0; } .qn-tiles > .qn-tile:nth-child(3n + 1) { padding-left: var(--s-5); } .qn-tiles > .qn-tile:nth-child(2n + 1) { padding-left: 0; } .qn-row, .qn-row--pair { grid-template-columns: minmax(0, 1fr); gap: 8px; } .qn-row__stamp { display: flex; gap: 10px; align-items: baseline; } .qn-row__type { margin-top: 0; } .qn-row__meta { justify-content: flex-start; text-align: left; } .qn-footer__top { grid-template-columns: minmax(0, 1fr); gap: var(--s-6); } } @media (max-width: 720px) { :root { --edge: 20px; } .qn-filters .qn-chips { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; } .qn-filters__sort { display: none; } .qn-emailrow, .qn-searchform { grid-template-columns: minmax(0, 1fr); } .qn-contactform__pair { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 560px) { .qn-tiles { grid-template-columns: minmax(0, 1fr); } .qn-tile, .qn-tiles > .qn-tile:nth-child(2n), .qn-tiles > .qn-tile:nth-child(2n + 1), .qn-tiles > .qn-tile:nth-child(3n), .qn-tiles > .qn-tile:nth-child(3n + 1) { padding-inline: 0; border-right: 0; } .qn-brand__tagline { display: none; } .qn-footer__list { gap: 12px 24px; } .qn-iconbtn__label { display: none; } .qn-iconbtn { padding: 8px 10px; } }  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; } } @media (forced-colors: active) { .qn-chip, .qn-iconbtn, .qn-btn, .qn-tile, .qn-panel { border-color: ButtonBorder; } .qn-figure--placeholder { background-image: none; } }  .qn-contactform__submit { display: flex; flex-wrap: wrap; gap: var(--s-5); align-items: center; margin: 0; }  .qn-prose .qn-contact { margin-block: var(--s-7); font-size: 16px; } .qn-prose .qn-contact a { background: none; } .qn-prose .qn-contact label { margin: 0; } .qn-prose .qn-subscribe { margin-top: var(--s-7); }  .qn-utility .qn-iconbtn { min-width: 44px; min-height: 44px; justify-content: center; } .no-js #qn-search-panel[hidden] { display: block; } .no-js #qn-search-toggle, .no-js #qn-nav-toggle, .no-js #qn-theme-toggle { display: none; } @media (max-width: 900px) { .qn-masthead { max-height: 100dvh; overflow-y: auto; } }  .qn-mobile-tools { display: none; } @media (max-width: 900px) { .qn-masthead__inner { gap: 12px; padding-block: 10px; } .qn-brand { flex: 1 1 0; } .qn-brand__name { font-size: 18px; } .qn-brand .custom-logo { width: 24px; } .qn-brand__tagline { display: none; } .qn-utility { flex: 0 0 auto; } .js .qn-utility > #qn-search-toggle, .js .qn-utility > #qn-theme-toggle { display: none; } .qn-mobile-tools { display: flex; gap: 12px; padding-block: 16px; border-top: 1px solid var(--qn-border); } .qn-mobile-tools .qn-iconbtn { min-width: 44px; min-height: 44px; } .qn-mobile-tools .qn-iconbtn__label { display: inline; } } .no-js .qn-mobile-tools { display: none; }