/* FONT FALLBACK:BEGIN size-adjusted local fallbacks, measured: research/2026-10-23-font-fallback (tools/apply_source.py writes this block) */
@font-face{font-family:yn-is-a;src:local("ArialMT");font-weight:400;size-adjust:72%;ascent-override:134.724%;descent-override:34.723%;line-gap-override:0%;unicode-range:U+20}
@font-face{font-family:yn-is-a;src:local("ArialMT");font-weight:400;size-adjust:30.93%;ascent-override:312.984%;descent-override:80.666%;line-gap-override:0%;unicode-range:U+B7}
@font-face{font-family:yn-is-a;src:local("ArialMT");font-weight:400;size-adjust:70.148%;ascent-override:138.002%;descent-override:35.567%;line-gap-override:0%;unicode-range:U+31,U+5F,U+2026}
@font-face{font-family:yn-is-a;src:local("ArialMT");font-weight:400;size-adjust:91.042%;ascent-override:106.331%;descent-override:27.404%;line-gap-override:0%;unicode-range:U+25,U+2B-2C,U+2E,U+3A-3E,U+40,U+49-4A,U+52-53,U+7C,U+7E,U+D7,U+2014,U+2212}
@font-face{font-family:yn-is-a;src:local("ArialMT");font-weight:400;size-adjust:96.365%;ascent-override:100.457%;descent-override:25.891%;line-gap-override:0%;unicode-range:U+21,U+32,U+37,U+42,U+45-47,U+50,U+55,U+61,U+73,U+7A,U+F7}
@font-face{font-family:yn-is-a;src:local("ArialMT");font-weight:400;size-adjust:103.516%;ascent-override:93.517%;descent-override:24.102%;line-gap-override:0%;unicode-range:U+2A,U+33,U+35,U+38,U+3F,U+43-44,U+48,U+4B-4C,U+4E-4F,U+51,U+54,U+58-5A,U+65,U+6F,U+75-76,U+79,U+2013}
@font-face{font-family:yn-is-a;src:local("ArialMT");font-weight:400;size-adjust:108.716%;ascent-override:89.044%;descent-override:22.949%;line-gap-override:0%;unicode-range:U+22,U+24,U+26,U+34,U+36,U+39,U+41,U+4D,U+56,U+5E,U+60,U+62-64,U+67-6E,U+70-72,U+77-78,U+2018-2019}
@font-face{font-family:yn-is-a;src:local("ArialMT");font-weight:400;size-adjust:120.601%;ascent-override:80.269%;descent-override:20.688%;line-gap-override:0%;unicode-range:U+27-29,U+30,U+57,U+66,U+7B,U+7D,U+A9,U+201C-201D}
@font-face{font-family:yn-is-a;src:local("ArialMT");font-weight:400;size-adjust:135.68%;ascent-override:71.348%;descent-override:18.388%;line-gap-override:0%;unicode-range:U+23,U+74}
@font-face{font-family:yn-is-a;src:local("ArialMT");font-weight:400;size-adjust:153.329%;ascent-override:63.136%;descent-override:16.272%;line-gap-override:0%;unicode-range:U+2D,U+2F,U+5B-5D,U+2191}
@font-face{font-family:yn-is-a;src:local("ArialMT");font-weight:500;size-adjust:71.001%;ascent-override:136.62%;descent-override:35.212%;line-gap-override:0%;unicode-range:U+20}
@font-face{font-family:yn-is-a;src:local("ArialMT");font-weight:500;size-adjust:37.136%;ascent-override:260.679%;descent-override:67.185%;line-gap-override:0%;unicode-range:U+B7}
@font-face{font-family:yn-is-a;src:local("ArialMT");font-weight:500;size-adjust:69.919%;ascent-override:138.454%;descent-override:35.684%;line-gap-override:0%;unicode-range:U+31,U+2026}
@font-face{font-family:yn-is-a;src:local("ArialMT");font-weight:500;size-adjust:91.316%;ascent-override:106.012%;descent-override:27.322%;line-gap-override:0%;unicode-range:U+25,U+2B,U+3C-3E,U+40,U+49-4A,U+52-53,U+5F,U+7C,U+7E,U+D7,U+2014,U+2212}
@font-face{font-family:yn-is-a;src:local("ArialMT");font-weight:500;size-adjust:97.631%;ascent-override:99.154%;descent-override:25.555%;line-gap-override:0%;unicode-range:U+2C,U+2E,U+32,U+37,U+3A-3B,U+42,U+45-47,U+50,U+55,U+61,U+73,U+F7}
@font-face{font-family:yn-is-a;src:local("ArialMT");font-weight:500;size-adjust:102.486%;ascent-override:94.457%;descent-override:24.344%;line-gap-override:0%;unicode-range:U+21,U+33,U+35,U+3F,U+43-44,U+48,U+4B,U+4E-4F,U+51,U+58-5A,U+65,U+7A}
@font-face{font-family:yn-is-a;src:local("ArialMT");font-weight:500;size-adjust:108.335%;ascent-override:89.358%;descent-override:23.03%;line-gap-override:0%;unicode-range:U+2A,U+34,U+36,U+38-39,U+41,U+4C-4D,U+54,U+56,U+60,U+62-64,U+67-68,U+6B,U+6E-71,U+75-77,U+79,U+2013}
@font-face{font-family:yn-is-a;src:local("ArialMT");font-weight:500;size-adjust:113.33%;ascent-override:85.419%;descent-override:22.015%;line-gap-override:0%;unicode-range:U+22,U+24,U+26,U+57,U+5E,U+69-6A,U+6C-6D,U+72,U+78,U+A9}
@font-face{font-family:yn-is-a;src:local("ArialMT");font-weight:500;size-adjust:122.834%;ascent-override:78.81%;descent-override:20.311%;line-gap-override:0%;unicode-range:U+23,U+27-29,U+30,U+66,U+7B,U+7D,U+2018-2019,U+201C-201D}
@font-face{font-family:yn-is-a;src:local("ArialMT");font-weight:500;size-adjust:143%;ascent-override:67.696%;descent-override:17.447%;line-gap-override:0%;unicode-range:U+2D,U+2F,U+5B-5D,U+74,U+2191}
@font-face{font-family:yn-is-a;src:local("Arial-BoldMT");font-weight:600;size-adjust:69.001%;ascent-override:140.58%;descent-override:36.232%;line-gap-override:0%;unicode-range:U+20}
@font-face{font-family:yn-is-a;src:local("Arial-BoldMT");font-weight:600;size-adjust:43.343%;ascent-override:223.348%;descent-override:57.564%;line-gap-override:0%;unicode-range:U+B7}
@font-face{font-family:yn-is-a;src:local("Arial-BoldMT");font-weight:600;size-adjust:70.184%;ascent-override:137.931%;descent-override:35.549%;line-gap-override:0%;unicode-range:U+31,U+4A,U+2026}
@font-face{font-family:yn-is-a;src:local("Arial-BoldMT");font-weight:600;size-adjust:88.902%;ascent-override:108.89%;descent-override:28.064%;line-gap-override:0%;unicode-range:U+21,U+25,U+3A-3B,U+40,U+42,U+49,U+5F,U+73,U+7C,U+2014}
@font-face{font-family:yn-is-a;src:local("Arial-BoldMT");font-weight:600;size-adjust:94.701%;ascent-override:102.222%;descent-override:26.346%;line-gap-override:0%;unicode-range:U+22,U+2B,U+3C-3F,U+45,U+4C,U+52-53,U+5E,U+69-6A,U+6C,U+76,U+79,U+7E,U+D7,U+201C-201D,U+2212}
@font-face{font-family:yn-is-a;src:local("Arial-BoldMT");font-weight:600;size-adjust:99.611%;ascent-override:97.184%;descent-override:25.047%;line-gap-override:0%;unicode-range:U+2C,U+2E,U+32,U+37,U+46-48,U+4B,U+4E,U+50,U+55,U+61,U+63,U+68,U+6B,U+6E-6F,U+72,U+75,U+F7,U+2018-2019}
@font-face{font-family:yn-is-a;src:local("Arial-BoldMT");font-weight:600;size-adjust:102.838%;ascent-override:94.134%;descent-override:24.261%;line-gap-override:0%;unicode-range:U+26,U+33,U+35,U+41,U+43-44,U+4F,U+51,U+58-5A,U+60,U+62,U+64-65,U+67,U+6D,U+70-71,U+77-78,U+7A}
@font-face{font-family:yn-is-a;src:local("Arial-BoldMT");font-weight:600;size-adjust:110.117%;ascent-override:87.911%;descent-override:22.657%;line-gap-override:0%;unicode-range:U+24,U+27,U+2A,U+34,U+36,U+38-39,U+4D,U+54,U+56-57,U+66,U+7B,U+7D,U+A9,U+2013}
@font-face{font-family:yn-is-a;src:local("Arial-BoldMT");font-weight:600;size-adjust:123.228%;ascent-override:78.558%;descent-override:20.247%;line-gap-override:0%;unicode-range:U+23,U+28-29,U+30,U+5B,U+5D,U+74}
@font-face{font-family:yn-is-a;src:local("Arial-BoldMT");font-weight:600;size-adjust:150.77%;ascent-override:64.207%;descent-override:16.548%;line-gap-override:0%;unicode-range:U+2D,U+2F,U+5C,U+2191}
@font-face{font-family:yn-is-a;src:local("Arial-BoldMT");font-weight:700;size-adjust:68.5%;ascent-override:141.608%;descent-override:36.497%;line-gap-override:0%;unicode-range:U+20}
@font-face{font-family:yn-is-a;src:local("Arial-BoldMT");font-weight:700;size-adjust:49.548%;ascent-override:195.378%;descent-override:50.355%;line-gap-override:0%;unicode-range:U+B7}
@font-face{font-family:yn-is-a;src:local("Arial-BoldMT");font-weight:700;size-adjust:69.797%;ascent-override:138.696%;descent-override:35.746%;line-gap-override:0%;unicode-range:U+31,U+4A,U+2026}
@font-face{font-family:yn-is-a;src:local("Arial-BoldMT");font-weight:700;size-adjust:90.943%;ascent-override:106.446%;descent-override:27.434%;line-gap-override:0%;unicode-range:U+21,U+25,U+2B,U+3A-3E,U+40,U+42,U+45,U+49,U+52,U+5E-5F,U+73,U+7C,U+7E,U+D7,U+2014,U+2212}
@font-face{font-family:yn-is-a;src:local("Arial-BoldMT");font-weight:700;size-adjust:98.308%;ascent-override:98.472%;descent-override:25.379%;line-gap-override:0%;unicode-range:U+3F,U+46-48,U+4B-4C,U+4E,U+53,U+55,U+69-6A,U+6C,U+6F,U+75-76,U+79}
@font-face{font-family:yn-is-a;src:local("Arial-BoldMT");font-weight:700;size-adjust:102.473%;ascent-override:94.469%;descent-override:24.347%;line-gap-override:0%;unicode-range:U+22,U+2C,U+2E,U+32-33,U+35,U+37,U+41,U+43-44,U+4F-51,U+5A,U+60-65,U+67-68,U+6B,U+6E,U+70-72,U+77,U+7A,U+F7,U+2018-2019,U+201C-201D}
@font-face{font-family:yn-is-a;src:local("Arial-BoldMT");font-weight:700;size-adjust:110.118%;ascent-override:87.911%;descent-override:22.657%;line-gap-override:0%;unicode-range:U+24,U+26-27,U+2A,U+34,U+36,U+38-39,U+4D,U+54,U+56-59,U+66,U+6D,U+78,U+7B,U+7D,U+A9,U+2013}
@font-face{font-family:yn-is-a;src:local("Arial-BoldMT");font-weight:700;size-adjust:124.275%;ascent-override:77.896%;descent-override:20.076%;line-gap-override:0%;unicode-range:U+30,U+74}
@font-face{font-family:yn-is-a;src:local("Arial-BoldMT");font-weight:700;size-adjust:136.911%;ascent-override:70.707%;descent-override:18.223%;line-gap-override:0%;unicode-range:U+23,U+28-29,U+5B,U+5D}
@font-face{font-family:yn-is-a;src:local("Arial-BoldMT");font-weight:700;size-adjust:149.326%;ascent-override:64.828%;descent-override:16.708%;line-gap-override:0%;unicode-range:U+2D,U+2F,U+5C,U+2191}
@font-face{font-family:yn-is-a;src:local("ArialMT");font-weight:400;unicode-range:U+FFFF}
@font-face{font-family:yn-is-a;src:local("ArialMT");font-weight:500;unicode-range:U+FFFF}
@font-face{font-family:yn-is-a;src:local("Arial-BoldMT");font-weight:600;unicode-range:U+FFFF}
@font-face{font-family:yn-is-a;src:local("Arial-BoldMT");font-weight:700;unicode-range:U+FFFF}
@font-face{font-family:yn-is-r;src:local("Roboto"),local("Roboto-Regular");font-weight:400;size-adjust:80.501%;ascent-override:120.497%;descent-override:31.056%;line-gap-override:0%;unicode-range:U+20}
@font-face{font-family:yn-is-r;src:local("Roboto"),local("Roboto-Regular");font-weight:400;size-adjust:39.429%;ascent-override:245.519%;descent-override:63.278%;line-gap-override:0%;unicode-range:U+B7}
@font-face{font-family:yn-is-r;src:local("Roboto"),local("Roboto-Regular");font-weight:400;size-adjust:71.026%;ascent-override:136.296%;descent-override:35.127%;line-gap-override:0%;unicode-range:U+31,U+4A,U+7E}
@font-face{font-family:yn-is-r;src:local("Roboto"),local("Roboto-Regular");font-weight:400;size-adjust:98.769%;ascent-override:98.012%;descent-override:25.26%;line-gap-override:0%;unicode-range:U+2A-2B,U+2E,U+32-33,U+35,U+37-38,U+3C-3E,U+40,U+42,U+48-49,U+4D-4E,U+50,U+53,U+5A,U+5F,U+61,U+63,U+66,U+69-6A,U+6C,U+6F,U+73,U+77,U+7A,U+7C,U+D7,U+F7,U+2013,U+2026,U+2212}
@font-face{font-family:yn-is-r;src:local("Roboto"),local("Roboto-Regular");font-weight:400;size-adjust:110.822%;ascent-override:87.352%;descent-override:22.513%;line-gap-override:0%;unicode-range:U+21-29,U+2C-2D,U+2F-30,U+34,U+36,U+39-3B,U+3F,U+41,U+43-47,U+4B-4C,U+4F,U+51-52,U+54-59,U+5B-5E,U+60,U+62,U+64-65,U+67-68,U+6B,U+6D-6E,U+70-72,U+74-76,U+78-79,U+7B,U+7D,U+A9,U+2014,U+2018-2019,U+201C-201D}
@font-face{font-family:yn-is-r;src:local("Roboto-Medium");font-weight:500;size-adjust:79.001%;ascent-override:122.785%;descent-override:31.646%;line-gap-override:0%;unicode-range:U+20}
@font-face{font-family:yn-is-r;src:local("Roboto-Medium");font-weight:500;size-adjust:43.653%;ascent-override:221.762%;descent-override:57.155%;line-gap-override:0%;unicode-range:U+B7}
@font-face{font-family:yn-is-r;src:local("Roboto-Medium");font-weight:500;size-adjust:70.028%;ascent-override:138.238%;descent-override:35.628%;line-gap-override:0%;unicode-range:U+31,U+4A,U+7E}
@font-face{font-family:yn-is-r;src:local("Roboto-Medium");font-weight:500;size-adjust:99.812%;ascent-override:96.988%;descent-override:24.996%;line-gap-override:0%;unicode-range:U+2A-2B,U+2E,U+32-33,U+35,U+37-38,U+3A,U+3D-3E,U+40,U+42,U+48-49,U+4D-4E,U+50,U+52-53,U+5A,U+5F,U+61,U+63,U+66,U+69-6C,U+6F,U+73,U+7A,U+7C,U+D7,U+F7,U+2013,U+2026,U+2212}
@font-face{font-family:yn-is-r;src:local("Roboto-Medium");font-weight:500;size-adjust:110.615%;ascent-override:87.516%;descent-override:22.555%;line-gap-override:0%;unicode-range:U+21-29,U+2C-2D,U+2F-30,U+34,U+36,U+39,U+3B-3C,U+3F,U+41,U+43-47,U+4B-4C,U+4F,U+51,U+54-59,U+5B-5E,U+60,U+62,U+64-65,U+67-68,U+6D-6E,U+70-72,U+74-79,U+7B,U+7D,U+A9,U+2014,U+2018-2019,U+201C-201D}
@font-face{font-family:yn-is-r;src:local("Roboto-Bold");font-weight:600;size-adjust:78.001%;ascent-override:124.359%;descent-override:32.052%;line-gap-override:0%;unicode-range:U+20}
@font-face{font-family:yn-is-r;src:local("Roboto-Bold");font-weight:600;size-adjust:62.615%;ascent-override:154.605%;descent-override:39.846%;line-gap-override:0%;unicode-range:U+31,U+B7}
@font-face{font-family:yn-is-r;src:local("Roboto-Bold");font-weight:600;size-adjust:96.897%;ascent-override:99.906%;descent-override:25.748%;line-gap-override:0%;unicode-range:U+2A-2B,U+2E,U+32-33,U+35,U+37,U+3A,U+3D,U+40,U+42,U+49-4A,U+69-6A,U+6C,U+73,U+7A,U+7C,U+7E,U+F7,U+2013,U+2026,U+2212}
@font-face{font-family:yn-is-r;src:local("Roboto-Bold");font-weight:600;size-adjust:107.031%;ascent-override:90.446%;descent-override:23.311%;line-gap-override:0%;unicode-range:U+21,U+24-25,U+2C,U+34,U+36,U+38-39,U+3B-3C,U+3E,U+41,U+45-48,U+4B-4E,U+50,U+52-56,U+58-5A,U+5C,U+5F-68,U+6B,U+6D-72,U+75-77,U+79,U+A9,U+D7}
@font-face{font-family:yn-is-r;src:local("Roboto-Bold");font-weight:600;size-adjust:119.634%;ascent-override:80.918%;descent-override:20.855%;line-gap-override:0%;unicode-range:U+22-23,U+26-29,U+2D,U+2F-30,U+3F,U+43-44,U+4F,U+51,U+57,U+5B,U+5D-5E,U+74,U+78,U+7B,U+7D,U+2014,U+2018-2019,U+201C-201D}
@font-face{font-family:yn-is-r;src:local("Roboto-Bold");font-weight:700;size-adjust:76.001%;ascent-override:127.632%;descent-override:32.895%;line-gap-override:0%;unicode-range:U+20}
@font-face{font-family:yn-is-r;src:local("Roboto-Bold");font-weight:700;size-adjust:64.562%;ascent-override:149.942%;descent-override:38.645%;line-gap-override:0%;unicode-range:U+31,U+4A,U+B7}
@font-face{font-family:yn-is-r;src:local("Roboto-Bold");font-weight:700;size-adjust:99.14%;ascent-override:97.645%;descent-override:25.166%;line-gap-override:0%;unicode-range:U+2A-2B,U+2E,U+32-33,U+35,U+37,U+3A,U+3D,U+40,U+42,U+48-49,U+4D-4E,U+69,U+6C,U+73,U+7A,U+7C,U+7E,U+A9,U+F7,U+2013,U+2026,U+2212}
@font-face{font-family:yn-is-r;src:local("Roboto-Bold");font-weight:700;size-adjust:108.442%;ascent-override:89.269%;descent-override:23.007%;line-gap-override:0%;unicode-range:U+21,U+24-25,U+34,U+36,U+38-39,U+3B-3C,U+3E,U+41,U+43,U+45-47,U+4B-4C,U+50,U+52-56,U+58-5A,U+5C,U+5F-68,U+6A-6B,U+6D-72,U+75-77,U+79,U+D7}
@font-face{font-family:yn-is-r;src:local("Roboto-Bold");font-weight:700;size-adjust:121.691%;ascent-override:79.55%;descent-override:20.502%;line-gap-override:0%;unicode-range:U+22-23,U+26-29,U+2C-2D,U+2F-30,U+3F,U+44,U+4F,U+51,U+57,U+5B,U+5D-5E,U+74,U+78,U+7B,U+7D,U+2014,U+2018-2019,U+201C-201D}
@font-face{font-family:yn-is-r;src:local("Roboto"),local("Roboto-Regular");font-weight:400;unicode-range:U+FFFF}
@font-face{font-family:yn-is-r;src:local("Roboto-Medium");font-weight:500;unicode-range:U+FFFF}
@font-face{font-family:yn-is-r;src:local("Roboto-Bold");font-weight:600;unicode-range:U+FFFF}
@font-face{font-family:yn-is-r;src:local("Roboto-Bold");font-weight:700;unicode-range:U+FFFF}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:600;size-adjust:77.801%;ascent-override:124.679%;descent-override:37.275%;line-gap-override:0%;unicode-range:U+20}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:600;size-adjust:76.761%;ascent-override:126.113%;descent-override:37.704%;line-gap-override:0%;unicode-range:U+31,U+3A-3B,U+B7}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:600;size-adjust:91.165%;ascent-override:106.187%;descent-override:31.746%;line-gap-override:0%;unicode-range:U+21,U+3F,U+45-46,U+4C,U+60,U+7E,U+2013-2014,U+2019}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:600;size-adjust:99.038%;ascent-override:97.746%;descent-override:29.223%;line-gap-override:0%;unicode-range:U+22,U+25-26,U+2B-2C,U+2E,U+3C-3E,U+42,U+4B,U+50,U+52-54,U+59,U+5E,U+73,U+79-7B,U+7D,U+D7}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:600;size-adjust:109.532%;ascent-override:88.381%;descent-override:26.423%;line-gap-override:0%;unicode-range:U+27,U+32-33,U+37,U+41,U+43-44,U+47-48,U+4F,U+51,U+55-58,U+5A,U+5F,U+61,U+63,U+65,U+67-68,U+6B-6F,U+72,U+75-76,U+78}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:600;size-adjust:117.885%;ascent-override:82.119%;descent-override:24.551%;line-gap-override:0%;unicode-range:U+24,U+28-29,U+34-36,U+38-39,U+40,U+49-4A,U+4D-4E,U+5B,U+5D,U+62,U+64,U+66,U+69-6A,U+70-71,U+77}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:600;size-adjust:134.756%;ascent-override:71.837%;descent-override:21.477%;line-gap-override:0%;unicode-range:U+23,U+2A,U+2D,U+2F-30,U+5C,U+74,U+7C}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:700;size-adjust:75.561%;ascent-override:128.375%;descent-override:38.38%;line-gap-override:0%;unicode-range:U+20}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:700;size-adjust:121.549%;ascent-override:79.643%;descent-override:23.81%;line-gap-override:0%;unicode-range:U+30-39}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:700;size-adjust:81.83%;ascent-override:118.301%;descent-override:35.368%;line-gap-override:0%;unicode-range:U+3A-3B,U+B7}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:700;size-adjust:91.366%;ascent-override:105.954%;descent-override:31.676%;line-gap-override:0%;unicode-range:U+21,U+3F,U+45-46,U+4C,U+60,U+7E,U+2013-2014}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:700;size-adjust:99.967%;ascent-override:96.837%;descent-override:28.951%;line-gap-override:0%;unicode-range:U+22,U+25-26,U+2B-2C,U+2E,U+3C-3E,U+42,U+4B,U+50,U+52-54,U+59,U+73,U+79-7B,U+7D,U+D7,U+2019}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:700;size-adjust:109.401%;ascent-override:88.487%;descent-override:26.454%;line-gap-override:0%;unicode-range:U+27,U+41,U+43-44,U+47-48,U+4F,U+51,U+55-58,U+5A,U+5E-5F,U+61,U+63,U+65,U+67-68,U+6C-6F,U+72,U+75-76,U+78}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:700;size-adjust:118.223%;ascent-override:81.884%;descent-override:24.48%;line-gap-override:0%;unicode-range:U+24,U+28-29,U+40,U+49-4A,U+4D-4E,U+5B,U+5D,U+62,U+64,U+66,U+69-6B,U+70-71,U+77}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:700;size-adjust:132.166%;ascent-override:73.245%;descent-override:21.898%;line-gap-override:0%;unicode-range:U+23,U+2A,U+2D,U+2F,U+5C,U+74,U+7C}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:800;size-adjust:73.441%;ascent-override:132.081%;descent-override:39.488%;line-gap-override:0%;unicode-range:U+20}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:800;size-adjust:121.549%;ascent-override:79.643%;descent-override:23.81%;line-gap-override:0%;unicode-range:U+30-39}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:800;size-adjust:87.798%;ascent-override:110.259%;descent-override:32.964%;line-gap-override:0%;unicode-range:U+3A-3B,U+45,U+60,U+B7}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:800;size-adjust:94.537%;ascent-override:102.4%;descent-override:30.614%;line-gap-override:0%;unicode-range:U+21,U+3F,U+42,U+46,U+4C,U+7E,U+2013-2014}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:800;size-adjust:101.185%;ascent-override:95.672%;descent-override:28.603%;line-gap-override:0%;unicode-range:U+25-26,U+2B-2C,U+2E,U+3C-3E,U+50,U+52-54,U+59,U+73,U+79-7B,U+7D,U+D7,U+2019}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:800;size-adjust:109.907%;ascent-override:88.079%;descent-override:26.333%;line-gap-override:0%;unicode-range:U+22,U+27,U+41,U+43-44,U+47-48,U+4B,U+4F,U+51,U+55-58,U+5A,U+5E-5F,U+61,U+63,U+65,U+67-68,U+6D-6F,U+72,U+75-76,U+78}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:800;size-adjust:119.74%;ascent-override:80.846%;descent-override:24.17%;line-gap-override:0%;unicode-range:U+24,U+28-29,U+40,U+49-4A,U+4D-4E,U+5B,U+5D,U+62,U+64,U+66,U+69-6C,U+70-71,U+77}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:800;size-adjust:133.511%;ascent-override:72.507%;descent-override:21.677%;line-gap-override:0%;unicode-range:U+23,U+2A,U+2D,U+2F,U+5C,U+74,U+7C}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:600;unicode-range:U+FFFF}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:700;unicode-range:U+FFFF}
@font-face{font-family:yn-so-a;src:local("Arial-BoldMT");font-weight:800;unicode-range:U+FFFF}
@font-face{font-family:yn-so-r;src:local("Roboto-Bold");font-weight:600;size-adjust:86.921%;ascent-override:111.597%;descent-override:33.364%;line-gap-override:0%;unicode-range:U+20}
@font-face{font-family:yn-so-r;src:local("Roboto-Bold");font-weight:600;size-adjust:76.557%;ascent-override:126.449%;descent-override:37.804%;line-gap-override:0%;unicode-range:U+31,U+5C,U+60,U+7E,U+B7,U+2013}
@font-face{font-family:yn-so-r;src:local("Roboto-Bold");font-weight:600;size-adjust:110.124%;ascent-override:87.906%;descent-override:26.281%;line-gap-override:0%;unicode-range:U+21,U+24,U+26,U+28-29,U+2B-2C,U+2E-2F,U+32-35,U+37-38,U+3A-3B,U+3D-3F,U+41-42,U+45-46,U+48-4D,U+50,U+52-54,U+56,U+58-5A,U+61,U+65-66,U+68,U+6B-6E,U+72-73,U+75-76,U+78-7A,U+D7,U+2019}
@font-face{font-family:yn-so-r;src:local("Roboto-Bold");font-weight:600;size-adjust:123.793%;ascent-override:78.199%;descent-override:23.379%;line-gap-override:0%;unicode-range:U+22-23,U+25,U+27,U+2A,U+2D,U+30,U+36,U+39,U+3C,U+40,U+43-44,U+47,U+4E-4F,U+51,U+55,U+57,U+5B,U+5D-5F,U+62-64,U+67,U+69-6A,U+6F-71,U+74,U+77,U+7B-7D,U+2014}
@font-face{font-family:yn-so-r;src:local("Roboto-Bold");font-weight:700;size-adjust:84.421%;ascent-override:114.902%;descent-override:34.352%;line-gap-override:0%;unicode-range:U+20}
@font-face{font-family:yn-so-r;src:local("Roboto-Bold");font-weight:700;size-adjust:117.786%;ascent-override:82.188%;descent-override:24.571%;line-gap-override:0%;unicode-range:U+30-39}
@font-face{font-family:yn-so-r;src:local("Roboto-Bold");font-weight:700;size-adjust:90.603%;ascent-override:106.846%;descent-override:31.943%;line-gap-override:0%;unicode-range:U+2E,U+3A,U+54,U+5C,U+60,U+7A,U+7E,U+B7,U+2013}
@font-face{font-family:yn-so-r;src:local("Roboto-Bold");font-weight:700;size-adjust:111.997%;ascent-override:86.436%;descent-override:25.841%;line-gap-override:0%;unicode-range:U+24,U+26,U+28-29,U+2B-2C,U+2F,U+3B-3F,U+41-42,U+45-46,U+48-4A,U+4C-4D,U+50,U+52-53,U+56,U+58-5A,U+61,U+65-66,U+68,U+6D-6E,U+72-73,U+75,U+79,U+D7}
@font-face{font-family:yn-so-r;src:local("Roboto-Bold");font-weight:700;size-adjust:122.411%;ascent-override:79.082%;descent-override:23.643%;line-gap-override:0%;unicode-range:U+21-23,U+25,U+27,U+2A,U+2D,U+40,U+43-44,U+47,U+4B,U+4E-4F,U+51,U+55,U+57,U+5B,U+5D-5F,U+62-64,U+67,U+69-6C,U+6F-71,U+74,U+76-78,U+7B-7D,U+2014,U+2019}
@font-face{font-family:yn-so-r;src:local("Roboto-Bold");font-weight:800;size-adjust:82.261%;ascent-override:117.919%;descent-override:35.254%;line-gap-override:0%;unicode-range:U+20}
@font-face{font-family:yn-so-r;src:local("Roboto-Bold");font-weight:800;size-adjust:117.786%;ascent-override:82.188%;descent-override:24.571%;line-gap-override:0%;unicode-range:U+30-39}
@font-face{font-family:yn-so-r;src:local("Roboto-Bold");font-weight:800;size-adjust:91.911%;ascent-override:105.325%;descent-override:31.489%;line-gap-override:0%;unicode-range:U+2E,U+3A,U+46,U+54,U+5C,U+60,U+7A,U+7E,U+B7,U+2013}
@font-face{font-family:yn-so-r;src:local("Roboto-Bold");font-weight:800;size-adjust:113.189%;ascent-override:85.525%;descent-override:25.569%;line-gap-override:0%;unicode-range:U+24,U+26,U+28-29,U+2B-2C,U+2F,U+3B-3F,U+41-42,U+45,U+48-4A,U+4C-4D,U+50,U+52-53,U+55-56,U+58-5A,U+61,U+63,U+65-66,U+68,U+6D-6E,U+72-73,U+75,U+79,U+D7}
@font-face{font-family:yn-so-r;src:local("Roboto-Bold");font-weight:800;size-adjust:124.464%;ascent-override:77.778%;descent-override:23.253%;line-gap-override:0%;unicode-range:U+21-23,U+25,U+27,U+2A,U+2D,U+40,U+43-44,U+47,U+4B,U+4E-4F,U+51,U+57,U+5B,U+5D-5F,U+62,U+64,U+67,U+69-6C,U+6F-71,U+74,U+76-78,U+7B-7D,U+2014,U+2019}
@font-face{font-family:yn-so-r;src:local("Roboto-Bold");font-weight:600;unicode-range:U+FFFF}
@font-face{font-family:yn-so-r;src:local("Roboto-Bold");font-weight:700;unicode-range:U+FFFF}
@font-face{font-family:yn-so-r;src:local("Roboto-Bold");font-weight:800;unicode-range:U+FFFF}
/* FONT FALLBACK:END */
/* 빠른 재취업(restart) — 토큰은 demo/index.html · demo/employ-rank/style.css(사이트 결과 화면)와 같은 값. 다크 고정(2026-09-19).
   한 · 일 · 중 · 태국 글자는 기기 글꼴로 그리고 라틴 글자만 Sora · Instrument Sans 웹 글꼴(employ 와 같은 이유 · CSP font-src). */
