:root{--gray-0:#FFFFFF;--gray-100:#F5F7FA;--gray-200:#E8ECF2;--gray-300:#D9E0E8;--gray-400:#CAD3DD;--gray-500:#B0B7C4;--gray-600:#969CAB;--gray-700:#7C8392;--gray-800:#333746;--gray-900:#0F1114}:root{--blue-100:#E4F0FF;--blue-300:#98C0FF;--blue-500:#467FFF;--blue-700:#1C4FBF;--blue-200:#ff0000;--blue-400:#ff0000;--blue-600:#ff0000;--blue-800:#ff0000;--blue-900:#ff0000}:root{--indigo-100:#E6E9FF;--indigo-300:#A9B4FF;--indigo-500:#5D6CFF;--indigo-700:#2A36C4;--indigo-200:#ff0000;--indigo-400:#ff0000;--indigo-600:#ff0000;--indigo-800:#ff0000;--indigo-900:#ff0000}:root{--purple-100:#F3E7FF;--purple-300:#D2AAF7;--purple-500:#9E63E9;--purple-700:#6330A9;--purple-200:#ff0000;--purple-400:#ff0000;--purple-600:#ff0000;--purple-800:#ff0000;--purple-900:#ff0000}:root{--pink-100:#FFE5F4;--pink-300:#FF9CD3;--pink-500:#FF54B0;--pink-700:#C0227F;--pink-200:#ff0000;--pink-400:#ff0000;--pink-600:#ff0000;--pink-800:#ff0000;--pink-900:#ff0000}:root{--magenta-100:#FFE0F1;--magenta-300:#FFA4D0;--magenta-500:#FF5BA6;--magenta-700:#CC1F75;--magenta-200:#ff0000;--magenta-400:#ff0000;--magenta-600:#ff0000;--magenta-800:#ff0000;--magenta-900:#ff0000}:root{--red-100:#FFE5E7;--red-300:#FF939B;--red-500:#FF4D5A;--red-700:#C0202E;--red-200:#ff0000;--red-400:#ff0000;--red-600:#ff0000;--red-800:#ff0000;--red-900:#ff0000}:root{--orange-100:#FFE8DE;--orange-300:#FFAC85;--orange-500:#FF733D;--orange-700:#C23C0D;--orange-200:#ff0000;--orange-400:#ff0000;--orange-600:#ff0000;--orange-800:#ff0000;--orange-900:#ff0000}:root{--amber-100:#FFEFD9;--amber-300:#FFD08C;--amber-500:#FFA93D;--amber-700:#BF6A0E;--amber-200:#ff0000;--amber-400:#ff0000;--amber-600:#ff0000;--amber-800:#ff0000;--amber-900:#ff0000}:root{--yellow-100:#FFF8D6;--yellow-300:#FFE68A;--yellow-500:#F9CB2F;--yellow-700:#B58506;--yellow-900:#713F12;--yellow-200:#ff0000;--yellow-400:#ff0000;--yellow-600:#ff0000;--yellow-800:#ff0000}:root{--lime-100:#F0FCD9;--lime-300:#C3F58A;--lime-500:#86E23B;--lime-700:#519214;--lime-200:#ff0000;--lime-400:#ff0000;--lime-600:#ff0000;--lime-800:#ff0000;--lime-900:#ff0000}:root{--green-100:#E3F9E5;--green-300:#8FE4A2;--green-500:#40C474;--green-700:#207A47;--green-200:#ff0000;--green-400:#ff0000;--green-600:#ff0000;--green-800:#ff0000;--green-900:#ff0000}:root{--teal-100:#E0FAF7;--teal-300:#7EE1D4;--teal-500:#32B9AB;--teal-700:#197C70;--teal-200:#ff0000;--teal-400:#ff0000;--teal-600:#ff0000;--teal-800:#ff0000;--teal-900:#ff0000}:root{--cyan-100:#E1FAFF;--cyan-300:#8EE8FF;--cyan-500:#2FC4FF;--cyan-700:#007EAC;--cyan-200:#ff0000;--cyan-400:#ff0000;--cyan-600:#ff0000;--cyan-800:#ff0000;--cyan-900:#ff0000}:root{--brown-100:#F4E8DF;--brown-300:#D6B599;--brown-500:#A7795B;--brown-700:#6B4633;--brown-200:#ff0000;--brown-400:#ff0000;--brown-600:#ff0000;--brown-800:#ff0000;--brown-900:#ff0000}:root{--transparent:rgba(0, 0, 0, 0)}:root{--font-family:system-ui,
        -apple-system,
        BlinkMacSystemFont,
        'Segoe UI',
        Roboto,
        Oxygen,
        Ubuntu,
        Cantarell,
        'Open Sans',
        'Helvetica Neue',
        sans-serif;--font-size-body:20px;--font-size-card-title:1.5rem}:root{--padding:1rem;--padding-half:0.5rem;--padding-double:2rem;--padding-body:var(--padding);--padding-panel:var(--padding);--padding-card-content:var(--padding);--padding-hero-panel:var(--padding-panel);--footer-padding:var(--padding);--list-padding:var(--padding-double);--gap:1.5rem;--gap-half:0.75rem;--gap-third:0.5rem;--gap-body:var(--gap);--gap-card-content:var(--gap-half);--gap-hero:var(--gap-body);--gap-big-logo:var(--gap-hero);--gap-site-stats-list:var(--gap-hero);--gap-main:var(--gap-body);--gap-articles-list:var(--gap-main);--gap-footer:var(--gap-main);--gap-footer-nav:var(--gap-half);--gap-hero-page:var(--gap-hero);--gap-site-title:var(--gap-half);--gap-page-meta:var(--gap-half);--gap-page-links:var(--gap);--gap-list:var(--gap-third);--margin:2rem;--margin-half:1rem;--margin-big-logo:auto;--margin-site-stats:auto;--margin-site-stats-list:var(--margin) auto;--margin-home-section:var(--margin) 0 0 0;--margin-home-section-header:0 0 var(--margin-half) 0;--width-content-min:300px;--width-content-max:48rem;--grid-columns:4;--width-card-min:300px}:root{--color-text:var(--gray-500);--color-text-muted:var(--gray-600);--color-text-light:var(--gray-300);--color-text-strong:var(--gray-0);--color-footer-text:var(--color-text-muted);--color-footer-heading:var(--gray-400);--color-site-title:var(--gray-0);--color-big-logo-title:var(--color-site-title);--color-big-logo-description:var(--color-text-muted);--color-panel-text-stats:var(--gray-0);--color-page-meta:var(--color-text);--color-home-link:var(--gray-500);--color-home-link-hover:var(--blue-300);--color-figure-media-background:#ffffff;--color-link:var(--blue-300);--color-link-hover:var(--blue-100);--color-card-title:var(--color-site-title);--color-link-external:var(--green-500);--color-link-external-hover:var(--green-300);--color-link-affiliated:var(--pink-500);--color-link-affiliated-hover:var(--pink-300);--border-outer-color:var(--gray-800);--border-panel:1px solid var(--border-outer-color);--border-panel-outer:1px solid var(--border-outer-color);--border-panel-top:2px solid var(--border-outer-color);--radius-base:0;--radius-panel:var(--radius-base);--radius-pagination:var(--radius-base);--color-shadow-base:var(--gray-900);--shadow-base:0 12px 0.8rem var(--color-shadow-base);--shadow-panel:var(--shadow-base);--shadow-pagination:var(--shadow-base);--shadow-text:0 12px 0.8rem var(--color-shadow-base);--shadow-big-logo-title:var(--shadow-text);--overlay-dark-strong:rgba(15, 17, 20, 0.72);--overlay-dark-medium:rgba(51, 55, 70, 0.55);--overlay-dark-soft:rgba(124, 131, 146, 0.28);--overlay-light-soft:rgba(255, 255, 255, 0.12);--overlay-blue-soft:rgba(70, 127, 255, 0.20);--background-body:var(--gray-900);--background-body-alt:var(--gray-800);--background-panel:radial-gradient(circle at 18% 18%, var(--overlay-dark-medium) 0%, transparent 58%),
        radial-gradient(circle at 82% 82%, var(--overlay-dark-strong) 0%, transparent 64%),
        linear-gradient(135deg, var(--gray-900) 0%, var(--gray-800) 100%);--background-panel-stat:var(--background-panel);--background-pagination:var(--background-panel);--background-panel-stats:radial-gradient(circle at 8% 92%, var(--overlay-dark-medium) 0%, transparent 55%),
        radial-gradient(circle at 90% 12%, var(--overlay-dark-soft) 0%, transparent 60%),
        linear-gradient(120deg, var(--gray-900) 0%, var(--gray-800) 100%);--background-figure:radial-gradient(circle at 22% 22%, var(--overlay-dark-soft) 0%, transparent 58%),
        radial-gradient(circle at 78% 78%, var(--overlay-dark-medium) 0%, transparent 62%),
        linear-gradient(135deg, var(--gray-900) 0%, var(--gray-800) 100%);--background-footer:radial-gradient(ellipse at top, var(--overlay-dark-medium) 0%, transparent 68%),
        linear-gradient(165deg, var(--gray-900) 0%, var(--gray-800) 100%);--background-spoiler:var(--yellow-900);--background-chat-me:linear-gradient(135deg, var(--overlay-blue-soft) 0%, transparent 75%);--background-chat-other:linear-gradient(135deg, var(--overlay-light-soft) 0%, transparent 75%);--color-hr-glow:var(--overlay-light-soft);--background-hr-glow:radial-gradient(ellipse at center -20px,
            var(--color-hr-glow),
            var(--transparent) 80%);--background-hr-glow-mirror:radial-gradient(ellipse at center calc(100% + 20px),
            var(--color-hr-glow),
            var(--transparent) 80%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-body);background:var(--background-body);color:var(--color-text);padding:var(--padding-body);display:flex;flex-direction:column;gap:var(--gap-body);min-height:100vh;height:auto}@media(max-width:768px){body{padding:0}}a{color:var(--color-link);text-decoration:underline;&:hover,&:focus { color:var(--color-link-hover); }}.panel{padding:var(--padding-panel);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);border:var(--border-panel);&.panel-hero { background: var(--background-panel); } &.stat { background: var(--background-panel-stat); }}header#hero{display:flex;flex-wrap:wrap;gap:var(--gap-hero);align-items:center}#big-logo{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-big-logo);margin:var(--margin-big-logo);img { margin: auto; } hgroup { flex: 1; h1 { font-size: 4rem; font-variant: small-caps; color: var(--color-big-logo-title); text-shadow: var(--shadow-big-logo-title); white-space: nowrap; } p { font-style: italic; font-size: 1.5rem; color: var(--color-big-logo-description); } }}@media(max-width:460px){#big-logo hgroup{h1 { font-size: 2.5rem; } p { font-size: 1.25rem; }}}@media(max-width:768px){#big-logo hgroup{h1 { text-align: center; } p { text-align: center; }}}section#site-stats{margin:var(--margin-site-stats)}hr{all:unset;display:block;width:100%;height:1rem;margin:auto;position:relative;background:var(--background-hr-glow);&.mirror { background: var(--background-hr-glow-mirror); }}.stat{display:flex;flex-direction:column;gap:var(--gap-half);strong { display: block; font-variant: small-caps; color: var(--color-text-muted); white-space: nowrap; } span { font-size: 2rem; color: var(--color-panel-text-stats); font-weight: bold; flex: 1; }}.stats{list-style:none;display:flex;flex-wrap:wrap;gap:var(--gap-site-stats-list);margin:var(--margin-site-stats-list);>div { flex: 1; text-align: center; min-width: 250px; }}main{display:flex;flex-direction:column;gap:var(--gap-main);flex:1}main#home{section { margin: var(--margin-home-section); header { font-variant: small-caps; margin: var(--margin-home-section-header); display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--gap-half); a { color: var(--color-home-link); &:hover { color: var(--color-home-link-hover); } } } }}.breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--gap-half)}nav.articles-list{display:grid;gap:var(--gap-articles-list);grid-template-columns:repeat(var(--grid-columns),minmax(var(--width-card-min),1fr));overflow:auto}.card{text-decoration:none;color:inherit;font-variant:small-caps;font-size:1rem;background-size:cover;background-position:50% 0;background-repeat:no-repeat;padding:0;display:flex;flex-direction:column;box-shadow:none;h3 { font-weight: normal; text-wrap: balance; color: var(--color-card-title); font-size: var(--font-size-card-title); } .card-image { background-size: cover; background-position: 50% 50%; height: 220px; display: block; border-radius: var(--radius-base) var(--radius-base) 0 0; background-image: var(--background-figure); } .card-content { display: flex; flex-direction: column; padding: var(--padding-card-content); gap: var(--gap-card-content); flex: 1; border-radius: 0 0 var(--radius-base) var(--radius-base); h3 { flex: 1; } .card-meta { display: flex; flex-wrap: wrap; justify-content: space-between; } } &:hover { h3 { text-decoration: underline; } }}body>footer{display:flex;gap:var(--gap-footer);flex-wrap:wrap;color:var(--color-footer-text);padding:var(--footer-padding);a { color: var(--color-footer-text); text-decoration: underline; &:hover, &:focus { color: var(--color-footer-heading); } } section { flex: 1; text-align: center; font-variant: small-caps; header { padding-bottom: var(--padding); h2 { font-size: 1.2rem; color: var(--color-footer-heading); } } nav { display: flex; flex-direction: column; gap: var(--gap-footer-nav); } } p { text-align: center; width: 100%; text-wrap: balance; }}header#hero-page{display:flex;gap:var(--gap-hero-page);flex-direction:column;.sup-title { text-align: center; font-variant: small-caps; text-shadow: var(--shadow-text); color: var(--color-site-title); } h1 { text-align: center; font-size: 1.25em; text-wrap: balance; color: var(--color-site-title); text-shadow: var(--shadow-text); font-variant: small-caps; font-weight: normal; }}@media(min-width:460px){header#hero-page{h1 { font-size: 2.5rem; }}}@media(min-width:768px){header#hero-page{h1 { font-size: 4rem; }}}#site-title{display:flex;align-items:center;flex-wrap:wrap;gap:var(--gap-site-title);font-size:2rem;color:var(--color-site-title);font-variant:small-caps;font-weight:700;text-decoration:none;text-shadow:var(--shadow-text);justify-content:center;span { white-space: nowrap; } &:hover { text-decoration: underline; }}.page-meta{gap:var(--gap-page-meta);display:flex;flex-wrap:wrap;align-items:center;color:var(--color-page-meta);font-variant:small-caps;>* { white-space: nowrap; margin: auto; }}nav#page-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--gap-page-links)}article.article-body{display:flex;flex-direction:column;gap:var(--gap);padding:var(--padding)0;font-size:1.5rem;.stat { max-width: var(--width-content-max); margin: var(--margin) auto; width: 100%; } h2, h3, h4, h5, h6, >p, >details, >ul, >ol, >blockquote, .footnotes ol { min-width: var(--width-content-min); max-width: var(--width-content-max); width: 100%; } h2, h3, h4, h5, h6 { margin: auto; color: var(--color-site-title); font-variant: small-caps; text-shadow: var(--shadow-text); text-wrap: balance; } >p, >details p { margin: auto; line-height: 150%; text-align: justify; } >details { margin: auto; background: var(--background-spoiler); padding: var(--padding); border-radius: var(--radius-base); summary { font-variant: small-caps; color: var(--color-site-title); text-shadow: var(--shadow-text); display: block; cursor: help; } summary~* { padding-top: var(--padding); } p { width: 100%; } } >ul, >ol, >details ul, >details ol { margin: 0 auto; padding-left: var(--list-padding); line-height: 150%; display: flex; flex-direction: column; gap: var(--gap-list); } strong { color: var(--color-site-title); } blockquote { color: var(--color-text-light); font-style: italic; text-align: justify; margin: auto; cite { display: block; font-style: normal; text-align: right; } } >blockquote { padding: var(--padding); border: var(--border-panel-outer); border-top: var(--border-panel-top); background: var(--background-chat-other); border-radius: var(--radius-base); box-shadow: var(--shadow-base); color: var(--color-text-muted); } pre, code { border-radius: var(--radius-base); } pre { padding: var(--padding); overflow: scroll; max-height: 50vh; max-width: 80vw; width: 100%; margin: var(--margin) auto; border: var(--border-panel-outer); border-top: var(--border-panel-top); box-shadow: var(--shadow-base); } .footnotes { ol { margin: var(--margin) auto; font-size: 1rem; list-style-type: decimal; display: flex; flex-direction: column; gap: var(--gap-half); p { width: auto; line-height: 130%; } } } sub, sup { font-size: 0.75em; line-height: 1; position: relative; vertical-align: baseline; } sup { top: -0.4em; } sub { bottom: -0.2em; }}figure{border:var(--border-panel-outer);border-top:var(--border-panel-top);background:var(--background-figure);border-radius:var(--radius-base);box-shadow:var(--shadow-base);margin:var(--margin)auto;font-size:1rem;text-align:center;padding:var(--padding)0;figcaption { padding: 0 var(--padding) var(--padding) var(--padding); p { color: var(--color-text-muted); font-style: italic; max-width: var(--width-content-max); font-size: 1rem; text-wrap: balance; font-weight: bold; text-align: center; margin: auto; line-height: 150%; em { color: var(--color-text-strong); } } } details, p.details { padding: var(--padding) var(--padding) 0 var(--padding); max-width: var(--width-content-max); text-align: center; text-wrap: balance; margin: auto; line-height: 150%; } audio { margin: auto; padding: var(--padding); } img, video { max-height: 80vh; max-width: 100%; } img { background-color: var(--color-figure-media-background); } &.chat-message { clear: both; display: inline; width: 40vw; min-width: 270px; margin: 0 auto; position: relative; padding: var(--padding); &.me, &.other {} &.me { background: var(--background-chat-me); margin-right: 11vw; } &.other { background: var(--background-chat-other); margin-left: 11vw; } blockquote { text-align: left; display: flex; font-style: normal; flex-direction: column; gap: calc(var(--gap)/2); line-height: 130%; p { width: 100%; text-align: left; } ul, ol { margin-left: var(--margin); } } }}table{max-width:100%;border-collapse:collapse;margin:var(--margin)auto;line-height:1.5;border:var(--border-panel-outer);font-size:1.2rem}thead{background:var(--background-panel-stats);font-weight:700}thead th{padding:var(--padding-half)var(--padding);text-align:left;white-space:nowrap}tbody td{padding:var(--padding-half)var(--padding);vertical-align:top;text-align:left}tbody tr:nth-child(even) td{background-color:var(--background-body-alt)}tbody tr:hover td{background-color:var(--color-hr-glow)}tbody td:hover{background-color:var(--color-hr-glow)}tfoot td{padding:var(--padding-half)var(--padding);font-style:italic}.pagination{display:flex;justify-content:space-between;.prev { &.disabled { color: var(--color-text-muted); } } details { flex: 1; text-align: center; position: relative; summary { cursor: pointer; } ul { position: absolute; display: flex; flex-direction: column; gap: var(--gap-half); overflow: auto; max-height: 50vh; min-width: 300px; width: auto; left: 50%; margin-left: -150px; padding: var(--padding); list-style: none; border-radius: var(--radius-pagination); box-shadow: var(--shadow-pagination); border: var(--border-pagination); background: var(--background-pagination); li { font-size: 1rem; .current { display: block; font-size: 1rem; } a { display: block; } } } } .next { &.disabled { color: var(--color-text-muted); } }}#TableOfContents{font-size:1.25rem;text-align:left;padding:var(--padding);max-width:var(--width-content-max);display:flex;flex-direction:column;gap:var(--gap-half);ol ol { margin-left: var(--margin); } ol, li { display: flex; flex-direction: column; gap: var(--gap-half); } a { display: block; }}.external{color:var(--color-link-external);&:hover { color:var(--color-link-external-hover); }}.affiliated{color:var(--color-link-affiliated);&:hover { color:var(--color-link-affiliated-hover); }}