/* ============================================================================ CFC Reports — design system One stylesheet for both apps. `data-theme="portal"` on is the filing portal a company sees; `data-theme="console"` is the operator console. The tokens change what each app feels like; the components do not change at all, so an operator with both open always knows which one they are looking at. Every component class is prefixed rg-. A short tail of app-specific classes (the country combobox, the multi-select, the date field) keeps the names the JavaScript creates at runtime. Fonts are self-hosted: the Content-Security-Policy sets font-src 'self', so no CDN can be reached. The woff2 files in static/fonts/ are the latin and latin-ext subsets lifted from the design's own artboards, so the screen uses the exact faces the mockups were drawn in. No inline style attributes anywhere: style-src 'self' blocks them. Anything that would need one — a meter width, a column width — has a class here. ========================================================================= */ /* The three families the September artboards are drawn in: Open Sans for text, Roboto Mono for headings — the headings really are monospace — and JetBrains Mono for every figure. The block below is GENERATED. `tools/extract_fonts.py` lifts the woff2 files and these rules straight out of the artboard bundle, so the screen uses the same faces, subset for subset, as the drawing. Do not hand-edit it: the `unicode-range` lines are forty hex ranges that decide, per codepoint, whether an accented French name renders or falls back, and no one can proofread that. Run the tool instead: python -m cfc_portal.tools.extract_fonts python -m cfc_portal.tools.extract_fonts --check # in CI Each family declares four weights over one file per subset because these are variable faces — same arrangement the previous build used. */ /* <<< generated by tools/extract_fonts.py — do not edit by hand */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/OpenSans-cyrillic-ext.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/OpenSans-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/OpenSans-greek-ext.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/OpenSans-greek.woff2") format("woff2"); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/OpenSans-hebrew.woff2") format("woff2"); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/OpenSans-math.woff2") format("woff2"); unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/OpenSans-symbols.woff2") format("woff2"); unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/OpenSans-vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/OpenSans-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/OpenSans-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/OpenSans-cyrillic-ext.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/OpenSans-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/OpenSans-greek-ext.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/OpenSans-greek.woff2") format("woff2"); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/OpenSans-hebrew.woff2") format("woff2"); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/OpenSans-math.woff2") format("woff2"); unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/OpenSans-symbols.woff2") format("woff2"); unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/OpenSans-vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/OpenSans-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/OpenSans-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/OpenSans-cyrillic-ext.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/OpenSans-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/OpenSans-greek-ext.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/OpenSans-greek.woff2") format("woff2"); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/OpenSans-hebrew.woff2") format("woff2"); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/OpenSans-math.woff2") format("woff2"); unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/OpenSans-symbols.woff2") format("woff2"); unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/OpenSans-vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/OpenSans-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/OpenSans-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/OpenSans-cyrillic-ext.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/OpenSans-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/OpenSans-greek-ext.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/OpenSans-greek.woff2") format("woff2"); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/OpenSans-hebrew.woff2") format("woff2"); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/OpenSans-math.woff2") format("woff2"); unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/OpenSans-symbols.woff2") format("woff2"); unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/OpenSans-vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/OpenSans-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/OpenSans-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/RobotoMono-cyrillic-ext.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/RobotoMono-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/RobotoMono-greek.woff2") format("woff2"); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/RobotoMono-vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/RobotoMono-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/RobotoMono-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/RobotoMono-cyrillic-ext.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/RobotoMono-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/RobotoMono-greek.woff2") format("woff2"); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/RobotoMono-vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/RobotoMono-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/RobotoMono-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/RobotoMono-cyrillic-ext.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/RobotoMono-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/RobotoMono-greek.woff2") format("woff2"); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/RobotoMono-vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/RobotoMono-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/RobotoMono-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/RobotoMono-cyrillic-ext.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/RobotoMono-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/RobotoMono-greek.woff2") format("woff2"); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/RobotoMono-vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/RobotoMono-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/RobotoMono-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/JetBrainsMono-cyrillic-ext.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/JetBrainsMono-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/JetBrainsMono-greek.woff2") format("woff2"); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/JetBrainsMono-vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/JetBrainsMono-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/JetBrainsMono-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/JetBrainsMono-cyrillic-ext.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/JetBrainsMono-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/JetBrainsMono-greek.woff2") format("woff2"); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/JetBrainsMono-vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/JetBrainsMono-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/JetBrainsMono-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/JetBrainsMono-cyrillic-ext.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/JetBrainsMono-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/JetBrainsMono-greek.woff2") format("woff2"); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/JetBrainsMono-vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/JetBrainsMono-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/JetBrainsMono-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/JetBrainsMono-cyrillic-ext.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/JetBrainsMono-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/JetBrainsMono-greek.woff2") format("woff2"); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/JetBrainsMono-vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/JetBrainsMono-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/JetBrainsMono-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* generated by tools/extract_fonts.py >>> */ /* ── Tokens ────────────────────────────────────────────────────────────────── Every value here is lifted from the artboards. The variable *names* are unchanged from the previous build so no rule downstream needed editing — only what they point at. Two things worth knowing before changing any of them: · Success is the brand. There is no second green. A separate --confirm was what made the old build read as two competing greens at once. · There is no amber. Green says confirmed, --flag (deep green) says amended, grey says outstanding, red says faulty — and nothing else may mean any of those. tests/test_stylesheet.py enforces this by hue, so a new orange cannot creep back in under another name. ───────────────────────────────────────────────────────────────────────── */ :root, [data-theme="portal"] { /* surfaces */ --ground: #F4F6F5; /* the page behind the cards */ --sheet: #FFFFFF; --sheet-sunk: #F8FAF9; /* card header strip, thead, panel foot */ --track: #E6EEEA; /* progress track, segmented-control track */ /* rules — the artboards use four weights, each with a job */ --rule: #DDE5E1; /* card border, header and footer rules */ --rule-soft: #E6EEEA; /* inside a card */ --rule-faint: #EEF3F0; /* between rows of one table */ --rule-strong: #CDD9D3; /* input border, quiet-button border */ --field-border: #CDD9D3; /* the same value, named for its one job */ /* ink — four steps, not two */ --ink: #14241D; --ink-muted: #4A5D55; --ink-faint: #7D8F87; /* "AU REGISTRE CFCA" small caps */ --ink-ghost: #9AABA3; /* separators, an unselected radio ring */ /* brand */ --brand: #0B6B4A; --brand-strong: #0B6B4A; /* was a second green; now the same one */ --brand-hover: #084D36; --brand-deep: #084D36; --brand-soft: #EEF5F1; /* selected tint, notice ground */ --brand-tint: #F0F6F3; /* the current row of a list */ --brand-ink: #084D36; /* chip text on --brand-soft */ --on-brand: #FFFFFF; --half: #7CCBB7; /* half-progress tick, "En cours" swatch */ --spoke-todo: #D5DDDA; /* an unlit spoke */ --swatch-none: #DDE4E1; /* the motif is three distinct tints — do not collapse them */ --motif-portal: #EEF5F1; /* 760px login backdrop */ --motif-console: #E4EEEA; /* 640px console-login backdrop */ --motif-watermark: #E6EEEB; /* 180px declaration watermark */ /* success is the brand */ --confirm: #0B6B4A; --confirm-soft: #EEF5F1; /* The one thing that is neither "confirmed" nor "wrong": an answer that has changed since last year, and a report reopened for amendment. The artboards draw the matching state — their "En cours" dot — in amber #B7791F. We do not: green says confirmed, grey says outstanding, red says faulty, and nothing else may mean any of those. That decision is older than these artboards and it stands. tests/test_stylesheet.py enforces it by hue, so a new orange cannot creep back under a new name. */ --flag: #9AABA3; /* outstanding: the grey, not an amber */ --flag-soft: #EEF3F0; /* Red is for faults only: a reconciliation that does not balance, an error summary, a deadline already missed. */ --danger: #B42318; --danger-soft: #FEF3F2; --row-hover: #F0F6F3; /* a console row under the pointer */ --bar: #FFFFFF; --on-bar: #14241D; --on-bar-muted: #4A5D55; /* The artboards focus every control the same way, and it is a real outline offset by a pixel rather than the previous border swap. */ --focus: #0B6B4A; --focus-ring: 0 0 0 4px #EEF5F1; /* There is exactly one shadow in the September artboards, on the header dropdown. Every other surface is a hairline on white. */ --shadow-sheet: none; --shadow-pop: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1); } /* The console is the same components in a denser rhythm. It is not a dark app: its masthead is white too — the 272px rail is what tells the two apart, not a colour. */ /* The console takes the same tokens. What tells the two apps apart is the 272px rail, not a colour — and the console's ground is white rather than the portal's #F4F6F5, because a rail app with a tinted canvas reads as two panels rather than one screen. */ [data-theme="console"] { --ground: #FFFFFF; --sheet-sunk: #F8FAF9; --bar: #FFFFFF; --on-bar: #14241D; --on-bar-muted: #4A5D55; --shadow-sheet: none; } :root { --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px; /* The September artboards use four radii and no more: 3 for a mono code badge, 4 for anything you can press or type in, 6 for a card, and a pill for a status chip. The previous build had nine. */ --r-3: 3px; /* mono code badge, tick strip */ --r-4: 4px; /* input, button, segment, notice */ --r-6: 6px; /* card, panel, table wrapper, rail chip */ --r-pill: 9999px; /* Kept so the console's own rules keep resolving while it is brought across; both collapse onto the four above. */ --r-8: var(--r-6); --r-10: var(--r-6); --r-12: var(--r-6); --r-14: var(--r-6); --r-16: var(--r-6); --r-20: var(--r-6); /* Control heights are specified per context in the artboards rather than drawn from one scale, so they are listed rather than derived. */ --h-input: 40px; /* a field inside the form */ --h-input-lg: 44px; /* a field on the sign-in card */ --h-btn: 44px; /* prev, next, sign in */ --h-btn-sm: 36px; /* attach a file, a quiet action */ --h-seg: 34px; /* Confirmée / Modifiée */ --h-pair: 40px; /* Oui / Non */ --h-chip: 24px; --h-th: 40px; --h-row: 48px; --h-header: 68px; --h-footer: 56px; --h-mark: 34px; /* a question chip in the rail */ /* Kept while the console is brought across. */ --h-cell: var(--h-input); --h-field: var(--h-input-lg); --h-sigfield: var(--h-input-lg); --h-login: var(--h-input-lg); --h-submit: var(--h-btn); --h-quiet: var(--h-btn-sm); --h-filter: 38px; --h-console-btn: 40px; --h-search: 42px; --h-icon: 44px; --h-nav: 44px; --h-nav-on: 48px; --rail: 300px; --w-body: 1440px; --pad-page: 32px; --pad-wide: 100px; --measure: 64ch; --control-height: var(--h-input); --control-height-dense: 32px; --row-height-dense: var(--h-row); /* The artboards' own three stacks. The headings really are monospace — that is a large part of how the reference reads — so --font-head is a separate token from --font-mono even though both are fixed-width: one is for display type, the other for figures, and they are different faces. */ --font-sans: "Open Sans", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; --font-head: "Roboto Mono", ui-monospace, "SFMono-Regular", Menlo, monospace; --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace; } /* ── Base ────────────────────────────────────────────────────────────────── */ *, *::before, *::after { box-sizing: border-box; } /* The `hidden` attribute has to beat the component that owns the element. The UA stylesheet says `[hidden] { display: none }`, but any author rule setting a display — and .rg-gate2-panel, .rg-notice, .rg-recon-result and the country picker's panel all set one — outranks it, so the element stays on screen with its hidden attribute set and nothing looks wrong in the markup. That is how the amendment panel came to be visible beside an "Inchangée" answer. !important is the standard idiom here and is what a reset would give us. */ [hidden] { display: none !important; } body { margin: 0; background: var(--ground); color: var(--ink); font-family: var(--font-sans); font-size: 15px; line-height: 24px; -webkit-font-smoothing: antialiased; } /* Display type is Roboto Mono in the artboards — the headings really are monospace, and that is a large part of how the reference reads. Set here once so every heading picks it up rather than each rule remembering. */ h1, h2, h3, .rg-head { font-family: var(--font-head); letter-spacing: -.025em; } .rg-num, .rg-amount-input, .rg-count, .rg-table td.rg-n { font-variant-numeric: tabular-nums lining-nums; } .rg-ref { font-family: var(--font-mono); font-size: 13px; line-height: 20px; } .rg-overline { font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: .08em; color: var(--ink-muted); } .rg-sr, .vh { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px; padding: 0 !important; border: 0 !important; overflow: hidden; white-space: nowrap; clip: rect(0 0 0 0); clip-path: inset(50%); background: none !important; } .rg-muted { color: var(--ink-muted); } .rg-danger { color: var(--danger); } a { color: var(--brand); text-underline-offset: 3px; text-decoration-thickness: 1px; } a:hover { color: var(--brand-deep); text-decoration-thickness: 2px; } :focus-visible { outline: 2px solid var(--brand); outline-offset: 1px; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } } /* The app is one flex column that owns the viewport; `.rg-page` is its growing child, so the action bar it ends with lands on the bottom edge of a short page and stays in flow on a long one. */ .rg-app { min-height: 100vh; display: flex; flex-direction: column; } .rg-page { flex: 1 0 auto; display: flex; flex-direction: column; } .rg-page > .rg-shell { flex: 1 0 auto; } /* Meter and column widths, as classes: style-src 'self' blocks the inline style attribute a percentage would otherwise need. */ .rg-w0 { width: 0%; } .rg-w5 { width: 5%; } .rg-w10 { width: 10%; } .rg-w15 { width: 15%; } .rg-w20 { width: 20%; } .rg-w25 { width: 25%; } .rg-w30 { width: 30%; } .rg-w35 { width: 35%; } .rg-w40 { width: 40%; } .rg-w45 { width: 45%; } .rg-w50 { width: 50%; } .rg-w55 { width: 55%; } .rg-w60 { width: 60%; } .rg-w65 { width: 65%; } .rg-w70 { width: 70%; } .rg-w75 { width: 75%; } .rg-w80 { width: 80%; } .rg-w85 { width: 85%; } .rg-w90 { width: 90%; } .rg-w95 { width: 95%; } .rg-w100 { width: 100%; } /* The reconciliation bar needs finer steps than the 5% above: on a three-segment bar, rounding a shortfall to the nearest 5% makes the gap segment jump between nothing and something, which is exactly the reading the bar exists to give. */ .rg-f0 { width: 0%; } .rg-f1 { width: 1%; } .rg-f2 { width: 2%; } .rg-f3 { width: 3%; } .rg-f4 { width: 4%; } .rg-f5 { width: 5%; } .rg-f6 { width: 6%; } .rg-f7 { width: 7%; } .rg-f8 { width: 8%; } .rg-f9 { width: 9%; } .rg-f10 { width: 10%; } .rg-f11 { width: 11%; } .rg-f12 { width: 12%; } .rg-f13 { width: 13%; } .rg-f14 { width: 14%; } .rg-f15 { width: 15%; } .rg-f16 { width: 16%; } .rg-f17 { width: 17%; } .rg-f18 { width: 18%; } .rg-f19 { width: 19%; } .rg-f20 { width: 20%; } .rg-f21 { width: 21%; } .rg-f22 { width: 22%; } .rg-f23 { width: 23%; } .rg-f24 { width: 24%; } .rg-f25 { width: 25%; } .rg-f26 { width: 26%; } .rg-f27 { width: 27%; } .rg-f28 { width: 28%; } .rg-f29 { width: 29%; } .rg-f30 { width: 30%; } .rg-f31 { width: 31%; } .rg-f32 { width: 32%; } .rg-f33 { width: 33%; } .rg-f34 { width: 34%; } .rg-f35 { width: 35%; } .rg-f36 { width: 36%; } .rg-f37 { width: 37%; } .rg-f38 { width: 38%; } .rg-f39 { width: 39%; } .rg-f40 { width: 40%; } .rg-f41 { width: 41%; } .rg-f42 { width: 42%; } .rg-f43 { width: 43%; } .rg-f44 { width: 44%; } .rg-f45 { width: 45%; } .rg-f46 { width: 46%; } .rg-f47 { width: 47%; } .rg-f48 { width: 48%; } .rg-f49 { width: 49%; } .rg-f50 { width: 50%; } .rg-f51 { width: 51%; } .rg-f52 { width: 52%; } .rg-f53 { width: 53%; } .rg-f54 { width: 54%; } .rg-f55 { width: 55%; } .rg-f56 { width: 56%; } .rg-f57 { width: 57%; } .rg-f58 { width: 58%; } .rg-f59 { width: 59%; } .rg-f60 { width: 60%; } .rg-f61 { width: 61%; } .rg-f62 { width: 62%; } .rg-f63 { width: 63%; } .rg-f64 { width: 64%; } .rg-f65 { width: 65%; } .rg-f66 { width: 66%; } .rg-f67 { width: 67%; } .rg-f68 { width: 68%; } .rg-f69 { width: 69%; } .rg-f70 { width: 70%; } .rg-f71 { width: 71%; } .rg-f72 { width: 72%; } .rg-f73 { width: 73%; } .rg-f74 { width: 74%; } .rg-f75 { width: 75%; } .rg-f76 { width: 76%; } .rg-f77 { width: 77%; } .rg-f78 { width: 78%; } .rg-f79 { width: 79%; } .rg-f80 { width: 80%; } .rg-f81 { width: 81%; } .rg-f82 { width: 82%; } .rg-f83 { width: 83%; } .rg-f84 { width: 84%; } .rg-f85 { width: 85%; } .rg-f86 { width: 86%; } .rg-f87 { width: 87%; } .rg-f88 { width: 88%; } .rg-f89 { width: 89%; } .rg-f90 { width: 90%; } .rg-f91 { width: 91%; } .rg-f92 { width: 92%; } .rg-f93 { width: 93%; } .rg-f94 { width: 94%; } .rg-f95 { width: 95%; } .rg-f96 { width: 96%; } .rg-f97 { width: 97%; } .rg-f98 { width: 98%; } .rg-f99 { width: 99%; } /* Left offsets, for the one thing that is positioned rather than sized: the mark showing where the declared total falls on the reconciliation bar. */ .rg-l0 { left: 0%; } .rg-l1 { left: 1%; } .rg-l2 { left: 2%; } .rg-l3 { left: 3%; } .rg-l4 { left: 4%; } .rg-l5 { left: 5%; } .rg-l6 { left: 6%; } .rg-l7 { left: 7%; } .rg-l8 { left: 8%; } .rg-l9 { left: 9%; } .rg-l10 { left: 10%; } .rg-l11 { left: 11%; } .rg-l12 { left: 12%; } .rg-l13 { left: 13%; } .rg-l14 { left: 14%; } .rg-l15 { left: 15%; } .rg-l16 { left: 16%; } .rg-l17 { left: 17%; } .rg-l18 { left: 18%; } .rg-l19 { left: 19%; } .rg-l20 { left: 20%; } .rg-l21 { left: 21%; } .rg-l22 { left: 22%; } .rg-l23 { left: 23%; } .rg-l24 { left: 24%; } .rg-l25 { left: 25%; } .rg-l26 { left: 26%; } .rg-l27 { left: 27%; } .rg-l28 { left: 28%; } .rg-l29 { left: 29%; } .rg-l30 { left: 30%; } .rg-l31 { left: 31%; } .rg-l32 { left: 32%; } .rg-l33 { left: 33%; } .rg-l34 { left: 34%; } .rg-l35 { left: 35%; } .rg-l36 { left: 36%; } .rg-l37 { left: 37%; } .rg-l38 { left: 38%; } .rg-l39 { left: 39%; } .rg-l40 { left: 40%; } .rg-l41 { left: 41%; } .rg-l42 { left: 42%; } .rg-l43 { left: 43%; } .rg-l44 { left: 44%; } .rg-l45 { left: 45%; } .rg-l46 { left: 46%; } .rg-l47 { left: 47%; } .rg-l48 { left: 48%; } .rg-l49 { left: 49%; } .rg-l50 { left: 50%; } .rg-l51 { left: 51%; } .rg-l52 { left: 52%; } .rg-l53 { left: 53%; } .rg-l54 { left: 54%; } .rg-l55 { left: 55%; } .rg-l56 { left: 56%; } .rg-l57 { left: 57%; } .rg-l58 { left: 58%; } .rg-l59 { left: 59%; } .rg-l60 { left: 60%; } .rg-l61 { left: 61%; } .rg-l62 { left: 62%; } .rg-l63 { left: 63%; } .rg-l64 { left: 64%; } .rg-l65 { left: 65%; } .rg-l66 { left: 66%; } .rg-l67 { left: 67%; } .rg-l68 { left: 68%; } .rg-l69 { left: 69%; } .rg-l70 { left: 70%; } .rg-l71 { left: 71%; } .rg-l72 { left: 72%; } .rg-l73 { left: 73%; } .rg-l74 { left: 74%; } .rg-l75 { left: 75%; } .rg-l76 { left: 76%; } .rg-l77 { left: 77%; } .rg-l78 { left: 78%; } .rg-l79 { left: 79%; } .rg-l80 { left: 80%; } .rg-l81 { left: 81%; } .rg-l82 { left: 82%; } .rg-l83 { left: 83%; } .rg-l84 { left: 84%; } .rg-l85 { left: 85%; } .rg-l86 { left: 86%; } .rg-l87 { left: 87%; } .rg-l88 { left: 88%; } .rg-l89 { left: 89%; } .rg-l90 { left: 90%; } .rg-l91 { left: 91%; } .rg-l92 { left: 92%; } .rg-l93 { left: 93%; } .rg-l94 { left: 94%; } .rg-l95 { left: 95%; } .rg-l96 { left: 96%; } .rg-l97 { left: 97%; } .rg-l98 { left: 98%; } .rg-l99 { left: 99%; } .rg-l100 { left: 100%; } .rg-f100 { width: 100%; } /* ── Masthead (portal) ───────────────────────────────────────────────────── */ .rg-masthead { background: var(--bar); color: var(--on-bar); border-bottom: 1px solid var(--rule); } /* Its own width and centring. This used to be an .rg-shell as well, which won the cascade and gave the band 32px of top padding and no bottom padding. */ .rg-masthead-inner { display: flex; align-items: center; gap: var(--space-4); height: var(--h-header); max-width: var(--w-body); margin: 0 auto; padding: 0 var(--pad-page); } .rg-authority { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; } .rg-authority-name { font-weight: 600; font-size: 20px; letter-spacing: -.01em; color: var(--on-bar); text-decoration: none; } .rg-authority-doc { font-size: 12px; font-weight: 400; letter-spacing: .08em; color: var(--ink-muted); margin-top: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .rg-masthead-meta { margin-left: auto; display: flex; align-items: center; gap: var(--space-5); font-size: 14px; color: var(--ink-muted); flex: none; } /* Company over year, right-aligned: two facts in the width of one. */ .rg-chip-co { display: inline-flex; flex-direction: column; align-items: flex-end; line-height: 1.3; min-width: 0; } .rg-masthead-co { font-weight: 600; color: var(--ink); max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rg-masthead-year { font-size: 12px; color: var(--ink-muted); white-space: nowrap; } .rg-lang { display: inline-flex; border: 1px solid var(--rule); overflow: hidden; border-radius: var(--r-4); } .rg-lang a { padding: 5px 10px; font-size: 12px; font-weight: 600; color: var(--ink-muted); text-decoration: none; } .rg-lang a[aria-current] { background: var(--brand); color: var(--on-brand); } .rg-lockup-mark { width: 40px; height: 40px; flex: none; border-radius: 50%; border: 1.5px solid var(--brand); display: grid; place-items: center; font-size: 11px; font-weight: 600; letter-spacing: .02em; color: var(--brand-deep); } .rg-lockup { display: flex; align-items: center; gap: var(--space-3); text-decoration: none; } /* The official lockup is a bitmap, so it is sized by height only and the width follows — a fixed width would resample the wordmark. `height: auto` on the width attribute's account keeps it sharp on a retina screen, where the 1053px source is drawn into 133 CSS pixels. */ .rg-lockup-logo { display: block; height: 34px; width: auto; flex: none; } /* The hairline is what stops the document's name reading as part of the wordmark. It is the only rule in the masthead. */ .rg-lockup-rule { width: 1px; height: 28px; background: var(--rule); flex: none; } .rg-lockup .rg-authority-doc { margin-top: 0; } .rg-sun-mark { display: block; } /* "Deconnexion" as words, not an icon in a box. An icon-only sign-out in a masthead is a guess the reader has to make; the artboards spell it. */ .rg-masthead-out { font-size: 14px; color: var(--ink-muted); text-decoration: none; white-space: nowrap; } .rg-masthead-out:hover { color: var(--brand); text-decoration: none; } @media (max-width: 720px) { .rg-authority-doc, .rg-lockup-rule, .rg-masthead-year { display: none; } .rg-masthead-co { max-width: 140px; } .rg-masthead-meta { gap: var(--space-3); } .rg-lockup-logo { height: 28px; } } /* ── the part band: title, deadline meter, and the eight tabs ───────────── */ /* A full-bleed white band under the masthead, not a heading inside the form column. In the artboards it spans the window and is bordered underneath, which is what separates "which part am I on" from "what does it ask". */ .rg-partband { background: var(--sheet); border-bottom: 1px solid var(--rule); } .rg-partband-inner { max-width: var(--w-body); margin: 0 auto; padding: 28px var(--pad-page) 0; display: flex; flex-direction: column; gap: var(--space-5); } .rg-partband-top { display: flex; justify-content: space-between; align-items: flex-end; gap: var(--space-6); flex-wrap: wrap; } .rg-stephead { display: flex; flex-direction: column; gap: var(--space-2); max-width: 720px; } .rg-part { font-size: 12px; color: var(--ink-muted); margin: 0; } .rg-part-sep { color: var(--ink-ghost); } .rg-steptitle { font-family: var(--font-head); font-weight: 700; color: var(--brand-deep); font-size: 32px; line-height: 1.2; letter-spacing: -.025em; margin: 0; text-wrap: balance; } .rg-steplede { margin: 0; max-width: var(--measure); color: var(--ink-muted); font-size: 15px; line-height: 1.6; text-wrap: pretty; } /* Échéance · Statut · Parties, in three celled boxes. */ .rg-bandmeter { display: flex; border: 1px solid var(--rule); border-radius: var(--r-4); font-size: 13px; flex: none; } .rg-bandmeter > div { padding: 10px var(--space-4); display: flex; flex-direction: column; gap: 2px; } .rg-bandmeter > div + div { border-left: 1px solid var(--rule); } .rg-bandmeter dt, .rg-bandmeter-l { font-size: 11px; letter-spacing: .06em; color: var(--ink-muted); margin: 0; } .rg-bandmeter dd, .rg-bandmeter-v { margin: 0; font-family: var(--font-mono); font-variant-numeric: tabular-nums; } .rg-bandmeter-v[data-tone="over"] { font-family: var(--font-sans); color: var(--danger); font-weight: 600; } @media (max-width: 640px) { .rg-steptitle { font-size: 24px; line-height: 30px; } .rg-partband-inner { padding-top: var(--space-5); gap: var(--space-4); } .rg-bandmeter { width: 100%; } } /* ── Card ────────────────────────────────────────────────────────────────── */ .rg-card { background: var(--sheet); border: 1px solid var(--rule); border-radius: var(--r-6); box-shadow: var(--shadow-sheet); padding: var(--space-6); margin: 0; min-width: 0; /* a fieldset does not shrink below its content without this */ } .rg-card + .rg-card { margin-top: var(--space-3); } .rg-card-head { display: flex; align-items: center; gap: var(--space-3); margin: 0 0 var(--space-4); padding: 0 0 var(--space-4); border-bottom: 1px solid var(--rule-soft); width: 100%; } .rg-card-num { font-family: var(--font-mono); font-weight: 600; font-size: 11px; color: var(--brand); background: var(--brand-soft); border-radius: var(--r-3); padding: 3px 6px; } .rg-card-title { font-weight: 600; font-size: 15px; line-height: 22px; margin: 0; } .rg-card-status { margin-left: auto; font-size: 12px; color: var(--ink-muted); white-space: nowrap; } .rg-card-intro { margin: 0 0 var(--space-4); color: var(--ink-muted); font-size: 14px; line-height: 1.6; max-width: var(--measure); text-wrap: pretty; } @media (max-width: 640px) { .rg-card { padding: var(--space-4); border-left: 0; border-right: 0; border-radius: 0; } .rg-card-num { min-width: 0; } } /* ── Field ───────────────────────────────────────────────────────────────── */ .rg-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; } .rg-field + .rg-field { margin-top: var(--space-4); } .rg-label { font-size: 14px; line-height: 20px; font-weight: 500; color: var(--ink); } .rg-optional { font-weight: 400; color: var(--ink-muted); } .rg-hint { font-size: 13px; line-height: 20px; color: var(--ink-muted); margin: 0; } .rg-fieldnum { font-family: var(--font-mono); font-size: 12px; font-weight: 600; color: var(--brand); } .rg-input, .rg-select, .rg-textarea { font-family: var(--font-sans); font-size: 14px; color: var(--ink); background: var(--sheet); border: 1px solid var(--field-border); border-radius: var(--r-4); height: var(--h-input); padding: 0 var(--space-3); width: 100%; margin-top: 0; } .rg-textarea { height: auto; min-height: 140px; padding: var(--space-3); line-height: 22px; resize: vertical; } /* Without the reset a