/* 가운뎃점(U+00B7)은 Instrument Sans 글리프 폭이 1.3px 라 한글 사이에서 거의 안 보인다 → 그 한 글자만 기기 글꼴로(네트워크 요청 없음) */
@font-face{font-family:'KDot';src:local('Apple SD Gothic Neo'),local('AppleSDGothicNeo-Regular'),local('Noto Sans KR'),local('NotoSansKR-Regular'),local('Malgun Gothic');unicode-range:U+00B7}
:root{
  /* 2026-10-30 오너: 원래 라이트 시안으로(값 = research/2026-10-30-light-theme/PALETTE.md). 다크 값은 아래 :root[data-theme="dark"](이후 토글용).
     이 페이지엔 결과 카드가 없어 전부 라이트. --c-* · --prep-rgb 는 글자로도 쓰여 라이트 바탕에선 어두운 단계색 */
  --bg:#F5F6F9;--surface:#FFFFFF;--surface-2:#EFF1F6;--surface-3:#E2E6EF;
  --glass:rgba(255,255,255,.88);--glass-b:rgba(28,38,56,.11);
  --border:rgba(28,38,56,.10);--border-2:rgba(28,38,56,.24);
  --text:#161B26;--muted:#5B6476;--faint:#667185;--inv:#202735;--inv-text:#FFFFFF;--ring:#B52464;
  --top-bg:rgba(255,255,255,.91);--shadow-1:0 1px 2px rgba(28,38,56,.03),0 4px 12px rgba(28,38,56,.04);
  --shadow-2:0 2px 6px rgba(28,38,56,.03),0 12px 34px rgba(28,38,56,.07);--ov:rgba(22,29,43,.42);
  --c-low:#087D69;--c-med:#936100;--c-high:#BC471D;--c-vhigh:#BF245D;
  --prep-rgb:8,125,105;   /* [data-yn-group="prepare"] 생존하기 묶음 색 */
  --lead:#3A4253;--catch:#434B5C;--dd:#2A3140;--tint:rgba(28,38,56,.04);--tint-2:rgba(28,38,56,.08);--tint-3:rgba(28,38,56,.14);
  --controls-a:rgba(245,246,249,.97);--controls-b:rgba(245,246,249,0);--draft-bg:#FFF4D6;--draft-fg:#6B4A00;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#0B0D12;--surface:#12151E;--surface-2:#191D29;--surface-3:#232838;
  --glass:rgba(255,255,255,.05);--glass-b:rgba(255,255,255,.10);
  --border:rgba(255,255,255,.08);--border-2:rgba(255,255,255,.20);
  --text:#F2F4F8;--muted:#A3A9BA;--faint:#858CA0;--inv:#F5F6FA;--inv-text:#0B0D12;--ring:#F5F6FA;
  --top-bg:rgba(11,13,18,.72);--shadow-1:0 1px 2px rgba(0,0,0,.45),0 8px 24px rgba(0,0,0,.35);
  --shadow-2:0 10px 30px rgba(0,0,0,.4);--ov:rgba(3,5,11,.72);
  --c-low:#3DE8C6;--c-med:#FFC83D;--c-high:#FF7A45;--c-vhigh:#FF3D8A;
  --prep-rgb:61,232,198;
  --lead:#C9CEDA;--catch:#C3C8D4;--dd:#D6DAE3;--tint:rgba(255,255,255,.04);--tint-2:rgba(255,255,255,.07);--tint-3:rgba(255,255,255,.12);
  --controls-a:rgba(11,13,18,.97);--controls-b:rgba(11,13,18,0);--draft-bg:#2a2410;--draft-fg:#FFD86B;
  color-scheme:dark;
}
:root{
  --f-display:'KDot','Sora',yn-so-a,yn-so-r,'Noto Sans KR',system-ui,-apple-system,sans-serif;
  --f-body:'KDot','Instrument Sans',yn-is-a,yn-is-r,'Noto Sans KR',system-ui,-apple-system,'Segoe UI',sans-serif;
}
#root[lang="ja"]{--f-display:'KDot','Sora',yn-so-a,yn-so-r,'Noto Sans JP',system-ui,-apple-system,sans-serif;--f-body:'KDot','Instrument Sans',yn-is-a,yn-is-r,'Noto Sans JP',system-ui,-apple-system,'Segoe UI',sans-serif}
#root[lang="zh-TW"]{--f-display:'Sora',yn-so-a,yn-so-r,'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif;--f-body:'Instrument Sans',yn-is-a,yn-is-r,'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif}
#root[lang="th"]{--f-display:'Sora',yn-so-a,yn-so-r,'Noto Sans Thai','Leelawadee UI','Thonburi',sans-serif;--f-body:'Instrument Sans',yn-is-a,yn-is-r,'Noto Sans Thai','Leelawadee UI','Thonburi',sans-serif}
*{box-sizing:border-box}
html,body{background:var(--bg);color:var(--text)}
body{margin:0;font:400 15px/1.5 var(--f-body);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
#root{font-family:var(--f-body)}
#root[lang="ko"]{word-break:keep-all}
:lang(ja) h1,:lang(ja) h2{word-break:auto-phrase}
a{color:inherit}
p{margin:0}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.draft{background:var(--draft-bg);color:var(--draft-fg);font:600 12px/1.4 var(--f-body);text-align:center;padding:7px 14px;border-bottom:1px solid #FFC83D33}

/* ---------- top bar (사이트와 같음) ---------- */
.top{position:sticky;top:0;z-index:40;background:var(--top-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
.top-in{max-width:1040px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px;gap:8px;padding:0 14px}
.brand{display:inline-flex;align-items:center;gap:9px;font:700 16px/1 var(--f-display);letter-spacing:-.01em;text-decoration:none;white-space:nowrap;color:var(--text)}
.mark{display:inline-block;width:18px;height:18px;border-radius:50%;background:conic-gradient(from 210deg,#3DE8C6,#FFC83D,#FF7A45,#FF3D8A,#3DE8C6);-webkit-mask:radial-gradient(circle,transparent 38%,#000 43%);mask:radial-gradient(circle,transparent 38%,#000 43%);flex:none}
.pick{position:relative}
.pick summary{list-style:none;cursor:pointer;display:inline-flex;flex-direction:column;justify-content:center;gap:3px;height:44px;padding:0 28px 0 13px;border-radius:13px;background:var(--glass);border:1px solid var(--glass-b);position:relative}
.pick summary::-webkit-details-marker{display:none}
.pick summary:after{content:'';position:absolute;right:11px;top:50%;width:6px;height:6px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(45deg)}
.pick-k{font:600 9.5px/1 var(--f-body);letter-spacing:.04em;color:var(--muted)}
.pick-v{font:600 13px/1.15 var(--f-body);white-space:nowrap}
.pick ul{position:absolute;right:0;top:50px;z-index:50;list-style:none;margin:0;padding:6px;min-width:190px;background:var(--surface);border:1px solid var(--border-2);border-radius:14px;box-shadow:var(--shadow-1)}
.pick li a{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:9px;text-decoration:none;font:600 14px var(--f-body)}
.pick li a:hover,.pick li a[aria-current]{background:var(--surface-3)}

/* ---------- page ---------- */
.wrap{width:100%;max-width:720px;margin:0 auto;padding:18px 20px 0;display:flex;flex-direction:column;gap:16px}
@media(min-width:768px){.wrap{padding-left:32px;padding-right:32px}}
.eyebrow{font:600 12px/1.2 var(--f-body);letter-spacing:.02em;color:rgb(var(--prep-rgb))}
h1{font:800 clamp(27px,7.2vw,38px)/1.22 var(--f-display);letter-spacing:-.03em;margin:0;text-wrap:balance}
h2{font:700 20px/1.3 var(--f-body);margin:0;text-wrap:balance;letter-spacing:-.01em}
.small{font-size:13px;line-height:1.5}.faint{color:var(--faint)}.muted{color:var(--muted)}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:12px}
.hero{display:flex;flex-direction:column;gap:12px;padding-top:6px}
.hero .spec{height:4px;border-radius:4px;background:linear-gradient(90deg,#3DE8C6,#5CB8FF);width:96px}
.lead{font-size:15.5px;line-height:1.65;color:var(--lead)}
/* 공유 줄(2026-10-29, src/client/quiz-share.js가 그린다): 소개 밑, 이 페이지 색 */
.share-row{--yqs-margin:2px 0 0;--yqs-bg:var(--surface-2);--yqs-line:var(--tint-3);--yqs-bg-h:var(--surface-3);--yqs-fs:11.5px;--yqs-h:56px;--yqs-gap:6px;--yqs-min:48px;--yqs-font:var(--f-body);max-width:560px}
/* six buttons on a phone (US / CA: Facebook · WhatsApp · Reddit · X · Copy link · More): two rows of three, no label cut */
@media(max-width:420px){.share-row .yqs:has(.yqs-b:nth-child(6):not([hidden])){--yqs-min:30%}}
.share-row[hidden]{display:none}
.rj-toast{position:fixed;left:50%;bottom:calc(96px + var(--yn-anchor,0px));transform:translateX(-50%);z-index:1200;max-width:calc(100vw - 32px);width:max-content;padding:12px 18px;border-radius:12px;background:#e9f4ef;color:#12271f;font:600 13.5px/1.45 var(--f-body);box-shadow:var(--shadow-2)}
.rj-toast[hidden]{display:none}

/* ---------- 출처 확인하기(팝업) · 자세히 보기 — 2026-10-20 오너: 출처는 맨 윗줄 오른쪽 작은 글씨, 설명은 접어 둔다 ---------- */
.eyebrow-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:31px}
.src-open{flex:none;margin-left:auto;min-height:31px;padding:4px 0 4px 8px;border:0;background:none;color:var(--faint);font:500 12px/1.3 var(--f-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap}
.src-open:hover{color:var(--text)}
.src-dlg{width:min(560px,calc(100% - 24px));max-height:min(80dvh,720px);margin:auto;padding:0;border:1px solid var(--border-2);border-radius:20px;background:var(--surface);color:var(--text);overflow:auto;overscroll-behavior:contain;box-shadow:var(--shadow-2)}
.src-dlg::backdrop{background:var(--ov)}
:root[data-theme="dark"] .src-dlg{box-shadow:0 20px 80px rgba(0,0,0,.6)}
.src-h{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 0 20px;background:var(--surface)}
.src-h h2{font-size:17px}
.src-x{flex:none;width:44px;height:44px;margin-left:auto;border:0;border-radius:999px;background:none;color:var(--muted);font:500 24px/1 var(--f-body);cursor:pointer}
.src-b{padding:4px 20px 20px;display:flex;flex-direction:column;gap:12px}
/* 자세히 보기(2026-10-21 오너: 빈 테두리에 글자 하나라 누르면 펼쳐진다는 느낌이 없다) → 채워진 단추: 52px · 굵은 본문색 글자 · 원 안의 아래 화살표.
   열리면 화살표가 뒤집힌다. 앱(simplify.css .yn-more) · 인생 난이도 · 취업 서열과 같은 치수. 화살표와 원은 ::after 하나(본문색 + SVG 마스크) */
details.more>summary{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;margin:0;padding:0 18px;border:1px solid var(--border-2);border-radius:14px;background:var(--surface-3);color:var(--text);font:700 15px/1.3 var(--f-body);text-align:center;list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s,transform .12s}
@supports (color:color-mix(in srgb,red 9%,blue)){details.more>summary{border-color:color-mix(in srgb,var(--text) 22%,transparent);background:color-mix(in srgb,var(--text) 9%,var(--bg))}}
details.more>summary::-webkit-details-marker{display:none}
details.more>summary::after{content:'';flex:none;display:block;width:26px;height:26px;border-radius:50%;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E") center/16px 16px no-repeat,radial-gradient(circle closest-side,rgba(0,0,0,.13) calc(100% - .75px),transparent 100%);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E") center/16px 16px no-repeat,radial-gradient(circle closest-side,rgba(0,0,0,.13) calc(100% - .75px),transparent 100%);transition:transform .2s ease}
details.more[open]>summary::after{transform:rotate(180deg)}
details.more[open]>summary{margin-bottom:12px}
@media(hover:hover){details.more>summary:hover{background:var(--surface-3)}@supports (color:color-mix(in srgb,red 9%,blue)){details.more>summary:hover{background:color-mix(in srgb,var(--text) 14%,var(--bg))}}}
details.more>summary:active{transform:scale(.99)}
details.more>summary:focus-visible{outline:2px solid var(--ring);outline-offset:3px}
@media(prefers-reduced-motion:reduce){details.more>summary,details.more>summary::after{transition:none}}

/* ---------- 먼저 할 일 ---------- */
.first h2{font-size:17px}
.first-row{display:grid;grid-template-columns:28px 1fr;gap:4px 10px;padding-top:12px;border-top:1px solid var(--border)}
.first-row:first-of-type{border-top:0;padding-top:2px}
.first-row .no{grid-row:span 3;width:26px;height:26px;border-radius:9px;display:grid;place-items:center;font:700 12px var(--f-display);background:rgba(var(--prep-rgb),.07);color:rgb(var(--prep-rgb))}
:root[data-theme="dark"] .first-row .no{background:rgba(var(--prep-rgb),.12)}
.first-row b{font:700 15px/1.4 var(--f-body)}
.first-row p{font-size:13.5px;line-height:1.6;color:var(--muted)}
.first-row a{font:600 13px var(--f-body);color:rgb(var(--prep-rgb));text-decoration:none;justify-self:start;padding:4px 0}

/* ---------- controls ---------- */
.controls{position:sticky;top:56px;z-index:30;margin:0 -20px;padding:10px 20px;background:linear-gradient(180deg,var(--controls-a) 78%,var(--controls-b));display:flex;flex-direction:column;gap:8px}
@media(min-width:768px){.controls{margin:0 -32px;padding:10px 32px}}
.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:-4px -20px;padding:4px 20px}   /* 위아래 4px: 초점 테두리가 잘리지 않게 */
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;border:1px solid var(--glass-b);background:var(--glass);border-radius:999px;height:36px;padding:0 14px;font:600 13.5px var(--f-body);color:var(--muted);white-space:nowrap;cursor:pointer}
.chip small{font-weight:500;opacity:.85;margin-left:1px}   /* .7 은 대비 4.33:1 — AA(4.5) 미달 */
.chip[aria-pressed="true"]{background:var(--inv);color:var(--inv-text);border-color:var(--inv)}
.sortrow{display:flex;align-items:center;justify-content:space-between;gap:8px}
.seg{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:3px;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}
.seg button{border:0;background:none;color:var(--muted);height:32px;padding:0 10px;border-radius:9px;font:600 12px var(--f-body);white-space:nowrap;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--surface-3);color:var(--text)}
.sort-note{font-size:13px;line-height:1.55;color:var(--muted);padding:2px 2px 0}

/* ---------- stages ---------- */
.stage{display:flex;flex-direction:column;gap:10px}
.stage-h{display:flex;flex-direction:column;gap:4px;padding:14px 2px 2px}
.stage-h .tag{font:700 11.5px/1 var(--f-body);color:rgb(var(--prep-rgb));letter-spacing:.02em}
.jobs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}

/* ---------- job card ---------- */
.job{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden}
.job[open]{border-color:var(--border-2)}
.job summary{list-style:none;cursor:pointer;padding:16px 16px 14px;display:flex;flex-direction:column;gap:12px;border-radius:20px}
/* .job 의 overflow:hidden 이 바깥 테두리를 자르므로 초점 테두리는 안쪽에 그린다 */
.job summary:focus-visible{outline:2px solid var(--ring);outline-offset:-4px}
.job summary::-webkit-details-marker{display:none}
.job-h{display:flex;align-items:center;gap:11px}
.job-t,.catch{display:block}
.job-ico{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:21px;background:var(--surface-2);border:1px solid var(--border)}
.job-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.job-name{display:block;font:700 16px/1.3 var(--f-body);letter-spacing:-.01em}
.kind{display:block;font:600 11px/1.2 var(--f-body);color:var(--faint)}
.chev{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--glass);transition:transform .2s}
.chev:before{content:'';width:6px;height:6px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-1px) rotate(45deg)}
.job[open] .chev{transform:rotate(180deg)}
.stats{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,1fr);gap:6px}
.stats>span{min-width:0;display:flex;flex-direction:column;gap:4px;background:var(--tint);border:1px solid var(--border);border-radius:13px;padding:9px 10px 8px}
.stats .k{display:block;font:600 10.5px/1.25 var(--f-body);color:var(--faint)}
.stats b{display:block;font:800 15px/1.2 var(--f-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:normal}
.stats b small{font:600 11px var(--f-body);margin-left:1px;letter-spacing:0;color:var(--muted)}
.stats .pay b.long{font-size:13px}
.stats .ai b{display:flex;flex-wrap:wrap;align-items:center;gap:0 5px}
/* 휴대폰 폭: 첫 월급 · 월 수입 두 칸 + 아래 한 줄에 AI 대체까지(세 칸이면 '24년 4개월' · '$3,560–4,370/mo' 가 칸을 넘는다) */
@media(max-width:479px){.stats{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.stats .ai{grid-column:span 2;flex-direction:row;flex-wrap:wrap;align-items:center;gap:2px 10px}.stats .ai .k{flex:1 1 auto}}
.stats .ai i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--tc);box-shadow:0 0 8px var(--tc)}
.stats .ai em{font:600 10.5px/1.2 var(--f-body);font-style:normal;color:var(--tc)}
.t-vhigh{--tc:var(--c-vhigh)}.t-high{--tc:var(--c-high)}.t-med{--tc:var(--c-med)}.t-low{--tc:var(--c-low)}.t-none{--tc:var(--faint)}
.tbar{position:relative;height:6px;border-radius:4px;background:var(--tint-2);margin:0 2px}
.tbar i{position:absolute;top:-2px;bottom:-2px;width:1px;background:var(--tint-3)}
.tbar span{position:absolute;top:0;bottom:0;border-radius:4px;background:rgb(var(--prep-rgb));box-shadow:0 0 10px rgba(var(--prep-rgb),.55);min-width:6px}
.catch{font-size:13.5px;line-height:1.55;color:var(--catch);padding-left:10px;border-left:2px solid var(--tint-3)}
.job-more{padding:0 16px 16px;display:flex;flex-direction:column;gap:12px}
.job-more .catch{display:block;margin:0}
.job-more dl{margin:0;display:grid;grid-template-columns:minmax(64px,auto) minmax(0,1fr);gap:9px 12px;padding-top:12px;border-top:1px solid var(--border)}
.job-more dt{font:600 12px/1.55 var(--f-body);color:var(--faint);max-width:108px;overflow-wrap:normal;hyphens:auto}
.job-more dd{margin:0;font-size:13.5px;line-height:1.6;color:var(--dd)}
.src{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px;font-size:12px;line-height:1.5;color:var(--faint)}
.src a{color:var(--muted);text-underline-offset:2px}
.job-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-b);font:600 13px var(--f-body);text-decoration:none}
.job-links a:after{content:'→';color:var(--muted)}

/* ---------- method · foot ---------- */
.method h3{margin:0 0 8px;font:700 15px/1.4 var(--f-body)}
.method ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:7px;font-size:13.5px;line-height:1.6;color:var(--muted)}
.foot-note{font-size:12px;line-height:1.6;color:var(--faint);padding:4px 2px 0}
.foot{max-width:720px;margin:28px auto 0;padding:22px 20px 48px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12.5px;color:var(--faint)}
.foot a{color:var(--muted);text-decoration:none}
@media(max-width:359px){.sortrow{flex-wrap:wrap}.seg{flex:1 1 100%}.seg button{flex:1 1 0;white-space:normal;line-height:1.2;height:auto;min-height:32px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}