@font-face{font-family:'Fraunces';font-style:normal;font-weight:400 700;font-display:swap;src:url(font/fraunces-normal-latin.62785484aa.woff2) format('woff2');unicode-range:U+20-7E,U+A7,U+A9-AB,U+B0,U+B2,U+B7,U+BB,U+C0,U+C5,U+C8-C9,U+D6-D7,U+DC,U+DF-E2,U+E4-E5,U+E7-EA,U+EC-EE,U+F1-F4,U+F6,U+F8-FD,U+131,U+2013-2014,U+2018-2019,U+201C-201D,U+2026,U+2032,U+2039-203A,U+20AC,U+2212}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:400 700;font-display:swap;src:url(font/fraunces-normal-latin-ext.73cdbd0213.woff2) format('woff2');unicode-range:U+20,U+41,U+100-101,U+107,U+10D,U+112-113,U+11B,U+127,U+12A-12B,U+142,U+14C-14D,U+15A-15B,U+161,U+16B,U+2C7,U+1E0D,U+1E17,U+1E25,U+1E43,U+1E47,U+1E5A-1E5B,U+1E63,U+1E6D}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:400 700;font-display:swap;src:url(font/fraunces-italic-latin.63d9df0d39.woff2) format('woff2');unicode-range:U+20-7E,U+A7,U+A9-AB,U+B0,U+B2,U+B7,U+BB,U+C0,U+C5,U+C8-C9,U+D6-D7,U+DC,U+DF-E2,U+E4-E5,U+E7-EA,U+EC-EE,U+F1-F4,U+F6,U+F8-FD,U+131,U+2013-2014,U+2018-2019,U+201C-201D,U+2026,U+2032,U+2039-203A,U+20AC,U+2212}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:400 700;font-display:swap;src:url(font/fraunces-italic-latin-ext.dac4af476b.woff2) format('woff2');unicode-range:U+20,U+41,U+100-101,U+107,U+10D,U+112-113,U+11B,U+127,U+12A-12B,U+142,U+14C-14D,U+15A-15B,U+161,U+16B,U+2C7,U+1E0D,U+1E17,U+1E25,U+1E43,U+1E47,U+1E5A-1E5B,U+1E63,U+1E6D}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url(font/figtree-400-latin.333cd8c424.woff2) format('woff2');unicode-range:U+20-7E,U+A0-AC,U+AE-FF,U+102,U+131,U+152-153,U+2013-2014,U+2018-2019,U+201C-201D,U+2026,U+2039-203A,U+20AC,U+2191,U+2193,U+2212}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url(font/figtree-400-latin-ext.ab8a6aec42.woff2) format('woff2');unicode-range:U+20,U+41,U+A0,U+C1,U+100-113,U+116-127,U+12A-12B,U+12E-130,U+132-137,U+139-13E,U+141-148,U+14A-14D,U+150-151,U+154-161,U+164-165,U+16A-17E,U+1CD-1CE,U+2C7}
@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url(font/figtree-500-latin.1bec812988.woff2) format('woff2');unicode-range:U+20-7E,U+A0-AC,U+AE-FF,U+102,U+131,U+152-153,U+2013-2014,U+2018-2019,U+201C-201D,U+2026,U+2039-203A,U+20AC,U+2191,U+2193,U+2212}
@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url(font/figtree-500-latin-ext.4d0d476dac.woff2) format('woff2');unicode-range:U+20,U+41,U+A0,U+C1,U+100-113,U+116-127,U+12A-12B,U+12E-130,U+132-137,U+139-13E,U+141-148,U+14A-14D,U+150-151,U+154-161,U+164-165,U+16A-17E,U+1CD-1CE,U+2C7}
@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url(font/figtree-600-latin.67515e083b.woff2) format('woff2');unicode-range:U+20-7E,U+A0-AC,U+AE-FF,U+102,U+131,U+152-153,U+2013-2014,U+2018-2019,U+201C-201D,U+2026,U+2039-203A,U+20AC,U+2191,U+2193,U+2212}
@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url(font/figtree-600-latin-ext.b29c34552a.woff2) format('woff2');unicode-range:U+20,U+41,U+A0,U+C1,U+100-113,U+116-127,U+12A-12B,U+12E-130,U+132-137,U+139-13E,U+141-148,U+14A-14D,U+150-151,U+154-161,U+164-165,U+16A-17E,U+1CD-1CE,U+2C7}
@font-face{font-family:'Figtree';font-style:normal;font-weight:700;font-display:swap;src:url(font/figtree-700-latin.4d28aef018.woff2) format('woff2');unicode-range:U+20-7E,U+A0-AC,U+AE-FF,U+102,U+131,U+152-153,U+2013-2014,U+2018-2019,U+201C-201D,U+2026,U+2039-203A,U+20AC,U+2191,U+2193,U+2212}
@font-face{font-family:'Figtree';font-style:normal;font-weight:700;font-display:swap;src:url(font/figtree-700-latin-ext.40f6daf482.woff2) format('woff2');unicode-range:U+20,U+41,U+A0,U+C1,U+100-113,U+116-127,U+12A-12B,U+12E-130,U+132-137,U+139-13E,U+141-148,U+14A-14D,U+150-151,U+154-161,U+164-165,U+16A-17E,U+1CD-1CE,U+2C7}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-22.ace9f28624.woff2) format('woff2');unicode-range:U+9E31,U+9E49-9E4A,U+9E66}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-23.a24873e0cf.woff2) format('woff2');unicode-range:U+9C8B,U+9CDC,U+9E20,U+9E2E}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-24.43951c70cd.woff2) format('woff2');unicode-range:U+9AC0,U+9B2F}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-25.117dc311d1.woff2) format('woff2');unicode-range:U+9975,U+9981,U+998B,U+9A6E}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-26.75705f74c9.woff2) format('woff2');unicode-range:U+9776,U+9798,U+97EA,U+9877,U+9889,U+9893,U+9899,U+98A2}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-27.1fb98d80c0.woff2) format('woff2');unicode-range:U+95C7,U+9602,U+9612,U+961D,U+9642,U+9661,U+9668,U+9670,U+967D,U+9685,U+968D,U+9698,U+96BC,U+96C9,U+96F9}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-28.9fa6675549.woff2) format('woff2');unicode-range:U+9532,U+9543,U+954D}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-29.2b601bc019.woff2) format('woff2');unicode-range:U+9485,U+94C4,U+94C9}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-31.37f0657473.woff2) format('woff2');unicode-range:U+9163,U+91A2,U+91AF}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-32.8f1ef13cea.woff2) format('woff2');unicode-range:U+900B,U+9016,U+901E,U+9041,U+9044,U+904F-9050,U+905B,U+9085,U+9149,U+914C,U+9157,U+915D}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-33.1fd9efaf44.woff2) format('woff2');unicode-range:U+8E47,U+8E4B,U+8E6C,U+8E74,U+8E7F,U+8E85,U+8EAC,U+8ECA,U+8F7C,U+8F99,U+8FB6,U+8FC2,U+8FE8,U+8FF8}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-34.11846aa40c.woff2) format('woff2');unicode-range:U+8D30,U+8D32,U+8D3D,U+8D42-8D43,U+8D4D,U+8D61,U+8D66,U+8DDB,U+8DE4,U+8DE9,U+8DFB,U+8E0A,U+8E2F,U+8E39}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-35.374051e148.woff2) format('woff2');unicode-range:U+8BA0,U+8BA5,U+8BB9,U+8BC2,U+8BD2,U+8BE7,U+8BEB-8BEC,U+8BF0,U+8BFD,U+8C0F,U+8C1F,U+8C24,U+8C2C,U+8C34,U+8C4A,U+8C55}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-36.ade92c54d2.woff2) format('woff2');unicode-range:U+8A18,U+8A33,U+8AA0,U+8AD6,U+8AED,U+8B6C}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-37.2d887dbc16.woff2) format('woff2');unicode-range:U+8882,U+8884,U+88B1,U+88D2,U+88D8,U+88F3-88F4,U+892B,U+894C,U+8980,U+89A7,U+89CC,U+89DE}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-38.a9132734be.woff2) format('woff2');unicode-range:U+8747,U+87C6,U+8839,U+884E,U+8853,U+8862,U+8864}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-39.91774e7150.woff2) format('woff2');unicode-range:U+85D0,U+85D5,U+85DC,U+85DF,U+85E9,U+8638,U+864F,U+8654,U+8662,U+86CA,U+86E4,U+86F0}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-40.c2c2d5bb35.woff2) format('woff2');unicode-range:U+83D1,U+8449,U+84BA,U+84BF,U+8500,U+8511,U+853C,U+8543}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-41.9b9963ffe8.woff2) format('woff2');unicode-range:U+82CB,U+82DE,U+8300,U+8340,U+8364,U+83BD}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-42.4f14c0e492.woff2) format('woff2');unicode-range:U+8191,U+8198,U+819B,U+81E7,U+821C,U+826E,U+8279}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-43.c09d55009b.woff2) format('woff2');unicode-range:U+8028,U+804B,U+8072,U+808F,U+80B1,U+80DA,U+80E7,U+80F3,U+8122,U+8153}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-44.1ea32ef0fb.woff2) format('woff2');unicode-range:U+7EF0,U+7F2A,U+7F36,U+7F54,U+7F85,U+7F9D,U+7FA9,U+7FB2,U+7FB8,U+7FE9,U+8006,U+800B}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-45.034c72f7f3.woff2) format('woff2');unicode-range:U+7E47,U+7E58,U+7E7B,U+7E82,U+7E9F,U+7EA3,U+7EAD,U+7EC2,U+7EE2,U+7EE5}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-46.5520475e26.woff2) format('woff2');unicode-range:U+7D0A,U+7D4C}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-47.6ae6edbb12.woff2) format('woff2');unicode-range:U+7C07,U+7C0B,U+7C2A,U+7C38,U+7CBD}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-48.d844df94f0.woff2) format('woff2');unicode-range:U+7AFF,U+7B03,U+7B3A,U+7B50,U+7B6E,U+7B8D,U+7B95,U+7BB4}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-49.3bcbf46e22.woff2) format('woff2');unicode-range:U+79AE,U+79B4,U+79E7,U+7A0A,U+7A37,U+7A3C,U+7A98,U+7A9C,U+7A9E,U+7ABF}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-50.65109472c4.woff2) format('woff2');unicode-range:U+78CB,U+78D0,U+7901,U+7940,U+7949,U+7957,U+7980}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-51.271dcefc62.woff2) format('woff2');unicode-range:U+7728,U+772F,U+7736,U+7766,U+776C,U+777D,U+7785,U+77AD,U+77CD,U+7830}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-52.d9cd1a20aa.woff2) format('woff2');unicode-range:U+761F,U+7629,U+7638,U+7678,U+768B,U+76A4,U+76B2,U+76CD-76CE,U+76E5,U+76F1,U+76F9,U+7707-7708,U+771A}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-53.8abef4a234.woff2) format('woff2');unicode-range:U+752D,U+7572,U+7592,U+7599,U+75B5,U+75EA,U+75F9}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-54.d8ea2eacec.woff2) format('woff2');unicode-range:U+74A9,U+74E2,U+74EE,U+7503}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-55.3cb03dde62.woff2) format('woff2');unicode-range:U+7316,U+7329,U+733E,U+73A0,U+73E3}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-56.59d6dab8b7.woff2) format('woff2');unicode-range:U+71A8,U+71B9,U+722B,U+723B,U+7256,U+725D,U+72AD,U+72C8,U+72E1}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-57.859cdf92f3.woff2) format('woff2');unicode-range:U+704B,U+706C,U+70AF,U+70D9,U+70FA,U+7109,U+717D,U+7184}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-58.a5296da5c7.woff2) format('woff2');unicode-range:U+6F66,U+6FA4,U+6FC2,U+6FD2,U+6FE0-6FE1}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-59.d0fd45a2a8.woff2) format('woff2');unicode-range:U+6DC6,U+6DCC,U+6DE4,U+6E0E,U+6E25,U+6E2B,U+6E3A,U+6E4D,U+6E89,U+6E9F,U+6EC9,U+6ED4}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-60.e234e5cf47.woff2) format('woff2');unicode-range:U+6CB1,U+6CBC,U+6D0A,U+6D1F,U+6D3C,U+6D52,U+6D5A,U+6D95,U+6D9D,U+6D9F,U+6DA3,U+6DAE}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-61.faac6e8193.woff2) format('woff2');unicode-range:U+6B83,U+6B86,U+6BCB,U+6C23,U+6C35,U+6C54,U+6C5B,U+6C72,U+6C79,U+6C8F,U+6CAC,U+6CAE}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-62.afc770f189.woff2) format('woff2');unicode-range:U+6A3D,U+6B24,U+6B79}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-63.24ac785192.woff2) format('woff2');unicode-range:U+68F0,U+692D,U+6942,U+69D0}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-64.2843bdbdd4.woff2) format('woff2');unicode-range:U+67C5,U+67D2,U+6829,U+683B,U+6840,U+684E,U+6853,U+6861,U+6868,U+6877,U+688F,U+68A2}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-65.34889df2ee.woff2) format('woff2');unicode-range:U+6654,U+6664,U+6666,U+6684,U+66F3,U+66F7,U+6726}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-66.32d0ab2f69.woff2) format('woff2');unicode-range:U+6518,U+6538,U+6555,U+655D,U+659F,U+6603,U+6607,U+662B}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-67.85ab4ce9c3.woff2) format('woff2');unicode-range:U+63BA,U+63CD,U+63E0,U+63E3,U+63EA,U+6400,U+6479,U+6485,U+6487,U+64AC}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-68.0568103bc0.woff2) format('woff2');unicode-range:U+622E,U+624C,U+62A1,U+62A8,U+62C2,U+62C4,U+62C8,U+62D9,U+62E3,U+62E7,U+62F4,U+630E,U+631B,U+631F,U+634D-634E,U+6376,U+6396,U+63A3}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-69.2425fe8ef7.woff2) format('woff2');unicode-range:U+60ED-60EE,U+60F0,U+6106,U+6120,U+6123,U+612C,U+6151,U+6177,U+61A7,U+620B,U+620E,U+6215}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-70.7a8e7a52db.woff2) format('woff2');unicode-range:U+5FC4,U+5FD2,U+5FFF,U+600D,U+6020,U+602F,U+607B,U+60B1,U+60CB,U+60E6,U+60EA}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-71.1ad2a4d032.woff2) format('woff2');unicode-range:U+5EB5-5EB6,U+5ECC,U+5F0B,U+5F11,U+5F3C,U+5F56,U+5F58,U+5F73,U+5F8A,U+5F98-5F99,U+5FB5}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-72.e0f35e3660.woff2) format('woff2');unicode-range:U+5DF3,U+5DFD,U+5E1B,U+5E79,U+5E87,U+5E96}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-73.127b79e833.woff2) format('woff2');unicode-range:U+5C44,U+5C66,U+5C79,U+5C94,U+5CD9,U+5CED}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-74.8a5648f153.woff2) format('woff2');unicode-range:U+5AB2,U+5ABE,U+5AE6,U+5B5A,U+5B6A,U+5B70,U+5B80,U+5BA5,U+5BD8,U+5BE5}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-75.f10389e6f8.woff2) format('woff2');unicode-range:U+59A3,U+59BE,U+59E4-59E5,U+5A23,U+5A6A,U+5A75}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-76.9842190f9a.woff2) format('woff2');unicode-range:U+5889,U+58EC,U+5902,U+5919,U+5924,U+592C,U+592F}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-77.d5c10f47f8.woff2) format('woff2');unicode-range:U+57A6,U+57F6,U+5803}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-78.a921c0bbf4.woff2) format('woff2');unicode-range:U+5608,U+5676,U+568F,U+56B7,U+56D7,U+56DF,U+56F1}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-79.38a6923b00.woff2) format('woff2');unicode-range:U+5520,U+552C,U+553E,U+5543,U+556C,U+5570,U+55D1,U+55DF,U+55E3,U+55E6}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-80.1a8d460652.woff2) format('woff2');unicode-range:U+53E8,U+53FC,U+540F,U+5412,U+541D,U+5429,U+542D,U+543D,U+545B-545C,U+5480,U+548E,U+5490,U+5499,U+54A5,U+54A7,U+54C9,U+5506}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-81.9d4d82fbfa.woff2) format('woff2');unicode-range:U+5293,U+52A2,U+52F9,U+5315,U+531A,U+531D,U+5321,U+5369,U+536F,U+53A5,U+53B6}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-82.336c928329.woff2) format('woff2');unicode-range:U+5162,U+5196-5197,U+51BD,U+51DB,U+51FF,U+5202,U+520D,U+5216,U+5228}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-83.d7cc59ac72.woff2) format('woff2');unicode-range:U+4FD1,U+4FDF,U+4FED,U+5014,U+5018,U+5043,U+5049,U+50DA,U+50FB,U+5100}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-84.c738701ede.woff2) format('woff2');unicode-range:U+4EA5,U+4EBB,U+4F0E,U+4F1D,U+4F84}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-85.7b76af8ddd.woff2) format('woff2');unicode-range:U+4E42,U+4E5B,U+4EA2}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-100.9d62a9086e.woff2) format('woff2');unicode-range:U+4E10,U+5201,U+5241,U+54C6,U+54D7,U+5509,U+55C5,U+5784,U+589F,U+5A25,U+5A7F,U+5B09,U+5BC7,U+5C27,U+5D2D,U+5F1B,U+604D,U+6055,U+6073,U+60EB,U+61FF,U+62CE,U+6345,U+6390,U+63B0,U+63B7,U+64AE,U+64D2,U+663C,U+667E,U+66D9,U+6756,U+6789,U+68F1,U+6B0A,U+6C5D,U+6DF9,U+6E0D,U+6F31,U+6F3E,U+70B3,U+725F,U+74A7,U+75F0,U+76CF,U+7729,U+77AA,U+77E3,U+780C,U+78D5,U+7941,U+7977,U+797A,U+79C3,U+7A20,U+7A92,U+7C9F,U+7EB6,U+7EF7,U+7F09,U+7F15,U+7FB9,U+8038,U+8098,U+80B4,U+818A,U+8205,U+8235,U+82DB,U+82DF,U+8338,U+8385,U+83CF,U+854A,U+8BB3,U+8D2E,U+8DBE,U+8FAB,U+8FC4,U+9091,U+91DC,U+960E,U+962E,U+97A0,U+988A,U+9A6F,U+9A87}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-101.15eb6f0d5e.woff2) format('woff2');unicode-range:U+4E4D,U+4E53,U+4F5A,U+4FAE,U+4FD8,U+4FFA,U+501A,U+51C4,U+547B,U+54E8,U+55D3,U+55DC,U+55FD,U+560E,U+566C,U+56BC,U+5824,U+5992,U+5AC9,U+5B75,U+5BC5,U+5C49,U+5C90,U+5E1C,U+5E90,U+618B,U+620A,U+620C,U+6273,U+62C7,U+6320,U+6342,U+6401-6402,U+6413,U+6512,U+655B,U+65A7,U+65F1,U+65F7,U+66A7,U+673D,U+68D8,U+68FA,U+6A0A,U+6A80,U+6B7C,U+6BD9,U+6D4A,U+6D85,U+6F88,U+7078,U+707C,U+70AC,U+70C1,U+72E9,U+7422,U+7574,U+78BE,U+79B9,U+7A3D,U+7A91,U+7A9F,U+7AE3,U+7B77,U+7C3F,U+808B,U+8236,U+82B8,U+8309,U+836B,U+85C9,U+865E,U+8845,U+8AAA,U+8C41,U+8D2C,U+8D4E,U+8E66,U+8E6D,U+8EAF,U+902E,U+964B,U+96CD,U+9890,U+9992,U+9A6D,U+9CA4}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-102.aff70ad22a.woff2) format('woff2');unicode-range:U+4E5E,U+4F3A,U+5026,U+508D,U+5254,U+5288,U+52D8,U+52FA,U+5306,U+5364,U+5384,U+53ED,U+543C,U+5450,U+5455,U+5466,U+54C4,U+5578,U+55A7,U+5631,U+572D,U+575F,U+57AE,U+5830,U+5984,U+5BDD,U+5C7F,U+5C82,U+5E62,U+5ED3,U+5F08,U+607A,U+60BC,U+625B,U+6292,U+62E2,U+6363,U+6467,U+675E,U+67A2,U+67FF,U+6930,U+69A8,U+6C13,U+6C81,U+6C9B,U+6DF3,U+6E85,U+6EBA,U+6F13,U+7578,U+75A4,U+7741,U+7792,U+77A7,U+77A9,U+788C,U+7984,U+79E4,U+7A1A,U+7AA6,U+7B5D,U+7CAA,U+7CD9,U+7EDE,U+7F24,U+803F,U+8258,U+8339,U+840E,U+85B0,U+85FB,U+8749,U+89C5,U+8BDB,U+8BF5,U+8C5A,U+8D3F,U+8D9F,U+8FED,U+90AF,U+90E1,U+90F8,U+949E,U+94A7,U+9580,U+9B41,U+9CA8,U+9CC4}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-103.92e4a5c8d4.woff2) format('woff2');unicode-range:U+4E52,U+4EC6,U+4F8D,U+4FDE,U+4FEF,U+515C,U+51A5,U+51F3,U+5243,U+52C9,U+53A2,U+53EE,U+54CE,U+54FA,U+54FC,U+5580,U+5587,U+563F,U+56DA,U+5792,U+5815,U+5960,U+5BE1,U+5C51,U+5C6F,U+5CFB,U+5D16,U+5ED6,U+5F27,U+60DF,U+6168,U+61C8,U+62F1,U+62FD,U+631A,U+6328,U+632B,U+6346,U+638F,U+63A0,U+63C9,U+655E,U+6590,U+6627,U+66AE,U+66F0,U+67EC,U+6816,U+6869,U+68F5,U+6977,U+69DB,U+6BB7,U+6CE3,U+6CFB,U+6D47,U+6DA1,U+6EAF,U+7011,U+7076,U+7096,U+70BA,U+70DB,U+711A,U+7172,U+718F,U+727A,U+72ED,U+7410,U+7426,U+7554,U+762B,U+766B,U+7682,U+7779,U+7784,U+77EB,U+77EE,U+79E9,U+7B1B,U+7B28,U+7BF7,U+7EC5,U+7F14,U+7F1A,U+7FE1,U+8087,U+81B3,U+8231,U+830E,U+83E9,U+849C,U+851A,U+868A,U+8822,U+8BB6,U+8BBC,U+8E72,U+8F9C,U+900D,U+9063,U+90B9,U+9119,U+94F2,U+9576-9577,U+95F8,U+96A7,U+96C1,U+9761,U+97AD,U+97E7,U+98A4,U+997A,U+9A73,U+9B44,U+9E3D,U+9ECF}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-104.273719373b.woff2) format('woff2');unicode-range:U+4E19,U+4E2B,U+4EA8,U+4ED7,U+4F51,U+4F63,U+4F83,U+50E7,U+5112,U+51A4,U+51B6,U+5239,U+5265,U+532A,U+5351,U+537F,U+5401,U+548F,U+54B3,U+54BD,U+54D1,U+5564,U+5598,U+5632,U+574E,U+575D,U+584C,U+58E4,U+5937,U+5A05,U+5A1F,U+5A49,U+5AC2,U+5C61,U+5DE9,U+5E9A,U+5EB8,U+5F0A,U+5F13,U+5F6C,U+6127,U+62A0,U+62D0,U+634F,U+635E,U+63FD,U+6577,U+658B,U+65BC,U+6643,U+6760,U+67AF,U+67C4,U+68CD,U+690E,U+6B67,U+6BB4,U+6C70,U+6CB8,U+6CBE,U+6EDE,U+6EE5,U+6F84,U+6F9C,U+7115,U+722A,U+7261,U+7272,U+754F,U+76EF,U+778E,U+77BB,U+7948,U+7985,U+79BE,U+7A83,U+7A8D,U+7EAC,U+7EEF,U+7EF8,U+7EFD,U+7F00,U+803D,U+8086,U+810A,U+8165,U+819D,U+81A8,U+8214,U+832B,U+8367,U+83E0,U+8403,U+8513,U+8574,U+85AF,U+8BBD,U+8BE1,U+8C0E,U+8D29,U+8D50,U+8F7F,U+9042,U+90B1,U+90B5,U+9165,U+9175,U+94A6,U+94C5,U+9610,U+9631,U+9699,U+97F6,U+987D,U+9882,U+9965,U+996A,U+9972,U+9A8F,U+9AD3,U+9AE6}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-105.7d0ad8126c.woff2) format('woff2');unicode-range:U+4E56,U+4EA9,U+4F88,U+4FA8,U+4FCF,U+5188,U+51F9,U+524A,U+5256,U+529D,U+5375,U+53DB,U+541F,U+5435,U+548B,U+54C7,U+54E9,U+556A,U+5589,U+55BB,U+55EF,U+563B,U+566A,U+576A,U+59A8,U+5BB0,U+5BDE,U+5C4C,U+5C60,U+5D1B,U+5DEB,U+5DF7,U+5E18,U+5F26,U+601C,U+6084,U+60E9,U+614C,U+6208,U+621A,U+6233,U+6254,U+62D8,U+62E6,U+62EF,U+6323,U+632A,U+633D,U+6361,U+6405,U+640F,U+6614,U+67A3,U+683D,U+6897,U+68B3,U+68D5,U+6A58,U+6B47,U+6B6A,U+6C90,U+6CA7,U+6D51,U+6DC7,U+6E0A,U+6E5B,U+6E9C,U+6F47,U+6F6D,U+70AD,U+70F9,U+7130,U+71AC,U+7529,U+7538,U+75D2,U+76B1,U+76FC,U+79BD,U+79C9,U+7A3B,U+7A46,U+7AA5,U+7AD6,U+7CA5,U+7CB9,U+7CDF,U+7D6E,U+7F06,U+7F38,U+7FA1,U+7FC1,U+8015,U+803B,U+80A2,U+80AA,U+8116,U+813E,U+82BD,U+8305,U+8346,U+846C,U+8549,U+8611,U+8680,U+884D,U+8877,U+888D,U+88D4,U+8A79,U+8A93,U+8C05,U+8C0D,U+8C26,U+8D1E,U+8D31,U+8D81,U+8E22,U+8E81,U+8F90,U+8F96,U+90CA,U+916C,U+917F,U+9187,U+918B,U+9499,U+94A9,U+9524,U+9600,U+9640,U+96B6,U+96C7,U+96EF,U+98D9,U+9976,U+997F,U+9A74,U+9A84,U+9E26}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-106.acf902336f.woff2) format('woff2');unicode-range:U+4E1B,U+4E7E,U+4EF2,U+4F10,U+4F1E,U+4F50,U+4FA6,U+4FAF,U+5021,U+50F5,U+5179,U+51D1,U+522E,U+52A3,U+52C3,U+52CB,U+5300,U+5319,U+5320,U+5349,U+5395,U+53D9,U+541E,U+5428,U+543E,U+54B1,U+54C0,U+5858,U+58F6,U+5974,U+59A5,U+59E8,U+5A36,U+5A9A,U+5AB3,U+5B99,U+5BAA,U+5CE1,U+5D4C,U+5DC5,U+5DE2,U+5E99,U+5E9E,U+5F18,U+5F66,U+5F70,U+6070,U+60D5,U+60E7,U+6101,U+611A,U+61BE,U+6241,U+6252,U+626F,U+6296,U+62BC,U+62CC,U+6380,U+63A9,U+644A,U+6454,U+64A9,U+6500,U+6572,U+65A5,U+65A9,U+65EC,U+660F,U+6795,U+6912,U+6BBF,U+6BEF,U+6CAB,U+6CCA,U+6CCC,U+6CFC,U+6D3D,U+6D78,U+6DEE,U+6E17,U+6E34,U+6E83,U+6EA2,U+6EB6,U+6F20,U+6FA1,U+707F,U+70D8,U+70EB,U+714C,U+714E,U+7235,U+7239,U+7624,U+763E,U+76F2,U+77DB,U+77E9,U+780D,U+7838,U+78CA,U+796D,U+7A84,U+7AED,U+7B3C,U+7EB2,U+7F05,U+7F20,U+7F34,U+7F62,U+7FC5,U+7FD8,U+7FF0,U+800D,U+80BA,U+80BE,U+80C0-80C1,U+8155,U+8180,U+81E3,U+8206,U+8247,U+8270,U+8299,U+82AD,U+8304,U+83B9,U+840D,U+8427,U+8471,U+84C4,U+84EC,U+853D,U+8721,U+8854,U+88D5,U+88F9,U+8BC0,U+8C0A,U+8C2D,U+8D41,U+8DEA,U+8EB2,U+8F9F,U+903B,U+903E,U+9102,U+9493,U+94A5,U+94F8,U+95F7,U+9709,U+9774,U+98A0,U+9E64,U+9F9F}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-107.f46f3fa9a1.woff2) format('woff2');unicode-range:U+4E18,U+4E27,U+4E38,U+4E59,U+4E8F,U+4EAD,U+4EC7,U+4FE9,U+503A,U+5085,U+5146,U+51AF,U+51F8,U+52AB,U+5339,U+535C,U+5378,U+538C,U+5398,U+53F9,U+5415,U+5475,U+54AC,U+54B8,U+5582,U+5760,U+5764,U+57CB,U+5835,U+5885,U+5951,U+5B5D,U+5B5F,U+5BB5,U+5BC2,U+5BE8,U+5BFA,U+5C2C,U+5C34,U+5C41,U+5C48,U+5C65,U+5CAD,U+5E06,U+5EF7,U+5F17,U+5F25,U+5F6D,U+5F79,U+6028,U+6064,U+6068,U+606D,U+607C,U+6094,U+6109,U+6124,U+6247,U+626D,U+6291,U+629A,U+62AC,U+62B9,U+62FE,U+6324,U+6349,U+6367,U+6398,U+6495,U+64A4,U+64B0,U+64BC,U+64CE,U+65ED,U+6602,U+6674,U+6691,U+679A,U+67F4,U+680B,U+6876,U+68A8,U+6A61,U+6B20,U+6BC5,U+6D12,U+6D46,U+6D8C,U+6DC0,U+6E14,U+6E23,U+6F06,U+7164,U+716E,U+7199,U+71E5,U+72AC,U+742A,U+755C,U+75AB,U+75B2,U+75F4,U+7897,U+78B3,U+78C5,U+7978,U+79FD,U+7A74,U+7B4B,U+7B5B,U+7ECE,U+7ED2,U+7EE3,U+7EF3,U+7F50,U+7F55,U+7F9E,U+7FE0,U+809D,U+8106,U+814A,U+8154,U+817B,U+818F,U+81C2,U+81ED,U+821F,U+82D1,U+8302,U+83C7,U+83CA,U+845B,U+848B,U+84C9,U+86EE,U+8774,U+8C1C,U+8C79,U+8D2A,U+8D3C,U+8EBA,U+8F70,U+8FA9,U+8FB1,U+900A,U+9017,U+901D,U+9022,U+906E,U+94ED,U+953B,U+95EF,U+95FA,U+95FD,U+96C0,U+9756,U+97E6,U+9881,U+9887,U+9B4F,U+9E2D,U+9F0E}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-108.f920529b99.woff2) format('woff2');unicode-range:U+4E08,U+4E43,U+4E4F,U+4EF0,U+4F2A,U+507F,U+50AC,U+50BB,U+5151,U+51BB,U+51F6,U+5272,U+52FE,U+5362,U+53C9,U+53D4,U+53E0,U+543B,U+54F2,U+5507,U+5524,U+558A,U+561B,U+56CA,U+5782,U+57C3,U+5893,U+5915,U+5949,U+5962,U+59AE,U+59DC,U+59FB,U+5BD3,U+5C38,U+5CB3,U+5D07,U+5D29,U+5DE1,U+5DFE,U+5E15,U+5ECA,U+5F2F,U+5F7C,U+5FCC,U+6021,U+609F,U+60F9,U+6108,U+6148,U+6155,U+6170,U+61D2,U+6251,U+629B,U+62AB,U+62E8,U+62F3,U+6321,U+6350,U+6566,U+659C,U+65E8,U+6655,U+6670,U+66F9,U+6734,U+679D,U+6851,U+6905,U+6B49,U+6B96,U+6C1B,U+6C41,U+6C6A,U+6C83,U+6CF3,U+6D9B,U+6DCB,U+6E1D,U+6E20-6E21,U+6EAA,U+6EE4,U+6EE9,U+70E4,U+722C,U+7262,U+7267,U+72B9,U+72E0,U+72EE,U+72F1,U+7334,U+73AB,U+7470,U+758F,U+75D5,U+764C,U+7686,U+76C6,U+76FE,U+7720,U+77E2,U+7816,U+788D,U+7891,U+7A00,U+7A9D,U+7B52,U+7BAD,U+7C98,U+7CCA,U+7EBA,U+7EEA,U+7EF5,U+7F1D,U+7F69,U+806A,U+809A,U+80BF,U+80C3,U+81C0,U+820C,U+82AC,U+82AF,U+82CD,U+82D7,U+838E,U+8404,U+84B8,U+852C,U+8650,U+8679,U+86C7,U+8702,U+87BA,U+886B-886C,U+8870,U+8C10,U+8C23,U+8C6B,U+8D3E,U+8D4B-8D4C,U+8D64,U+8D6B,U+8D74,U+8E29,U+8F74,U+8FB0,U+8FDF,U+901B,U+9038,U+9093,U+9171,U+9489,U+94C3,U+9508,U+9510,U+9614,U+964C,U+9675,U+971C,U+97F5,U+9888,U+98D8,U+9971,U+9AA4,U+9E3F,U+9E45,U+9E4F,U+9E70,U+9F7F}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-109.0854243496.woff2) format('woff2');unicode-range:U+4E11,U+4E22,U+4E32,U+4F0D,U+4F0F,U+4F69,U+4FF1,U+50B2,U+5154,U+51DD,U+51F0,U+5211,U+5269,U+533F,U+5366-5367,U+5389,U+5413,U+5440,U+5446,U+5561,U+5751,U+57AB,U+5806,U+5821,U+582A,U+58F3,U+5938,U+5948,U+5978,U+59D1,U+5A03,U+5A07,U+5AC1,U+5ACC,U+5AE9,U+5BB4,U+5BC4,U+5C3F,U+5E3D,U+5E7D,U+5F92,U+5FAA,U+5FE0,U+5FFD,U+6016,U+60A0,U+60DC,U+60E8,U+614E,U+6212,U+6284,U+62C6,U+62D3-62D4,U+63F4,U+642C,U+6478,U+6491-6492,U+64E6,U+6591,U+65A4,U+664B,U+6735,U+6746,U+67F1,U+67F3,U+6842,U+68AF,U+68C9,U+68CB,U+6B3A,U+6BC1,U+6C0F,U+6C27,U+6C57,U+6CC4,U+6CE5,U+6D2A,U+6D69,U+6DAF,U+6E58,U+6ECB,U+6EF4,U+707E,U+7092,U+70AB,U+71D5,U+7275,U+7384,U+7434,U+74E6,U+74F7,U+75BC,U+76C8,U+76D0,U+7709,U+77AC,U+7855,U+78A7,U+78C1,U+7A77,U+7B79,U+7C92,U+7CAE,U+7CD5,U+7EA4,U+7EB5,U+7EBD,U+7F5A,U+7FD4,U+7FFC,U+8083,U+8096,U+80A0,U+80D6,U+80DE,U+8102,U+8109,U+810F,U+8179,U+8292,U+82B3,U+8352,U+8361,U+83CC,U+841D,U+8461,U+8482,U+8521,U+857E,U+85AA,U+866B,U+8776,U+8896,U+889C,U+88F8,U+8A9E,U+8BC8,U+8BF8,U+8C0B,U+8C28,U+8D2B,U+8D2F,U+8D37,U+8D3A,U+8D54,U+8DC3,U+8DCC,U+8DF5,U+8E0F,U+8E48,U+8F86,U+8F88,U+8F9E,U+8FC1,U+8FC8,U+8FEB,U+9065,U+90AA,U+90BB,U+90C1,U+94DC,U+9521,U+9676,U+96D5,U+970D,U+9897,U+997C,U+9A70,U+9A76,U+9A9A,U+9E23,U+9E7F,U+9F3B}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-110.d27eac3d30.woff2) format('woff2');unicode-range:U+300C-300D,U+4E54,U+4E58,U+4E95,U+4EC1,U+4F2F,U+4F38,U+4FA3,U+4FCA,U+503E,U+5141,U+5144,U+517C,U+51CC,U+51ED,U+5242,U+52B2,U+52D2,U+52E4,U+540A,U+5439,U+5448,U+5496,U+54ED,U+5565,U+5761,U+5766,U+58EE,U+593A,U+594B,U+594F,U+5954,U+5996,U+59C6,U+59FF,U+5B64,U+5BFF,U+5C18,U+5C1D,U+5C97,U+5CA9,U+5CB8,U+5E9F,U+5EC9,U+5F04,U+5F7B,U+5FA1,U+5FCD,U+6012,U+60A6,U+60AC,U+60B2,U+60EF,U+626E,U+6270,U+6276,U+62D6,U+62DC,U+6316,U+632F,U+633A,U+6355,U+63AA,U+6447,U+649E,U+64C5,U+654C,U+65C1,U+65CB,U+65E6,U+6606,U+6731,U+675C,U+67CF,U+67DC,U+6846,U+6B8B,U+6BEB,U+6C61,U+6C88,U+6CBF,U+6CDB,U+6CEA,U+6D45,U+6D53,U+6D74,U+6D82,U+6DA8,U+6DB5,U+6EDA,U+6EE8,U+6F0F,U+706D,U+708E,U+70AE,U+70BC,U+70C2,U+70E6,U+7237-7238,U+72FC,U+730E,U+731B,U+739B,U+73BB,U+7483,U+74DC,U+74F6,U+7586,U+7626,U+775B,U+77FF,U+788E,U+78B0,U+7956,U+7965,U+79E6,U+7AF9,U+7BEE,U+7C97,U+7EB1,U+7EB7,U+7ED1,U+7ED5,U+7F6A,U+7F72,U+7FBD,U+8017,U+808C,U+80A9,U+80C6,U+80CE,U+8150,U+8170,U+819C,U+820D,U+8230,U+8239,U+827E,U+8377,U+8389,U+83B2,U+8428,U+8463,U+867E,U+88C2,U+88D9,U+8986,U+8BCA,U+8BDE,U+8C13,U+8C8C,U+8D21,U+8D24,U+8D56,U+8D60,U+8D8B,U+8DB4,U+8E2A,U+8F68,U+8F89,U+8F9B,U+8FA8,U+8FBD,U+9003,U+90CE,U+90ED,U+9189,U+94BB,U+9505,U+95F9,U+963B,U+966A,U+9677,U+96FE,U+9896,U+99A8,U+9A71,U+9A82,U+9A91,U+9B45,U+9ECE,U+9F20}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-111.1c3e4bace7.woff2) format('woff2');unicode-range:U+4E4C,U+4E88,U+4EA1,U+4EA6,U+4ED3-4ED4,U+4EFF,U+4F30,U+4FA7,U+4FC4,U+4FD7,U+500D,U+504F,U+5076-5077,U+517D,U+5192,U+51C9,U+51EF,U+5238,U+5251,U+526A,U+52C7,U+52DF,U+52FF,U+53A6,U+53A8,U+53EC,U+5410,U+559D,U+55B7,U+5634,U+573E,U+5783,U+585E,U+586B,U+58A8,U+5999,U+59D3,U+5A1C,U+5A46,U+5B54-5B55,U+5B85,U+5B8B,U+5B8F,U+5BBF,U+5BD2,U+5C16,U+5C24,U+5E05,U+5E45,U+5E7C,U+5E84,U+5F03,U+5F1F,U+5F31,U+5F84,U+5F90,U+5FBD,U+5FC6,U+5FD9,U+5FE7,U+6052,U+6062,U+6089,U+60A3,U+60D1,U+6167,U+622A,U+6234,U+624E,U+6269,U+626C,U+62B5,U+62D2,U+6325,U+63E1,U+643A,U+6446,U+6562,U+656C,U+65E2,U+65FA,U+660C,U+6628,U+6652,U+6668,U+6676,U+66FC,U+66FF,U+6717,U+676D,U+67AA,U+67D4,U+6843,U+6881,U+68D2,U+695A,U+69FD,U+6A2A,U+6B8A,U+6C60,U+6C64,U+6C9F,U+6CC9,U+6CE1,U+6CFD,U+6D1B,U+6D1E,U+6D6E,U+6DE1,U+6E10,U+6E7F,U+6F5C,U+704C,U+7070,U+7089,U+70B8,U+718A,U+71C3,U+723D,U+732A,U+73CD,U+7518,U+756A,U+75AF,U+75BE,U+75C7,U+76D2,U+76D7,U+7763,U+78E8,U+795D,U+79DF,U+7C4D,U+7D2F,U+7EE9,U+7F13,U+7F8A,U+8000,U+8010,U+80AF,U+80F6,U+80F8,U+8212,U+8273,U+82F9,U+83AB,U+83B1,U+83F2,U+8584,U+871C,U+8861,U+888B,U+88C1,U+88E4,U+8BD1,U+8BF1,U+8C31,U+8D5A,U+8D75-8D76,U+8DE8,U+8F85,U+8FA3,U+8FC5,U+9006,U+903C,U+904D,U+9075,U+9178,U+9274,U+950B,U+9526,U+95EA,U+9636,U+9686,U+978B,U+987F,U+9A7E,U+9B42,U+9E1F,U+9EA6,U+9F13,U+9F84}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-112.a68f06b336.woff2) format('woff2');unicode-range:U+4E01,U+4E39,U+4E73,U+4ECD,U+4ED9,U+4EEA,U+4F0A,U+4F1F,U+4F5B,U+4FA0,U+4FC3,U+501F,U+50A8,U+515A,U+5175,U+51A0,U+51C0,U+51E1,U+51E4,U+5200,U+520A,U+5224,U+523A,U+52AA,U+52B1,U+52B3,U+5348,U+5353,U+5360,U+5371,U+5377,U+539A,U+541B,U+5434,U+547C,U+54E6,U+5510,U+5531,U+5609,U+56F0,U+56FA,U+5733,U+574F,U+5851,U+5854,U+5899,U+58C1,U+592E,U+5939,U+5976,U+5986,U+59BB,U+5A18,U+5A74,U+5B59,U+5B87,U+5B97,U+5BA0,U+5BAB,U+5BBD-5BBE,U+5BF8,U+5C0A,U+5C3A,U+5C4A,U+5E16,U+5E1D,U+5E2D,U+5E8A,U+6015,U+602A,U+6050,U+6069,U+6162,U+61C2,U+6293,U+6297,U+62B1,U+62BD,U+62DF,U+62FC,U+6302,U+635F,U+638C,U+63ED,U+6458,U+6469,U+6563,U+6620,U+6653,U+6696-6697,U+66DD,U+675F,U+676F-6770,U+67D0,U+67D3,U+684C,U+6865,U+6885,U+68B0,U+68EE,U+690D,U+6B23,U+6B32,U+6BD5,U+6C89,U+6D01,U+6D25,U+6D89,U+6DA6,U+6DB2,U+6DF7,U+6ED1,U+6F02,U+70C8,U+70DF,U+70E7,U+7126,U+7236,U+7259,U+731C,U+745E,U+74E3,U+751A,U+751C,U+7532,U+7545,U+75DB,U+7761,U+7A0D,U+7B51,U+7CA4,U+7CD6,U+7D2B,U+7EA0,U+7EB9,U+7ED8,U+7F18,U+7F29,U+8033,U+804A,U+80A4-80A5,U+80E1,U+817F,U+829D,U+82E6,U+8336,U+840C,U+8499,U+864E,U+8651,U+865A,U+88AD,U+89E6,U+8BD7,U+8BFA,U+8C37,U+8D25,U+8D38,U+8DDD,U+8FEA,U+9010,U+9012,U+906D,U+907F-9080,U+90D1,U+9177,U+91CA,U+94FA,U+9501,U+9634-9635,U+9694,U+9707,U+9738,U+9769,U+9A7B,U+9A97,U+9AA8,U+9B3C,U+9C81,U+9ED8}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-113.ae82be069f.woff2) format('woff2');unicode-range:U+4E4E,U+4E61,U+4E71,U+4EBF,U+4F26,U+5012,U+51AC,U+51B0,U+51B2,U+51B7,U+5218,U+521A,U+5220,U+5237,U+523B,U+526F,U+5385,U+53BF,U+53E5,U+53EB,U+53F3,U+53F6,U+5409,U+5438,U+54C8,U+54E5,U+552F,U+5584,U+5706,U+5723,U+5750,U+575A,U+5987-5988,U+59B9,U+59D0,U+59D4,U+5B88,U+5B9C,U+5BDF,U+5BFB,U+5C01,U+5C04,U+5C3E,U+5C4B,U+5C4F,U+5C9B,U+5CF0,U+5DDD,U+5DE6,U+5DE8,U+5E01,U+5E78,U+5E7B,U+5E9C,U+5EAD,U+5EF6,U+5F39,U+5FD8,U+6000,U+6025,U+604B,U+6076,U+613F,U+6258,U+6263,U+6267,U+6298,U+62A2,U+62E5,U+62EC,U+6311,U+6377,U+6388-6389,U+63A2,U+63D2,U+641E,U+642D,U+654F,U+6551,U+6597,U+65CF,U+65D7,U+65E7,U+6682,U+66F2,U+671D,U+672B,U+6740,U+6751,U+6768,U+6811,U+6863,U+6982,U+6BD2,U+6CF0,U+6D0B,U+6D17,U+6D59,U+6DD8,U+6DFB,U+6E7E,U+6F6E,U+706F,U+719F,U+72AF,U+72D0,U+72D7,U+732B,U+732E,U+7389,U+73E0,U+7530,U+7687,U+76D6,U+76DB,U+7840,U+786C,U+79CB,U+79D2,U+7A0E,U+7A33,U+7A3F,U+7A97,U+7ADE-7ADF,U+7B26,U+7E41,U+7EC3,U+7F3A,U+8089,U+80DC,U+811A,U+8131,U+8138,U+821E,U+8349,U+83DC,U+8457,U+867D,U+86CB,U+8A89,U+8BA8,U+8BAD,U+8BEF,U+8BFE,U+8C6A,U+8D1D,U+8D4F,U+8D62,U+8DD1,U+8DF3,U+8F6E,U+8FF9,U+900F,U+9014,U+9057,U+9192,U+91CE,U+9488,U+94A2,U+9547,U+955C,U+95F2,U+9644,U+964D,U+96C4-96C5,U+96E8,U+96F6-96F7,U+9732,U+9759,U+9760,U+987A,U+989C,U+9910,U+996D-996E,U+9B54,U+9E21,U+9EBB,U+9F50}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-114.19720c4d29.woff2) format('woff2');unicode-range:U+4E03,U+4E25,U+4E30,U+4E34,U+4E45,U+4E5D,U+4E89,U+4EAE,U+4ED8,U+4F11,U+4F19,U+4F24,U+4F34,U+4F59,U+4F73,U+4F9D,U+4FB5,U+5047,U+505C,U+5170,U+519C,U+51CF,U+5267,U+5356,U+5374,U+5382,U+538B,U+53E6,U+5426,U+542B,U+542F,U+5462,U+5473,U+554A,U+5566,U+5708,U+571F,U+5757,U+57DF,U+57F9,U+5802,U+590F,U+591C,U+591F,U+592B,U+5965,U+5979,U+5A01,U+5A5A,U+5B63,U+5B69,U+5B81,U+5BA1,U+5BA3,U+5C3C,U+5C42,U+5C81,U+5DE7,U+5DEE,U+5E0C,U+5E10,U+5E55,U+5E86,U+5E8F,U+5EA7,U+5F02,U+5F52,U+5F81,U+5FF5,U+60CA,U+60E0,U+6279,U+62C5,U+62FF,U+63CF,U+6444,U+64CD,U+653B,U+65BD,U+65E9,U+665A,U+66B4,U+66FE,U+6728,U+6742,U+677E,U+67B6,U+680F,U+68A6,U+68C0,U+699C,U+6B4C,U+6B66,U+6B7B,U+6BCD,U+6BDB,U+6C38,U+6C47,U+6C49,U+6CB3,U+6CB9,U+6CE2,U+6D32,U+6D3E,U+6D4F,U+6E56,U+6FC0,U+7075,U+7206,U+725B,U+72C2,U+73ED,U+7565,U+7591,U+7597,U+75C5,U+76AE,U+76D1,U+76DF,U+7834,U+7968,U+7981,U+79C0,U+7A7F,U+7A81,U+7AE5,U+7B14,U+7C89,U+7D27,U+7EAF,U+7EB3,U+7EB8,U+7EC7,U+7EE7,U+7EFF,U+7F57,U+7FFB,U+805A,U+80A1,U+822C,U+82CF,U+82E5,U+8363,U+836F,U+84DD,U+878D,U+8840,U+8857,U+8863,U+8865,U+8B66,U+8BB2,U+8BDA,U+8C01,U+8C08,U+8C46,U+8D1F,U+8D35,U+8D5B,U+8D5E,U+8DA3,U+8DDF,U+8F93,U+8FDD,U+8FF0,U+8FF7,U+8FFD,U+9000,U+9047,U+9152,U+949F,U+94C1,U+94F6,U+9646,U+9648,U+9669,U+969C,U+96EA,U+97E9,U+987B,U+987E,U+989D,U+9970,U+9986,U+9C7C,U+9C9C}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-115.d5050f9e7e.woff2) format('woff2');unicode-range:U+4E14,U+4E1D,U+4E3D,U+4E49,U+4E60,U+4E9A,U+4EB2,U+4EC5,U+4EFD,U+4F3C,U+4F4F,U+4F8B,U+4FBF,U+5019,U+5145,U+514B,U+516B,U+516D,U+5174,U+5178,U+517B,U+5199,U+519B,U+51B3,U+51B5,U+5207,U+5212,U+5219,U+521D,U+52BF,U+533B,U+5343,U+5347,U+534A,U+536B,U+5370,U+53E4,U+53F2,U+5403,U+542C,U+547D,U+54A8,U+54CD,U+54EA,U+552E,U+56F4,U+5747,U+575B,U+5883,U+589E,U+5931,U+5947,U+5956-5957,U+5A92,U+5B83,U+5BA4,U+5BB3,U+5BCC,U+5C14,U+5C1A,U+5C3D,U+5C40,U+5C45,U+5C5E,U+5DF4,U+5E72,U+5E95,U+5F80,U+5F85,U+5FB7,U+5FD7,U+601D,U+626B,U+627F,U+62C9,U+62CD,U+6309,U+63A7,U+6545,U+65AD,U+65AF,U+65C5,U+666E,U+667A,U+670B,U+671B,U+674E,U+677F,U+6781,U+6790,U+6797,U+6821,U+6838-6839,U+697C,U+6B27,U+6B62,U+6BB5,U+6C7D,U+6C99,U+6D4B,U+6D4E,U+6D6A,U+6E29,U+6E2F,U+6EE1,U+6F14,U+6F2B,U+72B6,U+72EC,U+7387,U+7533,U+753B,U+76CA,U+76D8,U+7701,U+773C,U+77ED,U+77F3,U+7814,U+793C,U+79BB,U+79C1,U+79D8,U+79EF,U+79FB,U+7A76,U+7B11,U+7B54,U+7B56,U+7B97,U+7BC7,U+7C73,U+7D20,U+7EAA,U+7EC8,U+7EDD,U+7EED,U+7EFC,U+7FA4,U+804C,U+8058,U+80CC,U+8111,U+817E,U+826F,U+8303,U+843D,U+89C9,U+89D2,U+8BA2,U+8BBF,U+8BC9,U+8BCD,U+8BE6,U+8C22,U+8C61,U+8D22,U+8D26-8D27,U+8D8A,U+8F6F,U+8F7B,U+8F83,U+8F91,U+8FB9,U+8FD4,U+8FDC,U+9002,U+94B1,U+9519,U+95ED,U+961F,U+9632-9633,U+963F,U+968F-9690,U+96BE,U+9876,U+9884,U+98DE,U+9988,U+9999,U+9EC4,U+FF1B}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-116.88fc8d4cfc.woff2) format('woff2');unicode-range:U+300A-300B,U+4E16,U+4E66,U+4E70,U+4E91-4E92,U+4E94,U+4E9B,U+4EC0,U+4ECA,U+4F01,U+4F17-4F18,U+4F46,U+4F4E,U+4F9B,U+4FEE,U+503C,U+5065,U+50CF,U+513F,U+5148,U+518D,U+51C6,U+51E0,U+5217,U+529E-529F,U+5341,U+534F,U+5361,U+5386,U+53C2,U+53C8,U+53CC,U+53D7-53D8,U+53EA,U+5404,U+5411,U+5417,U+5427,U+5468,U+559C,U+5668,U+56E0,U+56E2,U+56ED,U+5740,U+57FA,U+58EB,U+5904,U+592A,U+59CB,U+5A31,U+5B58,U+5B9D,U+5BC6,U+5C71,U+5DDE,U+5DF1,U+5E08,U+5E26,U+5E2E,U+5E93,U+5E97,U+5EB7,U+5F15,U+5F20,U+5F3A,U+5F62,U+5F69,U+5F88,U+5F8B,U+5FC5,U+600E,U+620F,U+6218,U+623F,U+627E,U+628A,U+62A4,U+62DB,U+62E9,U+6307,U+6362,U+636E,U+64AD,U+6539,U+653F,U+6548,U+6574,U+6613,U+6625,U+663E,U+666F,U+672A,U+6750,U+6784,U+6A21,U+6B3E,U+6B65,U+6BCF,U+6C11,U+6C5F,U+6DF1,U+706B,U+7167,U+724C,U+738B,U+73A9,U+73AF,U+7403,U+7537,U+754C,U+7559,U+767D,U+7740,U+786E,U+795E,U+798F,U+79F0,U+7AEF,U+7B7E,U+7BB1,U+7EA2,U+7EA6,U+7EC4,U+7EC6,U+7ECD,U+7EDC,U+7EF4,U+8003,U+80B2,U+81F3-81F4,U+822A,U+827A,U+82F1,U+83B7,U+8425,U+89C2,U+89C8,U+8BA9,U+8BB8,U+8BC6,U+8BD5,U+8BE2,U+8BE5,U+8BED,U+8C03,U+8D23,U+8D2D,U+8D34,U+8D70,U+8DB3,U+8FBE,U+8FCE,U+8FD1,U+8FDE,U+9001,U+901F-9020,U+90A3,U+914D,U+91C7,U+94FE,U+9500,U+952E,U+9605,U+9645,U+9662,U+9664,U+9700,U+9752,U+975E,U+97F3,U+9879,U+9886,U+98DF,U+9A6C,U+9A8C,U+9ED1,U+9F99}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-117.1283eff609.woff2) format('woff2');unicode-range:U+4E07,U+4E1C,U+4E24,U+4E3E,U+4E48,U+4E50,U+4E5F,U+4E8B-4E8C,U+4EA4,U+4EAB-4EAC,U+4ECB,U+4ECE,U+4ED6,U+4EE3,U+4EF6-4EF7,U+4EFB,U+4F20,U+4F55,U+4F7F,U+4FDD,U+505A,U+5143,U+5149,U+514D,U+5171,U+5177,U+518C,U+51FB,U+521B,U+5229,U+522B,U+52A9,U+5305,U+5317,U+534E,U+5355,U+5357,U+535A,U+5373,U+539F,U+53BB,U+53CA,U+53CD,U+53D6,U+53E3,U+53F0,U+5458,U+5546,U+56DB,U+573A,U+578B,U+57CE,U+58F0,U+590D,U+5934,U+5973,U+5B57,U+5B8C,U+5B98,U+5BB9,U+5BFC,U+5C06,U+5C11,U+5C31,U+5C55,U+5DF2,U+5E03,U+5E38,U+5E76,U+5E94,U+5EFA,U+5F71,U+5F97,U+5FEB,U+6001,U+603B,U+60F3,U+611F,U+6216,U+624D,U+6253,U+6295,U+6301,U+6392,U+641C,U+652F,U+653E,U+6559,U+6599,U+661F,U+671F,U+672F,U+6761,U+67E5,U+6807,U+6837,U+683C,U+6848,U+6B22,U+6B64,U+6BD4,U+6C14,U+6C34,U+6C42,U+6CA1,U+6D41,U+6D77,U+6D88,U+6E05,U+6E38,U+6E90,U+7136,U+7231,U+7531,U+767E,U+76EE,U+76F4,U+771F,U+7801,U+793A,U+79CD,U+7A0B,U+7A7A,U+7ACB,U+7AE0,U+7B2C,U+7B80,U+7BA1,U+7CBE,U+7D22,U+7EA7,U+7ED3,U+7ED9,U+7EDF,U+7F16,U+7F6E,U+8001,U+800C,U+8272,U+8282,U+82B1,U+8350,U+88AB,U+88C5,U+897F,U+89C1,U+89C4,U+89E3,U+8A00,U+8BA1,U+8BA4,U+8BAE-8BB0,U+8BBE,U+8BC1,U+8BC4,U+8BFB,U+8D28,U+8D39,U+8D77,U+8D85,U+8DEF,U+8EAB,U+8F66,U+8F6C,U+8F7D,U+8FD0,U+9009,U+90AE,U+90FD,U+91CC-91CD,U+91CF,U+95FB,U+9650,U+96C6,U+9891,U+98CE,U+FF1F}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-118.e24fe1f661.woff2) format('woff2');unicode-range:U+4E09-4E0B,U+4E0D-4E0E,U+4E13,U+4E1A,U+4E2A,U+4E3A-4E3B,U+4E4B,U+4E86,U+4E8E,U+4EA7,U+4EBA,U+4EE4-4EE5,U+4EEC,U+4F1A,U+4F4D,U+4F53,U+4F5C,U+4F60,U+4FE1,U+5165,U+5168,U+516C,U+5173,U+5176,U+5185,U+51FA,U+5206,U+5230,U+5236,U+524D,U+529B,U+52A0-52A1,U+52A8,U+5316,U+533A,U+53CB,U+53D1,U+53EF,U+53F7-53F8,U+5408,U+540C-540E,U+544A,U+548C,U+54C1,U+56DE,U+56FD-56FE,U+5728,U+5730,U+5907,U+5916,U+591A,U+5927,U+5929,U+597D,U+5982,U+5B50,U+5B66,U+5B89,U+5B9A,U+5B9E,U+5BA2,U+5BB6,U+5BF9,U+5C0F,U+5DE5,U+5E02,U+5E73-5E74,U+5E7F,U+5EA6,U+5F00,U+5F0F,U+5F53,U+5F55,U+5FAE,U+5FC3,U+6027,U+606F,U+60A8,U+60C5,U+610F,U+6210-6211,U+6237,U+6240,U+624B,U+6280,U+62A5,U+63A5,U+63A8,U+63D0,U+6536,U+6570,U+6587,U+65B9,U+65E0,U+65F6,U+660E,U+662D,U+662F,U+66F4,U+6700,U+670D,U+672C,U+673A,U+6743,U+6765,U+679C,U+682A,U+6B21,U+6B63,U+6CBB,U+6CD5,U+6CE8,U+6D3B,U+70ED,U+7247-7248,U+7269,U+7279,U+73B0,U+7406,U+751F,U+7528,U+7535,U+767B,U+76F8,U+770B,U+77E5,U+793E,U+79D1,U+7AD9,U+7B49,U+7C7B,U+7CFB,U+7EBF,U+7ECF,U+7F8E,U+8005,U+8054,U+80FD,U+81EA,U+85CF,U+884C,U+8868,U+8981,U+89C6,U+8BBA,U+8BDD,U+8BF4,U+8BF7,U+8D44,U+8FC7,U+8FD8-8FD9,U+8FDB,U+901A,U+9053,U+90E8,U+91D1,U+957F,U+95E8,U+95EE,U+95F4,U+9762,U+9875,U+9898,U+9996,U+9AD8,U+FF01,U+FF08-FF09}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-119.a0d0da3a77.woff2) format('woff2');unicode-range:U+3001-3002,U+4E00,U+4E2D,U+65B0,U+65E5,U+6708-6709,U+70B9,U+7684,U+7F51,U+FF0C,U+FF1A}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(font/noto-serif-sc-rari.b7dbe49612.woff2) format('woff2');unicode-range:U+3941,U+39D1,U+5232,U+537C,U+54B7,U+55C3,U+71C0,U+727F,U+7D7B,U+7E86,U+80CF,U+81F2,U+8669,U+88BD,U+8C6E,U+8F39,U+96DA,U+97B6,U+9804,U+9917,U+9F2B}
:root{
  --bianco:#FFFFFF;
  --carta:#F1EFEA;
  --tiffany:#C3D5E6;
  --tiffany-forte:#9DB8D2;
  --tiffany-velo:#EBF1F7;
  --tiffany-inchiostro:#234A73;
  --limone:#F2E7CB;
  --limone-vivo:#D9B45F;
  --pesco:#F6EAE7;
  --pesco-forte:#E4C1BA;
  --corallo:#B5382C;
  --inchiostro:#16283F;
  --grigio:#4C5E72;
  --linea:#D9E1E9;
  --bordo:rgba(22,40,63,.68);
  --display:"Fraunces","Noto Serif SC","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --testo:"Figtree","Noto Serif SC",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --han:"Noto Serif SC","Songti SC","STSong","Source Han Serif SC",serif;
  --ombra:3px 3px 0 var(--riflesso);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5.5rem}
body{margin:0;background:var(--bianco);color:var(--inchiostro);font:400 1.0625rem/1.65 var(--testo);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:var(--tiffany-inchiostro);text-underline-offset:.2em;text-decoration-thickness:1.5px}
a:hover{color:var(--inchiostro)}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0}
h1,h2,h3,h4{font-family:var(--display);font-variation-settings:"SOFT" 100;font-weight:560;margin:0;text-wrap:balance;letter-spacing:-.012em}
h2{font-size:clamp(2.05rem,4.6vw,3.5rem);line-height:1.06}
h3{font-size:1.38rem;line-height:1.2}
:focus-visible{outline:3px solid var(--tiffany-inchiostro);outline-offset:3px;border-radius:4px}
.han{font-family:var(--han);font-weight:500}
html{font-synthesis-weight:none}
.wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}
.sez{padding-block:clamp(4.5rem,9vw,7.5rem)}
.lead{font-size:clamp(1.12rem,1.6vw,1.3rem);line-height:1.55;color:var(--grigio);max-width:58ch;margin-top:1.1rem}
.testa-sez{max-width:760px;margin-bottom:clamp(2.5rem,5vw,3.75rem)}
.occhiello{font:700 .78rem/1.3 var(--testo);letter-spacing:.12em;text-transform:uppercase;color:var(--tiffany-inchiostro);margin:0 0 .9rem}
.piccolo{font-size:.9rem;color:var(--grigio)}
.vai-al-contenuto{position:absolute;left:-999px;top:0;background:#fff;padding:.75rem 1rem;z-index:200}
.vai-al-contenuto:focus{left:.5rem;top:.5rem}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── pulsanti ─────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.15rem;padding:.75rem 1.5rem;font:600 1.02rem/1.2 var(--testo);border-radius:999px;text-decoration:none;border:1.5px solid var(--bordo);cursor:pointer;text-align:center;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.btn-primario{background:var(--tiffany);color:var(--inchiostro);box-shadow:var(--ombra)}
.btn-primario:hover{background:var(--tiffany-forte);color:var(--inchiostro);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--riflesso)}
.btn-primario:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--riflesso)}
.btn-secondario{background:var(--bianco);color:var(--inchiostro)}
.btn-secondario:hover{background:var(--limone);color:var(--inchiostro)}
.btn-scuro{background:var(--inchiostro);color:#fff}
.btn-scuro:hover{background:#0E1C2E;color:#fff}
.btn-piccolo{min-height:2.5rem;padding:.45rem 1.05rem;font-size:.95rem}
.gruppo-btn{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center}

/* ── testata ──────────────────────────────────────────── */
.testata{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--linea)}
.testata .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.4rem}
.avanzamento{position:absolute;left:0;right:0;bottom:-1px;height:3px;pointer-events:none}
.avanzamento i{display:block;height:100%;background:var(--tiffany-forte);transform:scaleX(0);transform-origin:0 50%}
.marchio{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--inchiostro)}
.marchio svg{width:38px;height:38px;flex:none}
.marchio b{display:block;font:600 1.12rem/1.05 var(--display);font-variation-settings:"SOFT" 100}
.marchio small{display:block;font-size:.78rem;color:var(--grigio);margin-top:.12rem}
@media (max-width:380px){.marchio small{display:none}.marchio b{font-size:1rem}.marchio svg{width:34px;height:34px}}
.menu{display:flex;align-items:center;gap:1.4rem}
.menu ul{display:flex;gap:1.15rem;list-style:none}
.menu ul a{color:var(--inchiostro);text-decoration:none;font-weight:500;font-size:.96rem;padding:.3rem 0;border-bottom:2px solid transparent}
.menu ul a:hover{border-bottom-color:var(--tiffany-forte)}
.apri-menu{display:none;background:none;border:1.5px solid var(--bordo);border-radius:999px;font:600 .95rem var(--testo);padding:.45rem 1rem;cursor:pointer;color:var(--inchiostro)}
@media (min-width:1201px){.menu .solo-mobile{display:none}}
@media (max-width:1200px){
  .apri-menu{display:inline-flex}
  .menu{position:absolute;inset:100% 0 auto 0;background:#fff;border-bottom:1px solid var(--linea);flex-direction:column;align-items:stretch;padding:1rem 1.25rem 1.5rem;gap:1rem;display:none}
  .menu.aperto{display:flex}
  .menu ul{flex-direction:column;gap:.2rem}
  .menu ul a{display:block;padding:.65rem 0;font-size:1.05rem;border-bottom:1px solid var(--linea)}
}

/* ── apertura ─────────────────────────────────────────── */
.apertura{padding-block:clamp(3rem,7vw,6rem) clamp(4rem,8vw,6.5rem);position:relative}
.apertura .wrap{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(2.5rem,6vw,5rem);align-items:center}
.pillola{display:inline-flex;align-items:center;gap:.55rem;background:var(--limone);border:1.5px solid var(--bordo);border-radius:999px;padding:.4rem .95rem;font-size:.92rem;font-weight:600;margin-bottom:1.6rem}
.pillola i{width:.6rem;height:.6rem;border-radius:50%;background:var(--corallo);flex:none}
.apertura h1{font-size:clamp(3.1rem,8.4vw,6.6rem);line-height:.95;font-weight:600;letter-spacing:-.03em}
.sottotitolo{font-size:clamp(1.15rem,1.9vw,1.42rem);line-height:1.5;margin:1.5rem 0 .6rem;max-width:34ch}
.gancio{font:500 clamp(1.25rem,2.2vw,1.6rem)/1.3 var(--display);font-variation-settings:"SOFT" 100;color:var(--tiffany-inchiostro);margin:0 0 2rem}
.garanzia-partenza{display:flex;gap:.6rem;align-items:baseline;margin:1.3rem 0 0;font-size:.97rem;color:var(--grigio);max-width:46ch}
.garanzia-partenza::before{content:"";flex:none;width:.6rem;height:.6rem;border-radius:50%;background:var(--tiffany-forte);border:1.5px solid var(--bordo);transform:translateY(-.05rem)}
.fatti{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 2rem;margin:2.6rem 0 0;padding-top:.4rem;max-width:560px}
.fatti dt{font-size:.85rem;color:var(--grigio)}
.fatti dd{margin:0;font-weight:600;line-height:1.35}
.opera{position:relative;max-width:440px;margin-inline:auto;width:100%}
.foglio{position:relative;background:#fff;border:1.5px solid var(--bordo);border-radius:28px;box-shadow:5px 5px 0 var(--tiffany);padding:1.1rem}
.foglio svg{width:100%;height:auto}
.carattere{fill:transparent;stroke:var(--inchiostro);stroke-width:2.2;stroke-linejoin:round;stroke-dasharray:5200;stroke-dashoffset:5200}
.pronto .carattere{animation:traccia 2.8s cubic-bezier(.45,.05,.35,1) forwards,riempi 1s 2.4s ease forwards}
@keyframes traccia{to{stroke-dashoffset:0}}
@keyframes riempi{to{fill:var(--inchiostro)}}
.pinyin-opera{position:absolute;top:1.9rem;left:2.2rem;font:italic 500 1.5rem var(--display);color:var(--tiffany-inchiostro);background:#fff;padding:0 .3rem}
.sigillo{position:absolute;right:2.1rem;bottom:2.1rem;background:var(--corallo);color:#fff;border-radius:6px;padding:.4rem .45rem;display:flex;flex-direction:column;align-items:center;gap:.1rem;font:500 1.2rem/1.1 var(--han);transform:rotate(-6deg);opacity:0;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.sigillo i{font-style:normal}
.pronto .sigillo{animation:timbra .45s 3.25s cubic-bezier(.2,1.7,.45,1) forwards}
@keyframes timbra{from{opacity:0;transform:scale(1.6) rotate(-16deg)}to{opacity:1;transform:scale(1) rotate(-6deg)}}
.bollino{position:absolute;top:-1.4rem;right:-.6rem;width:7.4rem;height:7.4rem;border-radius:50%;background:var(--limone-vivo);border:1.5px solid var(--bordo);display:grid;place-items:center;text-align:center;font:600 1.02rem/1.1 var(--display);font-variation-settings:"SOFT" 100;transform:rotate(9deg);padding:.6rem}
.bollino b{display:block;font-size:1.62rem;line-height:1;white-space:nowrap;letter-spacing:-.02em}
.didascalia-opera{margin:1.35rem auto 0;max-width:36ch;text-align:center;font-size:.95rem;color:var(--grigio)}
.didascalia-opera .han{color:var(--inchiostro)}
@media (max-width:900px){
  .apertura .wrap{grid-template-columns:1fr}
  .opera{max-width:360px}
  .bollino{width:6.3rem;height:6.3rem;font-size:.92rem;right:-.4rem}
  .bollino b{font-size:1.32rem}
}
@media (max-width:520px){.fatti{grid-template-columns:1fr}}

/* ── manifesto ────────────────────────────────────────── */
.manifesto,.calendario,.piede{background-color:var(--carta);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .086 0 0 0 0 .157 0 0 0 0 .247 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
.manifesto blockquote.scrub .parola{color:rgba(22,40,63,.2);transition:color .25s ease}
.manifesto blockquote.scrub .parola.accesa{color:var(--inchiostro)}
.manifesto .wrap{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.5rem,5vw,4.5rem);align-items:start}
.quadretto{width:5.2rem;height:5.2rem;flex:none;border:1.5px solid var(--tiffany-inchiostro);border-radius:6px;position:relative;display:grid;place-items:center;background:
  linear-gradient(var(--tiffany) 0 0) center/1px 100% no-repeat,
  linear-gradient(var(--tiffany) 0 0) center/100% 1px no-repeat,#fff;font:500 2.9rem/1 var(--han);color:var(--inchiostro)}
.manifesto blockquote{margin:0;font:400 clamp(1.55rem,3.15vw,2.45rem)/1.32 var(--display);font-variation-settings:"SOFT" 100;letter-spacing:-.01em;max-width:30em}
.manifesto blockquote p:last-child{margin:0}
.filosofia{display:grid;grid-template-columns:1fr auto;gap:1.5rem 3rem;margin-top:2.6rem;padding-top:2rem;border-top:1.5px solid rgba(22,40,63,.14);align-items:end}
.filosofia p{margin:0;max-width:62ch;font-size:1.08rem}
.firma{font:italic 500 1.1rem var(--display);white-space:nowrap}
@media (max-width:760px){.manifesto .wrap{grid-template-columns:1fr}.filosofia{grid-template-columns:1fr}}

/* ── abitudini ────────────────────────────────────────── */
.abitudini{background:var(--limone)}
.abitudini h2{font-size:clamp(2.2rem,5.4vw,4.2rem);max-width:15ch}
.abitudini-testa{display:grid;grid-template-columns:1fr auto;gap:2rem clamp(2rem,6vw,5rem);align-items:start}
.citazione{margin:0;display:flex;gap:1.4rem;align-items:flex-start}
.verticale{display:flex;flex-direction:row-reverse;gap:.75rem;margin:0;padding:1rem 1.1rem;background:#fff;border:1.5px solid var(--bordo);border-radius:14px}
.verticale .colonna{display:flex;flex-direction:column;align-items:center}
.verticale i{font:500 clamp(1.55rem,2.6vw,2.05rem)/1.28 var(--han);font-style:normal}
.fonte-verticale{font-size:.9rem;color:var(--grigio);max-width:17ch;margin:0;align-self:flex-end}
.specchi{margin-top:clamp(2.5rem,5vw,3.5rem)}
.specchi h3{font-size:1.6rem;margin-bottom:1.1rem}
.specchi ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none}
.specchi li{background:#fff;border:1.5px solid var(--bordo);border-radius:20px;padding:1.2rem 1.3rem 1.3rem}
.specchi .han{display:block;font-size:2rem;line-height:1.1;color:var(--tiffany-inchiostro);margin-bottom:.5rem}
.specchi b{display:block;font:600 1.18rem/1.25 var(--display);font-variation-settings:"SOFT" 100;margin-bottom:.35rem}
.specchi p{margin:0;font-size:1rem;line-height:1.5}
.specchi .chengyu{display:flex;gap:.12rem;margin-bottom:.3rem}
.specchi .chengyu i{font:500 1.7rem/1.15 var(--han);font-style:normal;color:var(--tiffany-inchiostro)}
.cy-py{display:block;font:italic 500 .95rem/1.35 var(--display);color:var(--tiffany-inchiostro);margin-bottom:.6rem}
.nota-hsk{margin-top:2.6rem;display:inline-flex;gap:1rem;align-items:baseline;background:#fff;border:1.5px solid var(--bordo);border-radius:16px;padding:1rem 1.3rem;max-width:640px}
.nota-hsk b{font:600 1.15rem var(--display);white-space:nowrap}
.nota-hsk p{margin:0}
@media (max-width:860px){.abitudini-testa{grid-template-columns:1fr}}
@media (max-width:860px){.specchi ol{grid-template-columns:1fr}}
@media (max-width:560px){.nota-hsk{flex-direction:column;gap:.3rem}}

/* ── metodo ───────────────────────────────────────────── */
.settimana{display:grid;grid-template-columns:repeat(7,1fr);gap:.6rem;list-style:none}
.giorno{border:1.5px solid var(--linea);border-radius:18px;padding:1rem .9rem 1.1rem;min-height:10.5rem;display:flex;flex-direction:column;gap:.35rem;background:#fff}
.giorno b{font:600 1.15rem var(--display);font-variation-settings:"SOFT" 100}
.giorno span{font-size:.93rem;line-height:1.35}
.giorno small{font-size:.84rem;color:var(--grigio);margin-top:auto}
.giorno.mar{background:var(--tiffany-velo);border:1.5px solid var(--bordo);box-shadow:var(--ombra)}
.giorno.sab{background:var(--limone);border:1.5px solid var(--bordo);box-shadow:var(--ombra)}
.giorno.dom{background:var(--carta);border-style:dashed}
.giorno > a{flex:1;display:flex;flex-direction:inherit;align-items:inherit;flex-wrap:inherit;gap:inherit;color:inherit;text-decoration:none;border-radius:12px}
.giorno:hover{border-color:var(--inchiostro)}
.giorno > a:hover span{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.2em}
@media (max-width:900px){
  .settimana{grid-template-columns:1fr;gap:.5rem}
  .giorno{min-height:0;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:.2rem .9rem;padding:.85rem 1.1rem}
  .giorno b{width:3rem}
  .giorno small{margin-top:0;margin-left:auto}
}
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(14rem,auto);gap:1rem;margin-top:clamp(3rem,6vw,4.5rem)}
.tessera{border-radius:26px;padding:1.5rem 1.6rem 1.6rem;display:flex;flex-direction:column;gap:.45rem;position:relative;overflow:hidden}
.tessera .segno{font:600 clamp(2.8rem,5vw,3.8rem)/1 var(--display);font-variation-settings:"SOFT" 100;letter-spacing:-.03em;margin-bottom:auto;padding-bottom:1.2rem}
.tessera .segno.han{font:500 clamp(2.6rem,4.5vw,3.4rem)/1 var(--han);letter-spacing:0}
.tessera h3{font-size:1.28rem}
.tessera p{margin:0;font-size:.98rem;line-height:1.55}
.t-mar{grid-column:span 2;background:var(--tiffany-velo);border:1.5px solid var(--bordo)}
.t-sab{background:var(--limone)}
.t-schede{grid-row:span 2;background:var(--pesco)}
.t-schede .segno{font-size:clamp(4rem,8vw,6.4rem)}
.t-libro{background:var(--carta)}
.t-comunita{grid-column:span 2;background:#fff;border:1.5px solid var(--linea)}
@media (max-width:980px){.bento{grid-template-columns:1fr 1fr}.t-schede{grid-row:auto}.t-comunita{grid-column:auto}}
@media (max-width:600px){.bento{grid-template-columns:1fr;grid-auto-rows:auto}.t-mar,.t-comunita{grid-column:auto}.tessera .segno{padding-bottom:.6rem}}
.percorso{margin-top:clamp(3.5rem,7vw,5rem)}
.percorso h3{font-size:1.75rem;margin-bottom:1.6rem}
.stagioni{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;list-style:none;counter-reset:stagione}
.stagioni li{counter-increment:stagione;position:relative;padding:1.4rem 1.3rem 1.5rem;border-radius:20px;background:var(--tiffany-velo);display:flex;flex-direction:column}
.stagioni li:nth-child(2){background:var(--limone)}
.stagioni li:nth-child(3){background:var(--pesco)}
.stagioni li:nth-child(4){background:var(--carta)}
.stagioni li::before{content:counter(stagione);display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:#fff;border:1.5px solid var(--bordo);font:600 1.05rem var(--display);margin-bottom:.9rem}
.stagioni b{display:block;font:600 1.22rem/1.2 var(--display);font-variation-settings:"SOFT" 100}
.stagioni small{display:block;color:var(--grigio);font-size:.86rem;margin:.25rem 0 .7rem}
.stagioni p{margin:0;font-size:.98rem;line-height:1.5}
.percorso-lead{max-width:62ch;color:var(--grigio);margin:-.6rem 0 1.6rem}
.stagioni .traguardo{margin-top:.9rem;padding-top:.8rem;border-top:1.5px dashed rgba(22,40,63,.22);font-weight:500}
.traguardo span{display:block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tiffany-inchiostro);margin-bottom:.15rem}
.stagioni .nel-libro{margin-top:auto;padding-top:.9rem;font-size:.88rem;color:var(--inchiostro)}
@media (max-width:900px){.stagioni{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.stagioni{grid-template-columns:1fr}}

/* ── prova ────────────────────────────────────────────── */
.prova{background:var(--tiffany-velo)}
.attrezzi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.25rem,3vw,2rem)}
.attrezzo{min-width:0;background:#fff;border:1.5px solid var(--bordo);border-radius:26px;box-shadow:4px 4px 0 var(--riflesso);padding:clamp(1.4rem,3vw,2.1rem)}
.attrezzo h3{margin-bottom:.4rem}
.attrezzo > p{color:var(--grigio);margin-bottom:1.4rem}
.toni{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}
.tono{background:var(--carta);border:1.5px solid var(--linea);border-radius:16px;padding:.7rem .4rem .8rem;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;align-items:center;gap:.3rem;transition:border-color .15s,background .15s}
.tono:hover{border-color:var(--tiffany-forte)}
.tono[aria-pressed="true"]{background:var(--tiffany-velo);border:1.5px solid var(--bordo)}
.tono svg{width:56px;height:44px}
.tono svg path{fill:none;stroke:var(--tiffany-inchiostro);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.tono svg line{stroke:var(--linea);stroke-width:1}
.tono b{font:500 1.35rem var(--display)}
.esito-tono{display:flex;align-items:center;gap:1.2rem;margin-top:1.3rem;padding:1rem 1.2rem;border-radius:18px;background:var(--limone);min-height:5.6rem}
.esito-tono .han{font-size:3rem;line-height:1}
.esito-tono p{margin:0;line-height:1.4}
.esito-tono small{color:var(--grigio)}
.mazzo{border-radius:22px;background:var(--carta);padding:1.6rem 1.4rem;text-align:center;min-height:15.5rem;display:flex;flex-direction:column;justify-content:center;gap:.4rem}
.mazzo .formula{font:500 clamp(2.2rem,4.6vw,3.1rem)/1.15 var(--han);letter-spacing:.04em}
.mazzo .py{font:italic 500 1.12rem var(--display);color:var(--tiffany-inchiostro)}
.mazzo .it{font-weight:600}
.mazzo .perche{color:var(--grigio);max-width:38ch;margin:.3rem auto 0;font-size:.98rem}
.mazzo.gira{animation:gira .35s ease}
@keyframes gira{from{opacity:0;transform:translateY(6px) rotate(-1deg)}to{opacity:1;transform:none}}
.comandi-mazzo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem .8rem;margin-top:1.1rem}
@media (max-width:420px){.comandi-mazzo span{order:-1;width:100%;text-align:center}}
.comandi-mazzo span{font-size:.92rem;color:var(--grigio)}
@media (max-width:860px){.attrezzi{grid-template-columns:minmax(0,1fr)}}
.ascolta{flex:none;display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;padding:0;border-radius:50%;border:1.5px solid var(--bordo);background:#fff;color:var(--inchiostro);cursor:pointer;vertical-align:middle}
.ascolta:hover{background:var(--limone)}
.ascolta.parla{background:var(--tiffany)}
.scrivi-scelta{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.1rem}
.scrivi-scelta button{font:500 1.4rem/1 var(--han);width:2.9rem;height:2.9rem;border-radius:12px;border:1.5px solid #B4C1CF;background:#fff;color:var(--inchiostro);cursor:pointer}
.scrivi-scelta button:hover{border-color:var(--tiffany-forte)}
.scrivi-scelta button[aria-pressed="true"]{background:var(--limone);border:1.5px solid var(--bordo)}
.scrivi-area{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.3rem;align-items:center}
.scrivi-foglio{width:min(230px,70vw);aspect-ratio:1;position:relative;display:grid;place-items:center;border:1.5px solid var(--tiffany-inchiostro);border-radius:10px;touch-action:none;user-select:none;-webkit-user-select:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cg stroke='%23C3D5E6' stroke-width='.6' stroke-dasharray='3 3' fill='none'%3E%3Cpath d='M50 0V100M0 50H100M0 0L100 100M100 0L0 100'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat}
.scrivi-foglio > .han{font-size:8rem;line-height:1;color:#D4DCE5}
.scrivi-foglio svg{position:absolute;inset:0}
.scrivi-titolo{display:flex;gap:.8rem;align-items:center;margin:0 0 .4rem}
.scrivi-titolo .han{font-size:2.6rem;line-height:1}
.scrivi-titolo b{display:block;font:italic 600 1.15rem var(--display);color:var(--tiffany-inchiostro)}
.scrivi-info p{margin:0 0 .45rem}
.scrivi-comandi{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem}
.scrivi-comandi .btn[disabled]{opacity:.55;cursor:default;transform:none;box-shadow:none}
@media (max-width:520px){.scrivi-area{grid-template-columns:1fr}.scrivi-foglio{width:min(260px,100%);justify-self:center}}
.nome-modulo label{display:block;font-weight:600;font-size:.95rem;margin-bottom:.35rem}
.nome-riga{display:flex;gap:.55rem;align-items:stretch}
.nome-riga input{flex:1;min-width:0;font:inherit;font-size:1rem;padding:.6rem .9rem;border:1.5px solid #B4C1CF;border-radius:12px;background:#fff;color:var(--inchiostro)}
.nome-riga input:focus{border-color:var(--tiffany-inchiostro);outline:2px solid var(--tiffany);outline-offset:0}
.nome-risultato{margin-top:1.2rem;background:var(--tiffany-velo);border-radius:18px;padding:1.1rem 1.2rem}
.nome-han{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin:0 0 .25rem}
.nome-han .han{font-size:clamp(2.1rem,6vw,2.9rem);line-height:1.15;letter-spacing:.04em}
.nome-py{margin:0 0 .5rem}
.nome-py i{color:var(--tiffany-inchiostro);font-weight:600}
.nome-risultato .piccolo{margin:0}
@media (max-width:420px){.toni{grid-template-columns:repeat(2,1fr)}}

/* ── cervello ─────────────────────────────────────────── */
.confronto{display:grid;grid-template-columns:1fr 1fr;border:1.5px solid var(--bordo);border-radius:24px;overflow:hidden;margin-bottom:1rem}
.confronto > div{padding:1.6rem 1.8rem}
.confronto .artificiale{background:#E9EDF2;color:#46576B;background-image:linear-gradient(rgba(70,87,107,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(70,87,107,.06) 1px,transparent 1px);background-size:18px 18px}
.confronto .artigianale{background:#FBF3E3;border-left:1.5px solid var(--bordo)}
.confronto .artigianale h3{color:var(--corallo)}
.confronto .artificiale h3::before{content:"AI";display:inline-block;margin-right:.55rem;padding:.1rem .45rem;border-radius:6px;border:1.5px solid currentColor;font:700 .78rem/1.3 ui-monospace,"SF Mono",Menlo,Consolas,"Noto Serif SC",monospace;vertical-align:.2em}
.confronto .artigianale h3::before{content:"匠";display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;margin-right:.55rem;border-radius:6px;background:var(--sigillo,#B5382C);color:#fff;font:500 1rem/1 var(--han);vertical-align:.12em}
.confronto h3{font-size:1.45rem;margin-bottom:1rem}
.confronto .artificiale h3{color:var(--grigio)}
.confronto li{list-style:none;padding:.7rem 0;border-top:1px solid rgba(22,40,63,.12);line-height:1.45}
.confronto li > span{display:block;margin-top:.15rem}
.confronto .artificiale li span{font-style:italic}
.confronto .artigianale li span{font-weight:600;color:var(--tiffany-inchiostro)}
.nota-tecnologia{font-size:.95rem;color:var(--grigio);max-width:70ch;margin:0 0 clamp(3rem,6vw,4.5rem)}
@media (max-width:700px){.confronto{grid-template-columns:1fr}.confronto .artigianale{border-left:none;border-top:1.5px solid var(--bordo)}}
.principi{display:grid;grid-template-columns:repeat(3,1fr);gap:2.6rem 2.4rem;list-style:none}
.principi li{display:grid;grid-template-columns:auto 1fr;gap:0 1.1rem;align-content:start}
.principi .quadretto{width:4.1rem;height:4.1rem;font-size:2.2rem;grid-row:span 4}
.principi h3{font-size:1.25rem;margin:.1rem 0 .5rem}
.principi p{margin:0 0 .6rem;font-size:.99rem;line-height:1.55}
.principi .in-classe{color:var(--inchiostro)}
.principi .in-classe b{font-weight:600}
.principi cite{font-style:normal;font-size:.84rem;color:var(--grigio)}
.principi .py-piccolo{font:italic 500 .95rem var(--display);color:var(--tiffany-inchiostro);display:block}
@media (max-width:980px){.principi{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.principi{grid-template-columns:1fr}}
.quadretto.chengyu{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;place-items:center;font-size:1.5rem}
.quadretto.chengyu i{font:500 1em/1 var(--han);font-style:normal}
.principi .quadretto.chengyu{width:4.6rem;height:4.6rem;font-size:1.55rem}
.domande-sabato{margin-top:clamp(3rem,6vw,4.5rem);background:var(--limone);border:1.5px solid var(--bordo);border-radius:26px;box-shadow:4px 4px 0 var(--riflesso);padding:clamp(1.5rem,3.5vw,2.4rem)}
.ds-testa{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;align-items:start;max-width:900px}
.ds-testa h3{font-size:clamp(1.55rem,2.8vw,2.1rem);margin:.2rem 0 .6rem}
.ds-testa p{margin:0;font-size:1.05rem}
.domande-sabato .py-piccolo{display:block;font:italic 500 .98rem var(--display);color:var(--tiffany-inchiostro)}
.domande-sabato .quadretto.chengyu{width:5.4rem;height:5.4rem;font-size:1.85rem}
.ds-motivi{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.8rem 0 1.4rem}
.ds-motivi li{background:#fff;border:1.5px solid var(--bordo);border-radius:18px;padding:1.15rem 1.25rem;display:flex;flex-direction:column;gap:.45rem}
.ds-motivi b{font:600 1.18rem/1.25 var(--display);font-variation-settings:"SOFT" 100}
.ds-motivi p{margin:0;font-size:.97rem;line-height:1.55}
.ds-motivi cite{font-style:normal;font-size:.84rem;color:var(--grigio);margin-top:auto;padding-top:.3rem}
.ds-chiusa{margin:0;max-width:72ch;font-size:1.05rem}
@media (max-width:900px){.ds-motivi{grid-template-columns:1fr}}
@media (max-width:560px){.ds-testa{grid-template-columns:1fr;gap:.9rem}}

/* ── calendario ───────────────────────────────────────── */
.date-chiave{display:grid;grid-template-columns:repeat(3,1fr);gap:0 2.5rem;list-style:none;margin-bottom:clamp(3rem,6vw,4rem)}
.date-chiave li{display:grid;grid-template-columns:8.6rem 1fr;gap:.9rem;padding:.9rem 0;border-top:1.5px solid rgba(22,40,63,.14);align-items:baseline}
.date-chiave time{font:600 1rem var(--display);font-variation-settings:"SOFT" 100}
.date-chiave .forte time{color:var(--corallo)}
.date-chiave span{font-size:.97rem;line-height:1.45}
@media (max-width:980px){.date-chiave{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.date-chiave{grid-template-columns:1fr}.date-chiave li{grid-template-columns:7.6rem 1fr}}
.legenda{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-items:center;margin-bottom:1.4rem;font-size:.93rem}
.legenda span{display:inline-flex;align-items:center;gap:.45rem}
.mesi{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.mese{background:#fff;border-radius:20px;padding:1.15rem 1.15rem 1.25rem;border:1.5px solid var(--linea)}
.mese h3{font-size:1.25rem;display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}
.mese h3 small{font:500 .82rem var(--testo);color:var(--grigio)}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin-top:.85rem}
.chip{font-size:.86rem;font-weight:600;padding:.3rem .62rem;border-radius:999px;border:1.5px solid transparent;line-height:1.2;position:relative;white-space:nowrap}
.chip-mar{background:var(--tiffany-velo);border-color:var(--tiffany)}
.chip-sab{background:var(--limone);border-color:#DDD0AE}
.chip.speciale::after{content:"";position:absolute;top:-3px;right:-3px;width:.6rem;height:.6rem;border-radius:50%;background:var(--corallo);border:1.5px solid #fff}
.note-mese{list-style:none;margin-top:.8rem;display:grid;gap:.3rem}
.note-mese li{font-size:.85rem;color:var(--grigio);line-height:1.4}
.note-mese li.pausa{color:var(--inchiostro)}
.note-mese li.pausa::before{content:"";display:inline-block;width:.8rem;height:2px;background:var(--grigio);vertical-align:middle;margin-right:.4rem}
.note-mese li.festa::before{content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--corallo);margin-right:.4rem;vertical-align:middle}
@media (max-width:1000px){.mesi{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.mesi{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.mesi{grid-template-columns:1fr}}
.sotto-calendario{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;margin-top:2rem}
.sotto-calendario p{margin:0;max-width:60ch}

/* ── aula ─────────────────────────────────────────────── */
.aula{padding-block:clamp(3.5rem,7vw,5rem)}
.aula-scheda{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;border:1.5px solid var(--bordo);border-radius:30px;padding:clamp(1.5rem,4vw,2.6rem);background:linear-gradient(var(--tiffany) 0 0) 0 0/100% 10px no-repeat,#fff}
.aula-scheda .lead{margin-top:.8rem}
.aula-porta{background:var(--tiffany-velo);border-radius:22px;padding:1.5rem 1.6rem;display:grid;gap:.35rem}
.aula-porta p{margin:0}
.aula-etichetta{font-size:.88rem;color:var(--grigio);font-weight:600}
.aula-quando{font:600 1.35rem/1.25 var(--display);font-variation-settings:"SOFT" 100}
.aula-nota{color:var(--tiffany-inchiostro);font-size:.97rem;min-height:1.4em}
.aula-mancano{font-size:.95rem;color:var(--grigio);min-height:1.4em}
.aula-entra{margin-top:.7rem;justify-self:start}
.aula-entra[aria-disabled="true"]{background:#fff;box-shadow:none;cursor:default;color:var(--grigio);border-color:var(--linea)}
.aula-porta.in-corso{background:var(--limone)}
.aula-porta.in-corso .aula-etichetta{color:var(--corallo)}
#link-aula.in-corso{color:var(--corallo);font-weight:700}
@media (max-width:820px){.aula-scheda{grid-template-columns:1fr}}

/* ── simon ────────────────────────────────────────────── */
.simon .wrap{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(2.5rem,6vw,5rem);align-items:start}
.ritratto{position:sticky;top:6.5rem}
.cartellino{border:1.5px solid var(--bordo);border-radius:28px;background:#fff;box-shadow:5px 5px 0 var(--pesco-forte);overflow:hidden}
.cartellino .griglia-nome{aspect-ratio:1;display:grid;place-items:center;position:relative;background:
  repeating-linear-gradient(90deg,transparent 0 calc(50% - .5px),var(--tiffany) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px) 100%),
  repeating-linear-gradient(0deg,transparent 0 calc(50% - .5px),var(--tiffany) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px) 100%),var(--tiffany-velo)}
.cartellino .griglia-nome span{font:500 clamp(4.5rem,11vw,7.5rem)/1 var(--han);letter-spacing:.05em}
.cartellino .griglia-nome .tradizionale{position:absolute;right:1rem;bottom:1rem;writing-mode:vertical-rl;font:500 1.2rem/1 var(--han);letter-spacing:.12em;color:var(--grigio)}
.cartellino img{width:100%;aspect-ratio:1;object-fit:cover}
.cartellino figcaption{padding:1.1rem 1.3rem 1.25rem;border-top:1.5px solid var(--bordo)}
.cartellino figcaption b{display:block;font:600 1.3rem var(--display);font-variation-settings:"SOFT" 100}
.cartellino figcaption small{color:var(--grigio)}
.titolo-simon{font:500 clamp(1.25rem,2.2vw,1.6rem)/1.35 var(--display);font-variation-settings:"SOFT" 100;margin:1.2rem 0 1.8rem;max-width:36ch}
.bio p{max-width:64ch}
.credenziali{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:1.8rem 0}
.credenziali li{background:var(--carta);border-radius:999px;padding:.4rem .9rem;font-size:.9rem;font-weight:500}
.collegamenti{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.5rem}
@media (max-width:860px){.simon .wrap{grid-template-columns:1fr}.ritratto{position:static;max-width:340px}}

/* ── iscrizione ───────────────────────────────────────── */
.iscrizione{background:var(--bianco)}
.offerta{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:start}
.biglietto{border:1.5px solid var(--bordo);border-radius:28px;background:#fff;box-shadow:5px 5px 0 var(--tiffany);overflow:hidden}
.biglietto-testa{background:var(--tiffany);padding:1.5rem 1.7rem 1.4rem;border-bottom:2px dashed var(--inchiostro);position:relative}
.biglietto-testa::before,.biglietto-testa::after{content:"";position:absolute;bottom:-14px;width:26px;height:26px;border-radius:50%;background:var(--bianco);border:1.5px solid var(--bordo)}
.biglietto-testa::before{left:-15px}
.biglietto-testa::after{right:-15px}
.biglietto-testa small{font-weight:600}
.prezzo{display:flex;align-items:baseline;gap:.7rem;margin:.3rem 0 .2rem}
.prezzo b{font:600 clamp(3.4rem,7vw,4.6rem)/1 var(--display);font-variation-settings:"SOFT" 100;letter-spacing:-.03em}
.prezzo span{font-weight:600}
.biglietto-testa p{margin:0}
.biglietto-corpo{padding:1.5rem 1.7rem 1.7rem}
.incluso{list-style:none;display:grid;gap:.65rem;margin-bottom:1.4rem}
.incluso li{display:grid;grid-template-columns:1.4rem 1fr;gap:.6rem;line-height:1.45}
.incluso li::before{content:"";width:.75rem;height:.75rem;border-radius:50%;background:var(--limone-vivo);border:1.5px solid var(--bordo);margin-top:.4rem}
.posti{background:var(--limone);border-radius:16px;padding:1rem 1.1rem 1.05rem;font-size:.95rem;margin-bottom:1.3rem}
.soglie{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;margin-bottom:.55rem}
.soglie p{margin:0;display:flex;align-items:baseline;gap:.45rem;white-space:nowrap}
.soglie b{font:600 1.9rem/1 var(--display);font-variation-settings:"SOFT" 100}
.soglie span{font-weight:600;font-size:.92rem}
.posti-testo{margin:0;line-height:1.45}
.contatore{margin-top:.9rem}
.barra-posti{position:relative;height:.8rem;border-radius:999px;background:#fff;border:1.5px solid var(--bordo);overflow:hidden}
.barra-posti i{position:absolute;inset:0 auto 0 0;width:0;background:var(--tiffany-forte)}
.contatore p{margin:.45rem 0 0}
.altre-porte{display:grid;gap:1rem}
.porta{border-radius:22px;padding:1.35rem 1.5rem;background:var(--carta)}
.porta:nth-child(1){background:var(--tiffany-velo)}
.porta:nth-child(2){background:var(--pesco)}
.porta:nth-child(3){background:var(--limone)}
.porta:nth-child(4){background:#fff;border:1.5px solid var(--bordo)}
.porta-btn{display:flex;flex-wrap:wrap;gap:.5rem}
.porta h3{font-size:1.25rem;margin-bottom:.35rem}
.porta p{margin:0 0 .6rem;font-size:.99rem}
.porta p:last-child{margin-bottom:0}
.porta time{font-weight:600}
@media (max-width:860px){.offerta{grid-template-columns:1fr}}

.come{margin-top:clamp(4rem,8vw,6rem)}
.come > h3{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:1.5rem}
.passi{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;list-style:none;counter-reset:passo;margin-bottom:2rem}
.passi li{counter-increment:passo;display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start;padding:1.1rem 1.2rem;border-radius:18px;border:1.5px solid var(--linea)}
.passi li::before{content:counter(passo);display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--inchiostro);color:#fff;font:600 1rem var(--display)}
.passi b{display:block;margin-bottom:.15rem}
.passi span{font-size:.95rem;color:var(--grigio);line-height:1.45}
@media (max-width:820px){.passi{grid-template-columns:1fr}}
.pagamento{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,2.5rem);align-items:start}
.modulo,.bonifico{border:1.5px solid var(--bordo);border-radius:26px;padding:clamp(1.4rem,3vw,2rem);background:#fff}
.bonifico{background:var(--carta)}
.modulo h4,.bonifico h4{font:600 1.4rem var(--display);font-variation-settings:"SOFT" 100;margin-bottom:.4rem}
.modulo > p,.bonifico > p{color:var(--grigio);font-size:.97rem}
.campo{display:grid;gap:.35rem;margin-bottom:1rem}
.campo label,.campo legend{font-weight:600;font-size:.95rem}
.campo input[type=text],.campo input[type=email],.campo input[type=date],.campo textarea,.campo select{font:inherit;font-size:1rem;padding:.75rem .9rem;border:1.5px solid #B4C1CF;border-radius:12px;background:#fff;color:var(--inchiostro);width:100%}
.campo input:focus,.campo textarea:focus{border-color:var(--tiffany-inchiostro);outline:2px solid var(--tiffany);outline-offset:0}
.campo textarea{min-height:5.5rem;resize:vertical}
fieldset.campo{border:0;padding:0;margin:0 0 1rem}
.scelte{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}
.scelte label{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .85rem;border:1.5px solid #B4C1CF;border-radius:999px;font-weight:500;cursor:pointer;font-size:.95rem}
.scelte input{accent-color:var(--tiffany-inchiostro)}
.scelte label:has(input:checked){background:var(--tiffany-velo);border-color:var(--inchiostro)}
.consenso{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;color:var(--grigio);margin:.4rem 0 1.2rem}
.consenso input{margin-top:.25rem;accent-color:var(--tiffany-inchiostro);width:1.05rem;height:1.05rem;flex:none}
.stato{margin:1rem 0 0;padding:.85rem 1rem;border-radius:12px;font-size:.95rem;display:none}
.stato.ok{display:block;background:var(--tiffany-velo);border:1.5px solid var(--tiffany-inchiostro)}
.stato.errore{display:block;background:var(--pesco);border:1.5px solid #C2445A}
.dati-banca{list-style:none;display:grid;gap:.6rem;margin:1.1rem 0}
.dato{display:grid;grid-template-columns:1fr auto;gap:.2rem .8rem;align-items:center;background:#fff;border:1.5px solid var(--linea);border-radius:14px;padding:.75rem .9rem}
.dato small{grid-column:1/-1;color:var(--grigio);font-size:.82rem}
.dato .valore{font-weight:600;font-size:1.04rem;word-break:break-word}
.dato .valore.iban{font-family:ui-monospace,"SF Mono",Menlo,Consolas,"Noto Serif SC",monospace;letter-spacing:.02em;font-size:1rem}
.copia{font:600 .88rem var(--testo);padding:.42rem .85rem;border-radius:999px;border:1.5px solid var(--bordo);background:var(--tiffany);color:var(--inchiostro);cursor:pointer;min-width:5.4rem}
.copia:hover{background:var(--tiffany-forte)}
.copia.fatto{background:var(--limone-vivo)}
.dato.causale{background:var(--limone);border-color:#D8C9A3}
.nome-causale{margin-top:.6rem}
.nota-bonifico{font-size:.9rem;color:var(--grigio);margin:0}
@media (max-width:900px){.pagamento{grid-template-columns:1fr}}

/* ── uscite ───────────────────────────────────────────── */
.uscite{background:var(--pesco)}
.fasi{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;list-style:none;margin-bottom:1.2rem}
@media (max-width:1000px){.fasi{grid-template-columns:1fr 1fr}.fase:nth-child(3){grid-column:1/-1}}
.fase{background:#fff;border:1.5px solid var(--bordo);border-radius:24px;padding:1.6rem 1.7rem;position:relative}
.fase .quando{display:inline-block;font-weight:600;font-size:.9rem;background:var(--tiffany-velo);border:1.5px solid var(--tiffany-inchiostro);border-radius:999px;padding:.25rem .75rem;margin-bottom:.9rem}
.fase:nth-child(1) .quando{background:var(--carta);border-color:var(--grigio)}
.fase:nth-child(2) .quando{background:var(--tiffany-velo);border-color:var(--tiffany-inchiostro)}
.fase:nth-child(3) .quando{background:var(--limone);border-color:#C9A72C}
.fase h3{font-size:1.5rem;margin-bottom:.5rem}
.fase .importo{font:600 2.3rem/1 var(--display);font-variation-settings:"SOFT" 100;margin:.2rem 0 .8rem}
.fase .importo small{font:600 1rem var(--testo);margin-left:.3rem}
.fase p{margin:0 0 .6rem}
.fase p:last-child{margin:0}
.alternative{list-style:none;display:grid;gap:.5rem;margin:.5rem 0 0}
.alternative li{display:grid;grid-template-columns:5.6rem minmax(0,1fr);gap:.6rem;align-items:baseline;padding:.6rem .85rem;background:var(--limone);border-radius:12px;font-size:.97rem;line-height:1.4}
.alternative b{font:600 1.05rem var(--display);font-variation-settings:"SOFT" 100}
@media (max-width:720px){.fasi{grid-template-columns:1fr}}
.legale{font-size:.88rem;color:var(--grigio);margin-top:1.6rem;max-width:80ch}

/* ── domande ──────────────────────────────────────────── */
.domande .wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.domande .testa-sez{position:sticky;top:6.5rem}
.faq details{border-top:1.5px solid var(--linea)}
.faq details:last-child{border-bottom:1.5px solid var(--linea)}
.faq summary{list-style:none;cursor:pointer;padding:1.15rem 2.6rem 1.15rem 0;font:600 1.12rem/1.35 var(--display);font-variation-settings:"SOFT" 100;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:.3rem;top:50%;width:1.5rem;height:1.5rem;margin-top:-.75rem;border-radius:50%;border:1.5px solid var(--bordo);background:
  linear-gradient(var(--inchiostro) 0 0) center/.65rem 1.5px no-repeat,
  linear-gradient(var(--inchiostro) 0 0) center/1.5px .65rem no-repeat;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg);background-color:var(--limone)}
.faq details p{margin:0 0 1.2rem;color:var(--grigio);max-width:64ch}
@media (max-width:860px){.domande .wrap{grid-template-columns:1fr}.domande .testa-sez{position:static}}

/* ── chiusura ─────────────────────────────────────────── */
.chiusura{background:var(--tiffany);text-align:center}
.chiusura h2{font-size:clamp(2.4rem,6vw,4.6rem);max-width:16ch;margin-inline:auto}
.chiusura p{font-size:1.18rem;max-width:46ch;margin:1.1rem auto 2rem}
.chiusura .gruppo-btn{justify-content:center}
.chiusura .btn-primario{background:var(--limone-vivo)}
.chiusura .btn-primario:hover{background:#E9DFC9}

/* ── piede ────────────────────────────────────────────── */
.piede{padding-block:3.5rem 6rem;font-size:.94rem}
.piede .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:2rem}
@media (max-width:1100px){.piede .wrap{grid-template-columns:repeat(4,minmax(0,1fr))}.piede .wrap > div:first-child{grid-column:1/-1}}
.piede h3{font:600 1.05rem var(--display);font-variation-settings:"SOFT" 100;margin-bottom:.7rem}
.piede ul{list-style:none;display:grid;gap:.4rem}
.piede a{color:var(--inchiostro)}
.piede .fondo{grid-column:1/-1;border-top:1.5px solid rgba(22,40,63,.12);padding-top:1.4rem;color:var(--grigio);display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between}
@media (max-width:900px){.piede .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.piede .wrap{grid-template-columns:1fr}}

.barra{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1.5px solid var(--linea);padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));display:none;transform:translateY(110%);transition:transform .25s ease}
.barra .btn{width:100%}
.barra.visibile{transform:none}
@media (max-width:760px){.barra{display:block}}

/* ⟦STILE-NUOVO⟧ */
/* ── schede (numeri e scopri) ─────────────────────────── */
.schede-numeri{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;margin-bottom:2rem}
.scheda-numero{font:inherit;color:inherit;cursor:pointer;background:#fff;border:1.5px solid var(--linea);border-radius:22px;padding:1rem .6rem 1.05rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;transition:background .15s,border-color .15s,transform .15s}
.scheda-numero b{font:600 clamp(2rem,4.4vw,3rem)/1 var(--display);font-variation-settings:"SOFT" 100;letter-spacing:-.02em}
.scheda-numero .han{font-size:1.05rem;color:var(--tiffany-inchiostro)}
.scheda-numero small{font-size:.82rem;color:var(--grigio)}
.scheda-numero:hover{border-color:var(--tiffany-forte)}
.scheda-numero[aria-selected="true"]{background:var(--tiffany);border:1.5px solid var(--bordo);box-shadow:var(--ombra)}
.scheda-numero[aria-selected="true"] .han,.scheda-numero[aria-selected="true"] small{color:var(--inchiostro)}
.schede-testo{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:2rem}
.scheda-testo{font:600 1rem var(--testo);color:var(--inchiostro);cursor:pointer;background:#fff;border:1.5px solid var(--linea);border-radius:999px;padding:.65rem 1.2rem}
.scheda-testo:hover{border-color:var(--tiffany-forte)}
.scheda-testo[aria-selected="true"]{background:var(--limone);border:1.5px solid var(--bordo)}
@media (max-width:640px){
  .schede-numeri{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem}
  .scheda-numero{border-radius:16px;padding:.7rem .2rem .75rem}
  .scheda-numero small{display:none}
  .scheda-numero .han{font-size:.9rem}
  .scheda-testo{padding:.55rem .95rem;font-size:.95rem}
}
.pannello{outline:none}
.pannello + .pannello{margin-top:3.5rem;padding-top:3rem;border-top:1.5px dashed var(--linea)}
.schede-attive .pannello + .pannello{margin-top:0;padding-top:0;border-top:0}
.pannello-testa{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.4rem;align-items:start;margin-bottom:2rem;max-width:880px}
.pannello-testa .illustrazione{width:76px;height:76px}
.pannello-testa h3{font-size:clamp(1.55rem,2.6vw,2.05rem);margin-bottom:.6rem}
.pannello-testa h3 .han{color:var(--tiffany-inchiostro);margin-right:.35rem}
.pannello-testa p{margin:0;max-width:70ch;color:var(--grigio);font-size:1.05rem}
@media (max-width:560px){.pannello-testa{grid-template-columns:1fr;gap:.8rem}.pannello-testa .illustrazione{width:56px;height:56px}}
.curiosita{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1rem;list-style:none;margin-top:2.2rem}
.curiosita li{background:var(--carta);border-radius:20px;padding:1.15rem 1.25rem;font-size:.97rem;line-height:1.55}
.curiosita b{display:block;font:600 1.08rem/1.3 var(--display);font-variation-settings:"SOFT" 100;margin-bottom:.35rem}
.approfondisci{display:flex;align-items:center;gap:.7rem;margin:1.6rem 0 0;font-size:.95rem}
.approfondisci img{width:28px;height:28px;flex:none}
.fonti{font-size:.84rem;color:var(--grigio);margin:1.2rem 0 0;max-width:90ch}
.fonti a{color:var(--grigio)}
.riga-campo{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.riga-campo input{font:inherit;font-size:1rem;padding:.65rem .85rem;border:1.5px solid #B4C1CF;border-radius:12px;background:#fff;color:var(--inchiostro);flex:1 1 11rem;min-width:0}
.riga-campo input:focus{border-color:var(--tiffany-inchiostro);outline:2px solid var(--tiffany);outline-offset:0}
.calcolatore{background:#fff;border:1.5px solid var(--bordo);border-radius:26px;box-shadow:4px 4px 0 var(--riflesso);padding:clamp(1.2rem,3vw,1.7rem);display:grid;gap:.7rem;align-content:start}
.calcolatore > label{font-weight:600}

/* ── 12 ───────────────────────────────────────────────── */
.zodiaco{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(1.25rem,3vw,2rem);align-items:start}
.z-risultato{display:grid;grid-template-columns:88px minmax(0,1fr);gap:1rem;align-items:center;background:var(--tiffany-velo);border-radius:20px;padding:1rem 1.1rem;margin-top:.4rem;min-height:8.5rem}
.z-risultato img{width:88px;height:88px}
.z-risultato p{margin:0 0 .35rem}
.z-titolo{font:600 1.2rem/1.3 var(--display);font-variation-settings:"SOFT" 100}
.z-titolo .han{font-size:1.35rem}
#z-testo{font-size:.95rem;line-height:1.5}
.z-risultato.cambia img{animation:salta .5s ease}
@keyframes salta{0%{transform:scale(.6) rotate(-8deg);opacity:.3}60%{transform:scale(1.1)}100%{transform:none;opacity:1}}
.animali{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;list-style:none}
.animale{width:100%;font:inherit;color:inherit;cursor:pointer;background:#fff;border:1.5px solid var(--linea);border-radius:18px;padding:.7rem .3rem .65rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;transition:border-color .15s,background .15s}
.animale img{width:44px;height:44px}
.animale .han{font-size:1.3rem;line-height:1.2}
.animale .nome{font-size:.85rem;color:var(--grigio)}
.animale:hover{border-color:var(--tiffany-forte)}
.animale[aria-pressed="true"]{background:var(--limone);border:1.5px solid var(--bordo)}
@media (max-width:860px){.zodiaco{grid-template-columns:1fr}}
@media (max-width:420px){.animali{grid-template-columns:repeat(3,minmax(0,1fr))}.z-risultato{grid-template-columns:64px minmax(0,1fr)}.z-risultato img{width:64px;height:64px}}

/* ── 24 ───────────────────────────────────────────────── */
.termini{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.25rem,4vw,3rem);align-items:center;margin-bottom:2rem}
.anello{margin:0;max-width:440px;width:100%;justify-self:center}
.anello svg{width:100%;height:auto;overflow:visible}
.anello .seg{stroke:#fff;stroke-width:2;cursor:pointer;transition:opacity .15s}
.anello .seg.s0{fill:#D3E0EC}.anello .seg.s1{fill:#EEDDB0}.anello .seg.s2{fill:#F0D3CF}.anello .seg.s3{fill:#E5E1D8}
.anello .seg:hover{opacity:.8}
.anello .seg.scelto{stroke:var(--inchiostro);stroke-width:2.5}
.anello .seg.oggi{fill:var(--tiffany-forte)}
.anello .seg-testo{font:500 15px var(--han);fill:var(--inchiostro);pointer-events:none}
.anello .centro-num{font:600 66px var(--display);fill:var(--inchiostro)}
.anello .centro-testo{font:500 14px var(--testo);fill:var(--grigio)}
.anello .stagione-testo{font:600 12px var(--testo);fill:var(--grigio)}
.termine-scheda{background:var(--carta);border-radius:24px;padding:clamp(1.3rem,3vw,1.9rem)}
.termine-scheda p{margin:0}
.ts-etichetta{font-weight:600;font-size:.92rem;color:var(--tiffany-inchiostro)}
.ts-han{font-size:clamp(3.2rem,7vw,4.6rem);line-height:1.15;margin:.2rem 0 .1rem!important}
.ts-nome{font:500 1.25rem var(--display);font-variation-settings:"SOFT" 100}
.ts-date{color:var(--grigio);font-size:.95rem;margin:.4rem 0 .8rem!important}
.ts-testo{line-height:1.55}
.stagioni-termini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.stagione{border-radius:20px;padding:1rem 1rem 1.1rem}
.stagione.s0{background:var(--tiffany-velo)}.stagione.s1{background:var(--limone)}.stagione.s2{background:var(--pesco)}.stagione.s3{background:var(--carta)}
.stagione h4{display:flex;align-items:center;gap:.5rem;font:600 1.15rem var(--display);font-variation-settings:"SOFT" 100;margin-bottom:.6rem}
.stagione h4 img{width:28px;height:28px}
.stagione ol{list-style:none;display:grid;gap:.15rem}
.termine{width:100%;font:inherit;color:inherit;cursor:pointer;background:none;border:0;border-radius:10px;padding:.35rem .4rem;display:grid;grid-template-columns:auto 1fr auto;gap:.55rem;align-items:baseline;text-align:left}
.termine .han{font-size:1.05rem}
.termine .t-it{font-size:.86rem;line-height:1.3}
.termine time{font-size:.8rem;color:var(--grigio);white-space:nowrap}
.termine:hover,.termine.scelto{background:rgba(255,255,255,.75)}
.termine.oggi .han{color:var(--tiffany-inchiostro);font-weight:500}
.nota-date{font-size:.85rem;color:var(--grigio);margin:.8rem 0 0}
@media (max-width:980px){.stagioni-termini{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.termini{grid-template-columns:1fr}}
@media (max-width:480px){.stagioni-termini{grid-template-columns:1fr}}

/* ── 36 ───────────────────────────────────────────────── */
.stratagemmi{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.25rem,3vw,2rem);align-items:start}
.estrazione{background:var(--pesco);border:1.5px solid var(--bordo);border-radius:26px;box-shadow:4px 4px 0 var(--riflesso);padding:clamp(1.3rem,3vw,1.9rem);position:sticky;top:6.5rem;text-align:center}
.estrazione p{margin:0}
.s-gruppo{font-weight:600;font-size:.9rem;color:var(--grigio)}
.s-han{font-size:clamp(2.6rem,6vw,3.6rem);line-height:1.2;margin:.5rem 0 .2rem!important;letter-spacing:.04em}
.s-py{font:italic 500 1.15rem var(--display);color:var(--tiffany-inchiostro)}
.s-it{font-weight:600;font-size:1.08rem;margin:.5rem 0 .35rem!important}
.s-spiega{color:var(--grigio);margin-bottom:1.2rem!important;max-width:36ch;margin-inline:auto!important}
.estrazione.cambia .s-han{animation:gira .35s ease}
.gruppi{display:grid;gap:.6rem}
.gruppo{border:1.5px solid var(--linea);border-radius:18px;background:#fff}
.gruppo[open]{border-color:var(--inchiostro)}
.gruppo summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:.7rem;padding:.9rem 1.1rem;font-weight:600}
.gruppo summary::-webkit-details-marker{display:none}
.gruppo summary .han{font-size:1.1rem;color:var(--tiffany-inchiostro);white-space:nowrap}
.gruppo summary small{margin-left:auto;color:var(--grigio);font-weight:500;white-space:nowrap}
.gruppo ol{padding:0 1.1rem 1rem 2.6rem;display:grid;gap:.75rem}
.gruppo li{line-height:1.45}
.gruppo li .han{font-size:1.1rem}
.gruppo li i{color:var(--tiffany-inchiostro);font-size:.93rem}
.gruppo li .s-tit{display:block;font-weight:600;font-size:.97rem}
.gruppo li .s-senso{display:block;font-size:.93rem;color:var(--grigio)}
@media (max-width:860px){.stratagemmi{grid-template-columns:1fr}.estrazione{position:static}}

/* ── 60 ───────────────────────────────────────────────── */
.ciclo{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(1.25rem,3vw,2rem);align-items:start}
.tabella-ciclo table{width:100%;border-collapse:separate;border-spacing:3px;table-layout:fixed}
.tabella-ciclo th{font-weight:500;padding:.15rem 0;text-align:center;vertical-align:bottom}
.tabella-ciclo th .han{display:block;font-size:1.05rem}
.tabella-ciclo th small{display:block;font-size:.66rem;color:var(--grigio);line-height:1.2;overflow:hidden;text-overflow:ellipsis}
.tabella-ciclo thead th:first-child{width:2.6rem}
.tabella-ciclo td{padding:0}
.tabella-ciclo td.vuota{background:repeating-linear-gradient(135deg,transparent 0 4px,rgba(22,40,63,.05) 4px 5px);border-radius:8px}
.cella{width:100%;min-height:2.9rem;font:inherit;color:inherit;cursor:pointer;background:var(--tiffany-velo);border:1.5px solid transparent;border-radius:9px;padding:.2rem 0;line-height:1.05}
.cella .han{font-size:.98rem}
.cella:hover{border-color:var(--tiffany-forte)}
.cella.scelta{background:var(--limone-vivo);border-color:var(--inchiostro)}
.cella.adesso{box-shadow:inset 0 0 0 2px var(--corallo)}
.ac-risultato{background:var(--limone);border-radius:20px;padding:1rem 1.1rem}
.ac-risultato p{margin:0}
.ac-han{font-size:3rem;line-height:1.15}
.ac-nome{font:500 1.15rem var(--display);font-variation-settings:"SOFT" 100;margin:.15rem 0 .4rem!important}
.ac-anni{font-size:.93rem;color:var(--grigio)}
.legenda-ciclo{font-size:.85rem;color:var(--grigio);margin:.6rem 0 0}
@media (max-width:980px){.ciclo{grid-template-columns:1fr}}
@media (max-width:520px){
  .tabella-ciclo table{border-spacing:2px}
  .tabella-ciclo th .han{font-size:.85rem}
  .tabella-ciclo th small{display:none}
  .tabella-ciclo thead th:first-child{width:1.6rem}
  .cella{min-height:2.4rem;border-radius:6px}
  .cella .han{font-size:.78rem}
}

/* ── 72 ───────────────────────────────────────────────── */
.wukong{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.25rem,4vw,3rem);align-items:center;background:var(--tiffany-velo);border-radius:30px;padding:clamp(1.3rem,4vw,2.4rem)}
.wk-scena{margin:0;position:relative;height:230px;display:grid;place-items:center}
.wk-nuvola{position:absolute;bottom:0;left:50%;width:170px;height:170px;transform:translateX(-50%);opacity:.95}
.wk-figura{position:relative;width:128px;height:128px;margin-bottom:58px;animation:galleggia 3.6s ease-in-out infinite}
.wk-figura.cambia{animation:puf .5s ease}
@keyframes galleggia{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes puf{0%{transform:scale(.2) rotate(-25deg);opacity:0}70%{transform:scale(1.12) rotate(4deg);opacity:1}100%{transform:none}}
.wk-racconto p{margin:0 0 1rem}
.wk-passo{font:600 1.3rem var(--display);font-variation-settings:"SOFT" 100}
@media (max-width:700px){.wukong{grid-template-columns:1fr}.wk-scena{height:200px}}
.wk-passo b{font-weight:600}
.wk-passo .han{font-size:.95em;margin-left:.1rem}
.wk-passo i{font:italic 500 .95rem var(--testo);color:var(--tiffany-inchiostro)}
.wk-racconto a{color:var(--inchiostro)}
.wk-tutte{margin:1.2rem 0 0;border:1.5px solid var(--bordo);border-radius:22px;background:#fff}
.wk-tutte > summary{cursor:pointer;padding:.9rem 1.2rem;font:600 1.05rem/1.3 var(--display);font-variation-settings:"SOFT" 100;border-radius:20px}
.wk-tutte > summary:focus-visible{outline:3px solid var(--tiffany-inchiostro);outline-offset:2px}
.wk-elenco{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.4rem;padding:.2rem 1.2rem 1.2rem;margin:0;counter-reset:forma}
.wk-forma{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:start;padding:.7rem 0;border-top:1px solid var(--linea)}
.wk-forma-img{width:40px;height:40px;margin-top:.15rem}
.wk-forma p{margin:0}
.wk-forma-t{line-height:1.35;margin-bottom:.25rem!important}
.wk-forma-t b{font:600 1.02rem/1.3 var(--display);font-variation-settings:"SOFT" 100;counter-increment:forma}
.wk-forma-t b::before{content:counter(forma) ". "}
.wk-forma-t i{color:var(--tiffany-inchiostro);font-size:.92rem}
.wk-forma-d{font-size:.93rem;line-height:1.55;color:var(--grigio)}
.wk-forma-d a{color:var(--inchiostro)}
@media (max-width:760px){.wk-elenco{grid-template-columns:minmax(0,1fr)}}

/* ── Scopri: storia ───────────────────────────────────── */
.linea-tempo{list-style:none;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 3rem minmax(0,1fr);row-gap:.9rem}
.linea-tempo::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:var(--linea)}
.evento{position:relative}
.evento.cina{grid-column:1}
.evento.italia{grid-column:3}
.evento.insieme{grid-column:1/-1;justify-self:center;width:min(100%,620px);z-index:1}
.ev-scheda{background:#fff;border:1.5px solid var(--linea);border-radius:18px;padding:.95rem 1.1rem;position:relative}
.evento.cina .ev-scheda{border-right:4px solid var(--corallo)}
.evento.italia .ev-scheda{border-left:4px solid var(--tiffany-forte)}
.evento.insieme .ev-scheda{background:var(--limone);border:1.5px solid var(--bordo)}
.evento.cina::after,.evento.italia::after{content:"";position:absolute;top:1.15rem;width:.8rem;height:.8rem;border-radius:50%;border:2px solid #fff;box-sizing:content-box}
.evento.cina::after{right:-1.47rem;background:var(--corallo)}
.evento.italia::after{left:-1.47rem;background:var(--tiffany-forte)}
.ev-testa{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .7rem;margin:0 0 .3rem}
.ev-testa time{font:600 1.15rem var(--display);font-variation-settings:"SOFT" 100}
.ev-lato{font-size:.8rem;font-weight:600;color:var(--grigio)}
.ev-scheda p:last-child{margin:0;font-size:.96rem;line-height:1.5}
.ev-img{float:right;width:40px;height:40px;margin:0 0 .3rem .6rem}
.mito{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.2rem;align-items:center;margin-top:2.4rem;background:var(--pesco);border-radius:24px;padding:1.3rem 1.5rem;max-width:860px}
.mito img{width:64px;height:64px}
.mito h4{font:600 1.25rem var(--display);font-variation-settings:"SOFT" 100;margin-bottom:.35rem}
.mito p{margin:0}
@media (max-width:760px){
  .linea-tempo{grid-template-columns:1.6rem minmax(0,1fr)}
  .linea-tempo::before{left:.75rem}
  .evento.cina,.evento.italia,.evento.insieme{grid-column:2;justify-self:stretch;width:auto}
  .evento.cina::after,.evento.italia::after{left:-1.38rem;right:auto}
  .evento.cina .ev-scheda{border-right-width:1.5px;border-left:4px solid var(--corallo)}
}

/* ── Scopri: geografia ────────────────────────────────── */
.geo-numeri{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;list-style:none;margin-bottom:2.2rem}
.geo-numeri li{background:#fff;border:1.5px solid var(--linea);border-radius:20px;padding:1.05rem 1.15rem;display:flex;flex-direction:column}
.geo-numeri b{font:600 clamp(1.8rem,3.6vw,2.4rem)/1.05 var(--display);font-variation-settings:"SOFT" 100;letter-spacing:-.02em}
.g-unita{font-weight:600;font-size:.9rem;margin:.15rem 0 .45rem}
.g-testo{font-size:.9rem;color:var(--grigio);line-height:1.45}
@media (max-width:980px){.geo-numeri{grid-template-columns:repeat(2,minmax(0,1fr))}}
.carta-cina{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(1.25rem,3vw,2.2rem);align-items:start;margin-bottom:2.4rem}
.mappa{margin:0}
.mappa svg{width:100%;height:auto;display:block;border-radius:22px;border:1.5px solid var(--linea)}
.mappa .mare{fill:#E9EFF5}
.mappa .terra{fill:#FCFAF5;stroke:#C8D2DC;stroke-width:.6}
.mappa .altopiano{fill:#EFE6D6}
.mappa .deserto{fill:#F8ECCD}
.mappa .loess{fill:#F3E7CF}
.mappa .pianura{fill:#EDF4E2}
.mappa .fiume-minore{fill:none;stroke:#AFC6DD;stroke-width:1}
.mappa .fiume-azzurro{fill:none;stroke:#5B87B5;stroke-width:2.6;stroke-linejoin:round}
.mappa .fiume-giallo{fill:none;stroke:#D2A73A;stroke-width:2.6;stroke-linejoin:round}
.mappa .lago{fill:#AFC6DD}
.mappa .linea-hu{fill:none;stroke:#2E6B5C;stroke-width:1.6;stroke-dasharray:7 5}
.mappa .etichetta-regione{font:italic 500 13px var(--display);fill:#6E7E92}
.mappa .etichetta-fiume{font:600 12px var(--testo);fill:var(--grigio)}
.mappa .etichetta-citta{font:500 11.5px var(--testo);fill:var(--inchiostro)}
.mappa .citta{fill:var(--inchiostro)}
.mappa .alone{stroke:#FCFAF5;stroke-width:3.5;stroke-linejoin:round;paint-order:stroke}
.mappa .segno{cursor:pointer}
.mappa .segno circle{stroke:#fff;stroke-width:2}
.mappa .segno.famoso circle{fill:#2F5B8A}
.mappa .segno.nascosto circle{fill:#C93C25}
.mappa .segno text{font:700 11px var(--testo);fill:#fff;pointer-events:none}
.mappa .segno.attivo circle{stroke:var(--inchiostro)}
.mappa .guida{stroke:var(--inchiostro)}
.legenda-mappa{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:.7rem;font-size:.86rem;color:var(--grigio)}
.legenda-mappa span{display:inline-flex;align-items:center;gap:.4rem}
.pallino{display:inline-block;width:.8rem;height:.8rem;border-radius:50%}
.pallino.famoso{background:#2F5B8A}.pallino.nascosto{background:#C93C25}
.tratto{display:inline-block;width:1.4rem;height:3px;border-radius:2px}
.tratto.azzurro{background:#5B87B5}.tratto.giallo{background:#D2A73A}
.tratto.hu{height:0;border-top:2px dashed #2E6B5C;background:none}
.gradini{background:var(--carta);border-radius:24px;padding:clamp(1.2rem,3vw,1.7rem)}
.gradini h4{font:600 1.35rem var(--display);font-variation-settings:"SOFT" 100;margin-bottom:.6rem}
.gradini p{font-size:.98rem;line-height:1.6}
@media (max-width:900px){.carta-cina{grid-template-columns:1fr}}
.luoghi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,3vw,2rem)}
.luoghi h4{font:600 1.35rem var(--display);font-variation-settings:"SOFT" 100;margin-bottom:.9rem}
.elenco-luoghi{list-style:none;display:grid;gap:.7rem}
.luogo{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:start;background:#fff;border:1.5px solid var(--linea);border-radius:20px;padding:1rem 1.1rem;transition:border-color .15s,box-shadow .15s}
.luogo.attivo{border-color:var(--inchiostro);box-shadow:3px 3px 0 var(--riflesso)}
.numero-luogo{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;color:#fff;font-weight:700;font-size:.92rem}
.luogo.famoso .numero-luogo{background:#2F5B8A}.luogo.nascosto .numero-luogo{background:#C93C25}
.luogo h5{font:600 1.12rem/1.3 var(--display);font-variation-settings:"SOFT" 100;margin:.05rem 0 .15rem}
.luogo h5 .han{font-size:1rem;color:var(--tiffany-inchiostro);margin-left:.25rem}
.l-dove{font-size:.86rem;color:var(--grigio);margin:0 0 .4rem}
.luogo p:last-of-type{margin:0;font-size:.95rem;line-height:1.5}
.unesco{display:inline-block;margin-top:.55rem;font-size:.78rem;font-weight:600;background:var(--tiffany-velo);border-radius:999px;padding:.15rem .6rem}
@media (max-width:860px){.luoghi{grid-template-columns:1fr}}

/* ── Scopri: mondo ────────────────────────────────────── */
.diaspora{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(1.25rem,3vw,2.2rem);align-items:start;margin-bottom:2.2rem}
.mappa-mondo .bolla{fill:#2F5B8A;fill-opacity:.72;stroke:#fff;stroke-width:1.5}
.mappa-mondo .bolla.italia{fill:#C93C25;fill-opacity:1}
.mappa-mondo .bolla.origine{fill:var(--inchiostro);fill-opacity:1}
.mappa-mondo .etichetta-citta{font:600 13px var(--testo);fill:var(--inchiostro)}
.barre-diaspora h4{font:600 1.3rem var(--display);font-variation-settings:"SOFT" 100;margin-bottom:.8rem}
.barre{list-style:none;display:grid;gap:.55rem}
.barre li{display:grid;grid-template-columns:6.4rem minmax(0,1fr) 5.4rem;gap:.15rem .6rem;align-items:center;font-size:.93rem}
.b-barra{height:.7rem;background:var(--tiffany-velo);border-radius:4px;overflow:hidden}
.b-barra i{display:block;height:100%;background:#2F5B8A;border-radius:0 4px 4px 0}
.barre li.evidenza .b-barra i{background:#C93C25}
.barre li.evidenza .b-paese{font-weight:700}
.b-valore{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.b-nota{grid-column:2/-1;font-size:.78rem;color:var(--grigio);margin-top:-.15rem}
@media (min-width:901px){.mappa-mondo{position:sticky;top:6rem}}
@media (max-width:900px){.diaspora{grid-template-columns:1fr}}
.italia-cinese{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem;list-style:none}
.italia-cinese li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;align-items:start;background:var(--carta);border-radius:20px;padding:1.1rem 1.2rem}
.italia-cinese img{width:40px;height:40px}
.italia-cinese h5{font:600 1.1rem var(--display);font-variation-settings:"SOFT" 100;margin:0 0 .3rem}
.italia-cinese p{margin:0;font-size:.94rem;line-height:1.5}

/* ── Scopri: viaggio ──────────────────────────────────── */
.consigli{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem;list-style:none;margin-bottom:2.4rem}
.consigli li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:start;background:#fff;border:1.5px solid var(--linea);border-radius:22px;padding:1.15rem 1.25rem}
.consigli img{width:44px;height:44px}
.consigli h4{font:600 1.15rem var(--display);font-variation-settings:"SOFT" 100;margin:.1rem 0 .35rem}
.consigli p{margin:0;font-size:.95rem;line-height:1.55}
.titolo-frasi{font:600 1.4rem var(--display);font-variation-settings:"SOFT" 100;margin-bottom:.3rem}
.frasi{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:.6rem;list-style:none;margin-top:1rem}
.frase{width:100%;height:100%;font:inherit;color:inherit;cursor:pointer;text-align:left;background:var(--tiffany-velo);border:1.5px solid transparent;border-radius:18px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.1rem}
.frase .han{font-size:1.35rem;line-height:1.3}
.frase i{color:var(--tiffany-inchiostro);font-size:.92rem}
.frase .f-it{font-size:.9rem;color:var(--grigio)}
.frase:hover{border-color:var(--tiffany-forte)}
.frase.parla{background:var(--limone);border-color:var(--inchiostro)}

/* ── Biblioteca ───────────────────────────────────────── */
.libri{background:var(--tiffany-velo)}
.scaffale{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,3vw,2rem);list-style:none}
.libro{background:#fff;border:1.5px solid var(--bordo);border-radius:26px;padding:1.3rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:1.1rem}
.copertina{display:block;align-self:center;width:min(100%,220px);border-radius:6px;box-shadow:0 1px 0 var(--linea),8px 10px 0 rgba(22,40,63,.12);transition:transform .2s}
.copertina:hover{transform:translateY(-3px) rotate(-1deg)}
.copertina img{width:100%;height:auto;border-radius:6px;border:1px solid var(--linea)}
.libro h3{font-size:1.3rem;line-height:1.25}
.libro h3 .han{display:block;font-size:1rem;color:var(--tiffany-inchiostro);margin-top:.2rem}
.libro-livello{font-weight:600;margin:0}
.libro-dati{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none}
.libro-dati li{font-size:.84rem;background:var(--carta);border-radius:999px;padding:.25rem .7rem}
.libro-testo{display:grid;gap:.7rem}
@media (max-width:900px){.scaffale{grid-template-columns:1fr}.libro{flex-direction:row;align-items:center}.copertina{width:150px;flex:none}}
@media (max-width:520px){.libro{flex-direction:column;align-items:stretch}.copertina{width:170px}}
.inizi{margin-top:clamp(2.5rem,5vw,3.5rem)}
.inizi h3{font-size:1.6rem;margin-bottom:.3rem}
.inizi > p{color:var(--grigio)}
.inizi ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:.6rem}
.inizi a{display:flex;flex-direction:column;gap:.1rem;height:100%;background:#fff;border:1.5px solid var(--linea);border-radius:16px;padding:.8rem 1rem;text-decoration:none;color:var(--inchiostro);font-weight:600}
.inizi a:hover{border-color:var(--inchiostro)}
.inizi a .han{font-weight:500;color:var(--tiffany-inchiostro)}
.inizi a small{font-weight:500;color:var(--grigio);font-size:.85rem}
.nota-libri{font-size:.9rem;color:var(--grigio);margin:1.6rem 0 0}

/* ── omaggi nell'apertura ─────────────────────────────── */
.omaggi{margin:.7rem 0 0;font-size:.97rem;color:var(--grigio);max-width:46ch}

@media (prefers-reduced-motion:reduce){.wk-figura{animation:none}}
.numeri{background:#FCFAF4}
.piede .crediti{flex-basis:100%;font-size:.86rem}
.piede .crediti a{color:var(--grigio)}

/* ── L'Italia in cinese ───────────────────────────────── */
.nota-voce{margin:0 0 1.2rem}
.it-gruppo{margin-top:2rem}
.it-gruppo h4{display:flex;align-items:center;gap:.6rem;font-size:1.3rem;margin-bottom:.9rem}
.it-gruppo h4 img{width:34px;height:34px}
.parole-it{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:.8rem}
.parola-it{background:#fff;border:1.5px solid var(--linea);border-radius:18px;padding:1rem 1.1rem}
.pi-testa{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.pi-testa .han{font-size:1.75rem;line-height:1.2}
.pi-py{margin:.3rem 0 .35rem;font-size:.95rem}
.pi-py i{color:var(--tiffany-inchiostro)}
.pi-nota{margin:0;font-size:.93rem;line-height:1.5;color:var(--grigio)}

/* ── Il cinese vivo ───────────────────────────────────── */
.vivo{background:var(--limone)}
.vivo-titolo{font-size:clamp(1.5rem,2.6vw,1.95rem);margin:clamp(2.6rem,5vw,3.6rem) 0 .5rem}
.vivo .nota-voce + .vivo-titolo{margin-top:0}
.vivo-sotto{color:var(--inchiostro);max-width:66ch;margin:0 0 1.2rem}
.sorprese{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}
.sorpresa{background:#fff;border:1.5px solid var(--bordo);border-radius:22px;padding:1.25rem 1.35rem;display:flex;flex-direction:column;gap:.35rem}
.sorpresa img{width:44px;height:44px}
.sorpresa h4{font-size:1.2rem;margin:.2rem 0 0}
.s-esempio{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.25rem 0 0}
.s-esempio .han{font-size:1.4rem;line-height:1.35}
.sp-py{margin:0;font-size:.93rem}
.sp-py i{color:var(--tiffany-inchiostro)}
.sorpresa p:last-child{margin:.15rem 0 0;font-size:.97rem;line-height:1.5}
.rete{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.parola-rete{background:#fff;border:1.5px solid rgba(22,40,63,.18);border-radius:18px;padding:1rem;display:grid;grid-template-columns:40px minmax(0,1fr);gap:.75rem;align-items:start}
.parola-rete img{width:40px;height:40px}
.r-scritto{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:0}
.r-scritto .han{font-size:1.45rem;line-height:1.2;font-weight:600}
.r-py{margin:.15rem 0 .35rem;font-size:.9rem;color:var(--tiffany-inchiostro)}
.parola-rete p:last-child{margin:0;font-size:.92rem;line-height:1.5}
.video{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem 1rem;margin-top:.4rem}
.video-scheda{position:relative;background:#fff;border:1.5px solid var(--bordo);border-radius:22px;padding:1.25rem 1.35rem 1.35rem;display:grid;grid-template-columns:48px minmax(0,1fr);gap:.9rem;align-items:start}
.video-scheda img{width:48px;height:48px}
.v-num{position:absolute;top:-.75rem;left:-.6rem;width:2rem;height:2rem;border-radius:50%;background:var(--limone-vivo);border:1.5px solid var(--bordo);display:grid;place-items:center;font:700 .9rem var(--testo)}
.video-scheda h4{font-size:1.2rem;margin-bottom:.15rem}
.v-fonte{margin:0 0 .55rem;font-size:.88rem;color:var(--grigio)}
.v-missione{margin:0 0 .9rem;font-size:.97rem;line-height:1.5}
.v-missione b{font-weight:600}
.v-link{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;font-size:.95rem;color:var(--inchiostro);border:1.5px solid var(--bordo);border-radius:999px;padding:.45rem .95rem;text-decoration:none;background:var(--tiffany)}
.v-link::after{content:"↗";font-weight:700}
.v-link:hover{background:var(--tiffany-forte);color:var(--inchiostro)}
.vivo .fonti{margin-top:1.1rem}
.attrezzi-web{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.attrezzi-web li{background:#fff;border:1.5px solid rgba(22,40,63,.18);border-radius:18px;padding:1rem;display:grid;grid-template-columns:40px minmax(0,1fr);gap:.75rem;align-items:start}
.attrezzi-web img{width:40px;height:40px}
.attrezzi-web h4{font-size:1.1rem;margin-bottom:.2rem}
.attrezzi-web p{margin:0;font-size:.92rem;line-height:1.5;color:var(--grigio)}
@media (max-width:1000px){.rete,.attrezzi-web{grid-template-columns:repeat(2,minmax(0,1fr))}.sorprese{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.video{grid-template-columns:1fr}}
@media (max-width:560px){.rete,.attrezzi-web,.sorprese{grid-template-columns:1fr}}
.pop{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.voce-pop{background:#fff;border:1.5px solid var(--bordo);border-radius:22px;padding:1.25rem 1.35rem 1.35rem}
.voce-pop > img{width:44px;height:44px}
.voce-pop h4{font-size:1.25rem;margin:.4rem 0 0}
.voce-pop h4 .han{font-size:1.45rem}
.vp-py{margin:0;font-size:.92rem;color:var(--tiffany-inchiostro)}
.vp-chi{margin:.4rem 0 .8rem;font-size:.94rem;line-height:1.5;color:var(--grigio)}
.brani{list-style:none;display:grid;gap:.6rem}
.brani li{border-top:1.5px dashed var(--linea);padding-top:.6rem}
.brano{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .5rem;color:var(--inchiostro);text-decoration:none}
.brano .han{font-size:1.25rem;font-weight:600;text-decoration:underline;text-decoration-color:var(--tiffany-forte);text-underline-offset:.2em}
.brano i{color:var(--tiffany-inchiostro);font-size:.92rem}
.brano .b-it{font-size:.92rem}
.brano .b-it::after{content:"\00a0↗";font-weight:700;font-size:.9rem}
.brano:hover .han{text-decoration-color:var(--inchiostro)}
.brani p{margin:.2rem 0 0;font-size:.9rem;line-height:1.5;color:var(--grigio)}
@media (max-width:1000px){.pop{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.pop{grid-template-columns:1fr}}

/* ── Le schede: mese → settimana → giorno ── */
.schede{background:var(--tiffany-velo)}
.sfoglia{display:grid;gap:1.1rem}
.sf-edizioni,.sf-mesi{display:flex;flex-wrap:wrap;gap:.45rem}
@media (max-width:860px){.sf-mesi{flex-wrap:nowrap;overflow-x:auto;padding:.2rem .1rem .6rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}}
.sf-edizioni button,.sf-mesi button{flex:none;border:1.5px solid var(--bordo);border-radius:999px;background:#fff;color:var(--inchiostro);font:600 .93rem/1.2 var(--testo);padding:.5rem .95rem;cursor:pointer;min-height:2.6rem}
.sf-edizioni button small,.sf-mesi button small{font-weight:500;color:var(--grigio);margin-left:.2rem}
.sf-edizioni button:hover,.sf-mesi button:hover{background:var(--limone)}
.sf-edizioni [aria-pressed="true"],.sf-mesi [aria-pressed="true"]{background:var(--inchiostro);color:#fff}
.sf-edizioni [aria-pressed="true"] small,.sf-mesi [aria-pressed="true"] small{color:#D3DEEA}
.sf-corpo{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.62fr);gap:clamp(1rem,3vw,2rem);align-items:start}
.sf-settimane{list-style:none;display:grid;gap:.55rem;position:sticky;top:6rem}
.sf-settimane button{width:100%;text-align:left;border:1.5px solid var(--linea);border-radius:16px;background:#fff;color:var(--inchiostro);padding:.75rem .95rem;display:grid;gap:.15rem;font:inherit;cursor:pointer}
.sf-settimane button small{color:var(--grigio);font-size:.84rem}
.sf-settimane button b{font-weight:600;font-size:.97rem;line-height:1.3}
.sf-settimane button:hover{border-color:var(--inchiostro)}
.sf-settimane [aria-pressed="true"]{border:1.5px solid var(--bordo);background:var(--limone);box-shadow:var(--ombra)}
.sf-giorni{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem;margin-bottom:1rem}
.sf-giorni button{position:relative;border:1.5px solid var(--linea);border-radius:14px;background:#fff;color:var(--inchiostro);padding:.45rem .15rem .4rem;display:grid;justify-items:center;font:inherit;line-height:1.15;cursor:pointer;min-height:3.9rem}
.sf-giorni button b{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.sf-giorni button span{font:600 1.15rem/1.2 var(--display);font-variation-settings:"SOFT" 100}
.sf-giorni button small{font-size:.74rem;color:var(--grigio)}
.sf-giorni .k-lez,.sf-giorni .k-tra{background:var(--tiffany-velo);border-color:var(--tiffany-forte)}
.sf-giorni .k-bot{background:var(--limone)}
.sf-giorni .k-dom{background:var(--carta);border-style:dashed}
.sf-giorni .k-spe{background:var(--pesco)}
.sf-giorni [aria-pressed="true"]{border:1.5px solid var(--bordo);box-shadow:2px 2px 0 var(--riflesso)}
.sf-giorni .oggi::after{content:"";position:absolute;top:.35rem;right:.35rem;width:.45rem;height:.45rem;border-radius:50%;background:var(--corallo)}
.sf-giorni button:disabled{opacity:.3;cursor:default}
.sf-passi{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-top:1.1rem}
.sf-corto{display:none}
.sf-nota{margin:.8rem 0 0}
.sf-voce:empty{display:none}
.sf-voce{margin:.8rem 0 0}

.scheda-giorno{border:1.5px solid var(--bordo);border-radius:26px;background:#fff;box-shadow:var(--ombra);padding:clamp(1.25rem,3.2vw,2.1rem)}
.scheda-giorno > p:last-child{margin-bottom:0}
.sg-tag{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0 0 .7rem;font:700 .74rem/1 var(--testo);letter-spacing:.1em;text-transform:uppercase}
.sg-tag span:first-child{background:var(--tiffany-velo);border:1.5px solid var(--bordo);padding:.38rem .65rem;border-radius:999px}
.k-lez .sg-tag span:first-child,.k-tra .sg-tag span:first-child{background:var(--tiffany)}
.k-bot .sg-tag span:first-child{background:var(--limone-vivo)}
.k-spe .sg-tag span:first-child{background:var(--pesco-forte)}
.k-dom .sg-tag span:first-child,.k-pau .sg-tag span:first-child,.k-ann .sg-tag span:first-child{background:var(--carta)}
.sg-min{color:var(--grigio)}
.sg-data{color:var(--grigio);font-size:.93rem;margin:0 0 .25rem}
.scheda-giorno h3{font-size:clamp(1.4rem,2.6vw,1.85rem);margin-bottom:1.1rem}
.sg-speciale{background:var(--limone);border-radius:14px;padding:.75rem .95rem;font-weight:500}
.sg-car{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.25rem;align-items:start;margin:0 0 1.2rem;padding-bottom:1.2rem;border-bottom:1.5px dashed var(--linea)}
.sg-segno{display:grid;justify-items:center;gap:.55rem}
.sg-han{margin:0;width:6.4rem;height:6.4rem;display:grid;place-items:center;font:500 4.4rem/1 var(--han);border:2px solid var(--tiffany);border-radius:12px;
  background:linear-gradient(var(--tiffany-velo),var(--tiffany-velo)) center/1.5px 100% no-repeat,linear-gradient(var(--tiffany-velo),var(--tiffany-velo)) center/100% 1.5px no-repeat,#fff}
.sg-car-nome{font-size:1.15rem;margin:0 0 .2rem}
.sg-car-nome i{color:var(--tiffany-inchiostro);font-weight:600}
.sg-car-dati{color:var(--grigio);font-size:.93rem;margin:0 0 .6rem}
.sg-frase{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.1rem .8rem;align-items:start;background:var(--carta);border-radius:18px;padding:1rem 1.1rem;margin:0 0 1.1rem}
.sg-frase .ascolta{grid-column:2;grid-row:1}
.sg-zh{grid-column:1;font:500 1.45rem/1.45 var(--han);margin:0}
.sg-py{grid-column:1/-1;color:var(--tiffany-inchiostro);margin:.2rem 0 0}
.sg-it{grid-column:1/-1;color:var(--grigio);margin:0}
.sg-parole{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.1rem}
.sg-parole li{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.15rem .5rem;border:1.5px solid var(--linea);border-radius:18px;padding:.35rem .4rem .35rem .85rem;background:#fff;max-width:100%}
.sg-parole .han{font-size:1.2rem}
.sg-parole i{color:var(--tiffany-inchiostro)}
.sg-parole li > span:not(.han){color:var(--grigio);font-size:.92rem}
.sg-parole .ascolta{width:1.9rem;height:1.9rem}
.sg-ripasso{margin:0 0 1.1rem}
.sg-sotto{font:700 .74rem var(--testo);letter-spacing:.1em;text-transform:uppercase;color:var(--grigio);margin:0 0 .5rem}
.sg-ripasso ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(6.6rem,1fr));gap:.5rem}
.sg-carta{width:100%;min-height:5.6rem;border:1.5px solid var(--bordo);border-radius:16px;background:#fff;color:var(--inchiostro);display:grid;place-items:center;align-content:center;gap:.2rem;font:inherit;cursor:pointer;padding:.5rem .4rem;text-align:center}
.sg-carta .han{font-size:2.1rem;line-height:1.1}
.sg-carta .sg-retro{display:none;font-size:.86rem;line-height:1.3}
.sg-carta .sg-retro i{color:var(--tiffany-inchiostro);font-weight:600}
.sg-carta:hover{background:var(--limone)}
.sg-carta[aria-expanded="true"]{background:var(--tiffany-velo)}
.sg-carta[aria-expanded="true"] .sg-retro{display:block}
.sg-compito{border-left:4px solid var(--corallo);padding:.15rem 0 .15rem 1rem;margin:1.1rem 0}
.sg-compito b{display:block;font:700 .74rem/1.4 var(--testo);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.15rem}
.sg-link{margin:0}
.sg-link a{font-weight:600}
@media (max-width:860px){
  .sf-corpo{grid-template-columns:1fr}
  .sf-settimane{position:static;display:flex;overflow-x:auto;gap:.5rem;padding:.2rem .1rem .6rem;scrollbar-width:thin}
  .sf-settimane li{flex:none;width:min(15rem,72vw)}
  .sf-settimane button{height:100%}
}
@media (max-width:480px){
  .sg-car{grid-template-columns:1fr}
  .sg-segno{grid-template-columns:auto auto;justify-content:start;align-items:end}
  .sg-han{width:5.6rem;height:5.6rem;font-size:3.8rem}
  .sf-giorni{gap:.25rem}
  .sf-giorni button{border-radius:11px;min-height:3.6rem}
  .sf-giorni button span{font-size:1.02rem}
  .sf-passi{display:grid;grid-template-columns:1fr 1fr 1fr}
  .sf-passi .btn{padding-inline:.5rem}
  .sf-lungo{display:none}
  .sf-corto{display:inline}
}

/* ── Un dono per la biblioteca ── */
.dono{margin-top:1.4rem;border-top:1.5px dashed rgba(22,40,63,.22);padding-top:1.3rem}
.dono h5{font:600 1.18rem/1.25 var(--display);font-variation-settings:"SOFT" 100;margin:0 0 .45rem;display:flex;align-items:center;gap:.55rem}
.dono h5 .busta{flex:none;display:inline-grid;place-items:center;width:2.1rem;height:2.6rem;border-radius:6px;background:#D7261E;color:#FFD9A0;font:500 1.15rem/1 var(--han);box-shadow:2px 2px 0 var(--riflesso)}
.dono > p{font-size:.95rem;color:var(--grigio);margin:0 0 .75rem}
.dono-scelte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:0 0 .8rem}
.dono-scelte button{border:1.5px solid var(--bordo);border-radius:16px;background:#fff;color:var(--inchiostro);display:grid;justify-items:center;gap:.05rem;padding:.55rem .3rem;font:inherit;line-height:1.2;cursor:pointer}
.dono-scelte b{font:600 1.15rem var(--display);font-variation-settings:"SOFT" 100}
.dono-scelte .han{font-size:1.05rem;color:#B3201A}
.dono-scelte small{font-size:.76rem;color:var(--grigio);text-align:center}
.dono-scelte button:hover{background:var(--limone)}
.dono-scelte [aria-pressed="true"]{background:#F6E5E1;border-width:2px;box-shadow:2px 2px 0 var(--riflesso)}
.dono .dati-banca{margin:.2rem 0 .7rem}
.dono-libero label{grid-column:1/-1;color:var(--grigio);font-size:.82rem}
.dono-libero .valore{display:flex;align-items:center;gap:.35rem}
.dono-libero input{width:6.5rem;min-height:2.6rem;padding:.35rem .6rem;border:1.5px solid var(--bordo);border-radius:10px;font:600 1.04rem var(--testo);color:var(--inchiostro);background:#fff}
.dono-libero input:focus-visible{outline:3px solid var(--tiffany-inchiostro);outline-offset:2px}
.dono-libero .copia:disabled{opacity:.45;cursor:default}
.dono-nota{font-size:.85rem!important;margin:0!important}

/* ── Capire la Cina: dodici discipline ── */
.capire{background:var(--bianco)}
.capire .nota-voce{margin:-1.2rem 0 1.4rem}
.schede-capire{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem;margin-bottom:2.4rem}
.scheda-capire{font:inherit;color:var(--inchiostro);cursor:pointer;background:#fff;border:1.5px solid var(--linea);border-radius:20px;padding:.85rem .4rem .7rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;transition:background .15s,border-color .15s}
.scheda-capire .han{font-size:1.32rem;line-height:1.15;color:var(--tiffany-inchiostro)}
.sc-nome{font-size:.9rem;font-weight:600;line-height:1.2;text-align:center}
.sc-punti{display:flex;gap:.25rem;margin-top:.3rem}
.sc-punti i{width:.42rem;height:.42rem;border-radius:50%;border:1.5px solid var(--linea);background:#fff}
.sc-punti i.si{background:var(--tiffany-forte);border-color:var(--tiffany-inchiostro)}
.sc-punti i.no{background:var(--pesco-forte);border-color:#B3475A}
.scheda-capire:hover{border-color:var(--tiffany-forte)}
.scheda-capire[aria-selected="true"]{background:var(--inchiostro);border:1.5px solid var(--bordo);color:#fff;box-shadow:3px 3px 0 var(--tiffany)}
.scheda-capire[aria-selected="true"] .han{color:var(--tiffany)}
.scheda-capire[aria-selected="true"] .sc-punti i{border-color:rgba(255,255,255,.6);background:transparent}
.scheda-capire[aria-selected="true"] .sc-punti i.si{background:var(--tiffany);border-color:var(--tiffany)}
.scheda-capire[aria-selected="true"] .sc-punti i.no{background:var(--pesco-forte);border-color:var(--pesco-forte)}
.cap-testa{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.4rem;align-items:start;margin-bottom:2.2rem;max-width:900px}
.cap-testa .illustrazione{width:76px;height:76px}
.cap-disciplina{font:700 .78rem/1.4 var(--testo);letter-spacing:.12em;text-transform:uppercase;color:var(--tiffany-inchiostro);margin:0 0 .55rem}
.cap-disciplina .han{font-size:1rem;letter-spacing:.04em;color:var(--inchiostro)}
.cap-disciplina i{text-transform:none;letter-spacing:0;font:italic 500 .95rem var(--display)}
.cap-testa h3{font-size:clamp(1.65rem,3vw,2.3rem);line-height:1.12;margin-bottom:.8rem}
.cap-domanda{margin:0;font:italic 450 clamp(1.12rem,1.7vw,1.3rem)/1.4 var(--display);font-variation-settings:"SOFT" 100;color:var(--grigio);border-left:3px solid var(--tiffany-forte);padding-left:.9rem;max-width:56ch}
.cap-corpo{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(1.6rem,4vw,3rem);align-items:start}
.capire h4{font:600 1.22rem/1.25 var(--display);font-variation-settings:"SOFT" 100;margin:0 0 .7rem}
.cap-idea p{margin:0;max-width:68ch;font-size:1.06rem;line-height:1.7}
.cap-motto{margin:0;background:var(--tiffany-velo);border:1.5px solid var(--bordo);border-radius:26px;box-shadow:4px 4px 0 var(--tiffany);padding:1.4rem 1.4rem 1.3rem}
.cm-han{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .7rem;margin:0 0 .8rem}
.cm-quadri{display:flex;flex-wrap:wrap;gap:.45rem}
.cq-gruppo{display:flex;flex-wrap:wrap;gap:.22rem}
.cq-gruppo span{width:2.75rem;height:2.75rem;display:grid;place-items:center;border:1.5px solid var(--tiffany-inchiostro);border-radius:5px;font:500 1.75rem/1 var(--han);color:var(--inchiostro);background:
  linear-gradient(var(--tiffany) 0 0) center/1px 100% no-repeat,
  linear-gradient(var(--tiffany) 0 0) center/100% 1px no-repeat,#fff}
.cm-py{margin:0;font:italic 500 1.05rem/1.35 var(--display);color:var(--tiffany-inchiostro)}
.cm-it{margin:.15rem 0 .8rem;font:600 1.12rem/1.35 var(--display);font-variation-settings:"SOFT" 100}
.cap-motto figcaption{font-size:.9rem;line-height:1.5;color:var(--grigio)}
.cap-titoletto{margin-top:2.6rem!important}
.cap-concetti{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.cap-concetti li{background:#fff;border:1.5px solid var(--bordo);border-radius:20px;padding:1.15rem 1.25rem 1.25rem}
.cc-han{display:flex;align-items:center;gap:.7rem;margin:0 0 .35rem}
.cc-han .han{font-size:2rem;line-height:1.1;color:var(--tiffany-inchiostro)}
.cc-py{margin:0 0 .55rem;font-size:.95rem;font-weight:600}
.cc-py i{font:italic 500 1rem var(--display);color:var(--tiffany-inchiostro)}
.cap-concetti li > p:last-child{margin:0;font-size:.97rem;color:var(--grigio)}
.cap-voce{margin:.8rem 0 0}
.cap-voce:empty{display:none}
.cap-mito{margin-top:2.2rem;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);border-radius:24px;overflow:hidden;border:1.5px solid var(--bordo)}
.cap-mito p{margin:0;padding:1.2rem 1.4rem 1.3rem;display:flex;flex-direction:column;gap:.45rem}
.cm-dice{background:var(--pesco)}
.cm-dice > span:last-child{font:italic 500 1.12rem/1.4 var(--display);text-decoration:line-through;text-decoration-color:rgba(179,71,90,.55);text-decoration-thickness:1.5px}
.cm-realta{background:#fff;border-left:1.5px solid var(--bordo)}
.cm-etichetta{align-self:flex-start;font:700 .72rem/1 var(--testo);letter-spacing:.1em;text-transform:uppercase;padding:.35rem .6rem;border-radius:999px;border:1.5px solid var(--bordo);background:#fff}
.cm-realta .cm-etichetta{background:var(--tiffany)}
.quiz{margin-top:2.2rem;background:#fff;border:1.5px solid var(--bordo);border-radius:26px;box-shadow:4px 4px 0 var(--riflesso);padding:clamp(1.3rem,3vw,2rem)}
.quiz h4 small{font:600 .78rem var(--testo);letter-spacing:.1em;text-transform:uppercase;color:var(--grigio);margin-left:.5rem}
.q-lista{list-style:none;margin:0;padding:0;display:grid;gap:1.6rem}
.q + .q{border-top:1.5px dashed var(--linea);padding-top:1.5rem}
.q-testo{display:flex;gap:.7rem;align-items:baseline;margin:0 0 .8rem;font-weight:600;font-size:1.04rem}
.q-num{flex:none;display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--limone);border:1.5px solid var(--bordo);font:600 .9rem var(--display);transform:translateY(-.1rem)}
.q-opz{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.q-opz-btn{width:100%;height:100%;min-height:3rem;display:flex;align-items:center;gap:.65rem;text-align:left;font:inherit;font-size:.98rem;line-height:1.35;color:var(--inchiostro);background:var(--carta);border:1.5px solid var(--linea);border-radius:14px;padding:.6rem .9rem;cursor:pointer;transition:border-color .15s,background .15s}
.q-lettera{flex:none;display:inline-grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:50%;background:#fff;border:1.5px solid var(--linea);font:700 .78rem var(--testo)}
.q-opz-btn:disabled{cursor:default;color:var(--inchiostro)}
.q-opz-btn:not(:disabled):not([aria-disabled="true"]):hover{border-color:var(--tiffany-forte);background:#fff}
.q-opz-btn[aria-disabled="true"]{cursor:default}
.q-opz-btn.q-si{background:var(--tiffany-velo);border:2px solid var(--tiffany-inchiostro)}
.q-opz-btn.q-si .q-lettera,.q-opz-btn.q-era .q-lettera{background:var(--tiffany-inchiostro);border-color:var(--tiffany-inchiostro);color:#fff}
.q-opz-btn.q-no{background:var(--pesco);border:2px solid #B3475A}
.q-opz-btn.q-no .q-lettera{background:#B3475A;border-color:#B3475A;color:#fff}
.q-opz-btn.q-era{border:2px dashed var(--tiffany-inchiostro);background:#fff}
.q-esito{margin:.75rem 0 0;font-size:.97rem;color:var(--inchiostro)}
.q-esito:empty{margin:0}
.q-esito b{font-weight:700}
.q-esito.si b{color:var(--tiffany-inchiostro)}
.q-esito.no b{color:#9E3347}
.q-risposta{margin-top:.7rem;font-size:.95rem}
.q-risposta summary{cursor:pointer;font-weight:600;color:var(--tiffany-inchiostro)}
.q-risposta p{margin:.4rem 0 0}
.cap-fonti{margin-top:2.4rem}
.cap-fonti ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 2rem}
.cap-fonti li{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;border-top:1.5px solid var(--linea);padding-top:.8rem}
.cap-fonti li p{margin:0;font-size:.95rem;line-height:1.5}
.cf-tipo{font:700 .7rem/1 var(--testo);letter-spacing:.1em;text-transform:uppercase;color:var(--tiffany-inchiostro)}
.cf-chi{font-weight:600}
.cap-fonti cite{font-style:italic}
.cf-nota{display:block;color:var(--grigio);font-size:.9rem;margin-top:.15rem}
.cap-punteggio{margin-top:2.6rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem;background:var(--limone);border:1.5px solid var(--bordo);border-radius:24px;padding:1rem 1.3rem}
.cp-conta{flex:1 1 16rem;min-width:0}
.cp-conta p{margin:0 0 .5rem;font-size:1rem}
.cp-barra{height:.55rem;border-radius:999px;background:#fff;border:1.5px solid var(--bordo);overflow:hidden}
.cp-barra i{display:block;height:100%;width:0;background:var(--tiffany-forte);transition:width .3s ease}
.cp-azioni{margin:0}
.cp-fine{margin:.6rem 0 0!important;font-weight:600}
.cap-firma{margin:1.6rem 0 0}
@media (max-width:980px){
  .schede-capire{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cap-corpo{grid-template-columns:minmax(0,1fr)}
  .cap-motto{max-width:560px}
  .cap-concetti{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .schede-capire{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}
  .scheda-capire{border-radius:16px;padding:.65rem .2rem .55rem}
  .scheda-capire .han{font-size:1.12rem}
  .sc-nome{font-size:.8rem}
  .cap-testa{grid-template-columns:1fr;gap:.8rem}
  .cap-testa .illustrazione{width:56px;height:56px}
  .cap-concetti{grid-template-columns:1fr}
  .cap-mito{grid-template-columns:1fr}
  .cm-realta{border-left:0;border-top:1.5px solid var(--bordo)}
  .q-opz{grid-template-columns:1fr}
  .cap-fonti ul{grid-template-columns:1fr}
  .cq-gruppo span{width:2.3rem;height:2.3rem;font-size:1.45rem}
  .cq-gruppo{gap:.18rem}
  .cap-motto{padding:1.15rem 1.1rem 1.1rem}
  .cp-azioni{width:100%}
  .cp-azioni .btn{flex:1 1 auto}
}
/* note e bibliografia di «Capire la Cina» */
.capire sup.rif{font-size:.7em;line-height:0;vertical-align:super;margin-left:.08em}
.capire sup.rif a{font-weight:700;text-decoration:none;color:var(--tiffany-inchiostro);padding:0 .12em}
.capire sup.rif a:hover{text-decoration:underline}
.cap-note{margin-top:2rem;border-top:1.5px solid var(--linea);padding-top:1.1rem}
.cap-note h4{font-size:1.02rem!important;margin-bottom:.5rem!important}
.cap-note ol{margin:0;padding-left:1.6rem;display:grid;gap:.35rem;font-size:.86rem;line-height:1.55;color:var(--grigio)}
.cap-note li{padding-left:.2rem;scroll-margin-top:6rem}
.cap-note li:target{background:var(--limone);border-radius:6px}
.cap-note .han,.cap-biblio .han{font-size:1.02em}
.bib-rif{color:var(--inchiostro);font-weight:600}
.cap-biblio{margin-top:2rem;border:1.5px solid var(--bordo);border-radius:22px;background:#fff}
.cap-biblio > summary{cursor:pointer;list-style:none;display:flex;align-items:baseline;flex-wrap:wrap;gap:.3rem .7rem;padding:1rem 1.3rem;font:600 1.15rem/1.3 var(--display);font-variation-settings:"SOFT" 100}
.cap-biblio > summary::-webkit-details-marker{display:none}
.cap-biblio > summary::before{content:"+";display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;border:1.5px solid var(--bordo);font:600 1rem/1 var(--testo);align-self:center}
.cap-biblio[open] > summary::before{content:"–"}
.cap-biblio > summary small{font:500 .86rem var(--testo);color:var(--grigio)}
.cb-corpo{padding:0 1.3rem 1.3rem}
.cb-nota{font-size:.92rem;color:var(--grigio);max-width:80ch;margin:0 0 1rem}
.cap-biblio h3{font:600 1.05rem/1.3 var(--display);font-variation-settings:"SOFT" 100;margin:1.2rem 0 .5rem}
.bib-lista{list-style:none;margin:0;padding:0;display:grid;gap:.45rem;font-size:.88rem;line-height:1.55}
.bib-lista li{padding-left:1.2rem;text-indent:-1.2rem;scroll-margin-top:6rem}
.bib-lista li:target{background:var(--limone);border-radius:6px}
.bib-breve{font-weight:700;margin-right:.3rem}
.bib-breve::after{content:" ·";font-weight:400;color:var(--grigio)}

/* ⟦/STILE-NUOVO⟧ */
/* ── pagine legali e recesso (sovrapposte, nello stesso file) ── */
.pagina{position:fixed;inset:0;z-index:120;background:var(--bianco);overflow-y:auto;-webkit-overflow-scrolling:touch;display:none}
.pagina.aperta,.pagina:target{display:block}
body.con-pagina{overflow:hidden}
.pagina-barra{position:sticky;top:0;z-index:2;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--linea)}
.pagina-barra .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem}
.pagina-barra b{font:600 1.05rem var(--display);font-variation-settings:"SOFT" 100}
.legale-testo{width:min(780px,100% - 2.5rem);margin-inline:auto;padding:2.5rem 0 5rem}
.legale-testo h2{font-size:clamp(2rem,4.2vw,2.8rem);margin-bottom:.6rem}
.legale-testo .aggiornato{color:var(--grigio);font-size:.92rem;margin-bottom:2rem}
.legale-testo h3{font-size:1.3rem;margin:2.2rem 0 .6rem}
.legale-testo p,.legale-testo li{max-width:68ch}
.legale-testo ul,.legale-testo ol{padding-left:1.3rem;margin:0 0 1rem}
.legale-testo li{margin-bottom:.4rem}
.legale-testo table{border-collapse:collapse;width:100%;margin:0 0 1.2rem;font-size:.95rem}
.legale-testo th,.legale-testo td{border:1px solid var(--linea);padding:.6rem .7rem;text-align:left;vertical-align:top}
.legale-testo th{background:var(--carta);font-weight:600}
.riquadro{background:var(--carta);border-radius:16px;padding:1.1rem 1.3rem;margin:1rem 0 1.4rem}
.modulo-tipo{border:1.5px dashed var(--grigio);border-radius:14px;padding:1.2rem 1.4rem;font-size:.97rem;white-space:pre-line}
.dato-mancante{background:var(--limone);border-radius:4px;padding:0 .3rem}
.recesso-avvio{border:1.5px solid var(--bordo);border-radius:24px;padding:1.6rem 1.7rem;box-shadow:var(--ombra);background:var(--pesco);margin:1.5rem 0}
.recesso-avvio p{margin:0 0 1rem}
.recesso-modulo{border:1.5px solid var(--bordo);border-radius:24px;padding:1.6rem 1.7rem;margin:1.5rem 0;background:#fff}
.ricevuta{border:2px solid var(--tiffany-inchiostro);background:var(--tiffany-velo);border-radius:20px;padding:1.4rem 1.5rem;margin:1.5rem 0}
.ricevuta pre{white-space:pre-wrap;font:inherit;font-size:.95rem;margin:0 0 1rem;background:#fff;border-radius:12px;padding:1rem}
.invio-alternative{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.8rem}
.link-legali{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}
.btn-recesso{background:var(--pesco);color:var(--inchiostro)}
.btn-recesso:hover{background:var(--pesco-forte);color:var(--inchiostro)}
.invio-scelte{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.2rem}
#nota-invio{margin:.9rem 0 0}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .carattere{stroke-dashoffset:0;fill:var(--inchiostro)}
  .sigillo{opacity:1}
}
/* ════════════════════════════════════════════════════════════════════
   PAGINE DEL SITO · cornice comune alle pagine gratuite
   (titoli di pagina, briciole, navigazione fra pagine, «varchi», indici)
   ════════════════════════════════════════════════════════════════════ */

/* il titolo della pagina ha l'aspetto del titolo di sezione o del titolo del pannello */
.testa-sez h1{font-size:clamp(2.05rem,4.6vw,3.5rem);line-height:1.06}
.tema .pannello-testa h1{font-size:clamp(1.9rem,3.8vw,2.85rem);line-height:1.1;margin-bottom:.7rem}
.tema .pannello-testa h1 .han{color:var(--tiffany-inchiostro);margin-right:.35rem}
.tema .cap-testa h1{font-size:clamp(1.9rem,3.8vw,2.85rem);line-height:1.1;margin-bottom:.8rem}
.tema.sez{padding-top:clamp(2rem,4vw,3.25rem)}
.tema .pannello-testa{margin-top:.4rem}

/* il menu segna la sezione in cui ti trovi */
.menu ul a[aria-current]{border-bottom-color:var(--tiffany-forte)}

/* ── briciole ─────────────────────────────────────────── */
.briciole{margin:0 0 clamp(1.4rem,3vw,2.2rem);font-size:.88rem;color:var(--grigio)}
.briciole ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem}
.briciole li{display:inline-flex;align-items:center;gap:.5rem;min-width:0}
.briciole li + li::before{content:"›";color:var(--tiffany-forte);font-weight:700}
.briciole a{color:var(--grigio);text-decoration:underline;text-decoration-color:var(--linea);text-underline-offset:.25em}
.briciole a:hover{color:var(--inchiostro);text-decoration-color:var(--tiffany-forte)}
.briciole [aria-current]{color:var(--inchiostro);font-weight:600}

/* ── navigazione fra le pagine di una sezione (stesse schede di prima, ora collegamenti) ── */
.schede-link a{text-decoration:none;color:var(--inchiostro)}
.schede-link .scheda-numero[aria-current="page"]{background:var(--tiffany);border:1.5px solid var(--bordo);box-shadow:var(--ombra)}
.schede-link .scheda-numero[aria-current="page"] .han,.schede-link .scheda-numero[aria-current="page"] small{color:var(--inchiostro)}
.schede-link .scheda-testo[aria-current="page"]{background:var(--limone);border:1.5px solid var(--bordo)}
.schede-link .scheda-capire[aria-current="page"]{background:var(--inchiostro);border:1.5px solid var(--bordo);color:#fff;box-shadow:3px 3px 0 var(--tiffany)}
.schede-link .scheda-capire[aria-current="page"] .han{color:var(--tiffany)}
.schede-link a:focus-visible{outline:3px solid var(--tiffany-inchiostro);outline-offset:3px}

/* ── pagina precedente e successiva ───────────────────── */
.vicine{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:clamp(2.75rem,6vw,4rem);padding-top:clamp(1.75rem,4vw,2.5rem);border-top:1.5px dashed var(--linea)}
.vicina{display:flex;flex-direction:column;gap:.25rem;min-width:0;background:#fff;border:1.5px solid var(--linea);border-radius:20px;padding:1rem 1.25rem 1.1rem;text-decoration:none;color:var(--inchiostro);transition:border-color .15s,transform .15s}
.vicina:hover{border-color:var(--inchiostro);color:var(--inchiostro);transform:translateY(-2px)}
.vicina small{font:700 .74rem/1.3 var(--testo);letter-spacing:.12em;text-transform:uppercase;color:var(--tiffany-inchiostro)}
.vicina > span{font:560 1.15rem/1.25 var(--display);font-variation-settings:"SOFT" 100}
.vicina.dopo{grid-column:2;text-align:right;align-items:flex-end}
@media (max-width:560px){.vicine{grid-template-columns:1fr}.vicina.dopo{grid-column:auto}}

/* ── le «varchi»: schede che aprono una pagina ─────────── */
.varchi{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.4vw,1.6rem)}
.varco{position:relative;display:flex;flex-direction:column;gap:.55rem;min-width:0;background:#fff;border:1.5px solid var(--bordo);border-radius:26px;padding:1.35rem 1.4rem 1.3rem;box-shadow:4px 4px 0 var(--riflesso);transition:transform .15s ease,box-shadow .15s ease}
.varco:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--riflesso)}
.varco:focus-within{outline:3px solid var(--tiffany-inchiostro);outline-offset:4px}
.p-figura{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:var(--p-fondo,var(--tiffany-velo));border:1.5px solid var(--bordo);margin-bottom:.35rem}
.p-figura img{width:44px;height:44px}
.p-tiffany{--p-fondo:var(--tiffany-velo)}
.p-bianco{--p-fondo:#fff}
.p-crema{--p-fondo:#FCFAF4}
.p-carta{--p-fondo:var(--carta)}
.p-limone{--p-fondo:var(--limone)}
.p-pesco{--p-fondo:var(--pesco)}
.p-occhiello{font:700 .74rem/1.3 var(--testo);letter-spacing:.12em;text-transform:uppercase;color:var(--tiffany-inchiostro);margin:0}
.varco .p-titolo{font-size:1.32rem;line-height:1.2;margin:0}
.varco .p-titolo a{color:var(--inchiostro);text-decoration:none}
.varco .p-titolo a::after{content:"";position:absolute;inset:0;border-radius:24px}
.varco .p-titolo a:focus-visible{outline:none}
.p-testo{margin:0;color:var(--grigio);font-size:.98rem;line-height:1.55}
.p-voci{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.35rem;position:relative;z-index:1}
.p-voci a{display:inline-flex;align-items:center;min-height:2.1rem;font-size:.86rem;font-weight:600;text-decoration:none;color:var(--inchiostro);background:var(--carta);border:1.5px solid var(--linea);border-radius:999px;padding:.25rem .75rem}
.p-voci a:hover{border-color:var(--inchiostro);background:var(--limone)}
.p-vai{margin:auto 0 0;padding-top:.6rem;font-weight:700;font-size:.95rem;color:var(--tiffany-inchiostro)}
.p-vai span{display:inline-block;transition:transform .15s}
.varco:hover .p-vai span{transform:translateX(3px)}
@media (max-width:980px){.varchi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.varchi{grid-template-columns:1fr}.varco{padding:1.15rem 1.2rem 1.15rem}}
@media (prefers-reduced-motion:reduce){.varco,.varco:hover,.vicina,.vicina:hover{transform:none;transition:none}}

/* i varchi dei cinque numeri */
.varchi-numeri{grid-template-columns:repeat(5,minmax(0,1fr))}
.varco-numero .pn-numero{display:flex;align-items:baseline;gap:.5rem;margin:0 0 .2rem}
.varco-numero .pn-numero b{font:600 clamp(2.6rem,5vw,3.4rem)/1 var(--display);font-variation-settings:"SOFT" 100;letter-spacing:-.02em}
.varco-numero .pn-numero .han{font-size:1.1rem;color:var(--tiffany-inchiostro)}
.varco-numero{background:#fff}
@media (max-width:1100px){.varchi-numeri{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.varchi-numeri{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.varchi-numeri{grid-template-columns:1fr}}

/* i dodici sguardi */
.varchi-sguardi{grid-template-columns:repeat(4,minmax(0,1fr))}
.varco-sguardo{box-shadow:4px 4px 0 var(--tiffany);border-width:1.5px}
.varco-sguardo:hover{box-shadow:7px 7px 0 var(--tiffany-forte)}
.ps-han{font:500 1.9rem/1.1 var(--han);color:var(--tiffany-inchiostro);margin:0 0 .15rem;letter-spacing:.04em}
.varco-sguardo .p-titolo{font-size:1.18rem}
.ps-domanda{font-family:var(--display);font-style:italic;font-variation-settings:"SOFT" 100;font-size:1rem}
@media (max-width:1100px){.varchi-sguardi{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){.varchi-sguardi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.varchi-sguardi{grid-template-columns:1fr}}

/* ── nella pagina del corso: la biblioteca aperta ─────── */
.gratis{background:var(--carta)}

/* ── in fondo alle pagine: continua a scoprire ────────── */
.continua{background:var(--carta);border-top:1px solid var(--linea)}
.continua .testa-sez{margin-bottom:clamp(1.8rem,4vw,2.6rem)}
.invito{margin-top:clamp(2.2rem,5vw,3.25rem);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;background:var(--tiffany);border:1.5px solid var(--bordo);border-radius:26px;box-shadow:4px 4px 0 var(--riflesso);padding:1.3rem 1.6rem}
.invito p{margin:0;flex:1 1 22rem;font:560 clamp(1.08rem,2vw,1.32rem)/1.35 var(--display);font-variation-settings:"SOFT" 100}
.invito p > span:first-child{display:block;font:600 .95rem/1.4 var(--testo);color:var(--inchiostro);opacity:.85;margin-bottom:.15rem}

/* ── Capire la Cina: indice, quiz, metodo ─────────────── */
.quiz-invito{margin-top:clamp(2.2rem,5vw,3rem);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;background:var(--inchiostro);color:#fff;border-radius:26px;box-shadow:4px 4px 0 var(--tiffany);padding:clamp(1.3rem,3vw,1.9rem) clamp(1.3rem,3vw,2.1rem)}
.quiz-invito > div{flex:1 1 24rem;min-width:0}
.quiz-invito .p-occhiello{color:var(--tiffany)}
.quiz-invito h2{font-size:clamp(1.55rem,3vw,2.1rem);line-height:1.15;margin:.35rem 0 .45rem}
.quiz-invito p{margin:0;color:rgba(255,255,255,.86)}
.cap-metodo{margin-top:clamp(2.2rem,5vw,3rem);max-width:900px}
.cap-metodo h2{font-size:clamp(1.45rem,2.6vw,1.85rem);line-height:1.2;margin-bottom:.9rem}
.cap-metodo ul{list-style:none;display:grid;gap:.75rem}
.cap-metodo li{padding-left:1.4rem;position:relative;color:var(--grigio)}
.cap-metodo li::before{content:"";position:absolute;left:0;top:.62em;width:.55rem;height:.55rem;border-radius:50%;background:var(--tiffany-forte);border:1.5px solid var(--bordo)}
.cap-metodo b{color:var(--inchiostro)}
.tema .cap-biblio{margin-top:clamp(2rem,4vw,2.75rem)}

/* la pagina del quiz */
.quiz-indice{margin-bottom:clamp(1.8rem,4vw,2.6rem)}
.quiz-indice .scheda-capire:hover{border-color:var(--tiffany-forte)}
.quiz-gruppo{margin:0 0 clamp(2rem,4vw,2.75rem);padding-top:clamp(1.5rem,3vw,2rem);border-top:1.5px dashed var(--linea);scroll-margin-top:6rem}
.quiz-gruppo h2{font-size:clamp(1.5rem,2.8vw,2rem);line-height:1.15;margin:.2rem 0 1.1rem}
.quiz-gruppo h2 small{display:block;font:italic 450 1.02rem/1.4 var(--display);color:var(--grigio);margin-top:.3rem}
.qg-leggi{margin:1rem 0 0;font-weight:600}
.quiz-pagina .cap-punteggio{position:sticky;bottom:.75rem;z-index:20;box-shadow:4px 4px 0 var(--riflesso)}
.quiz-pagina .cp-azioni .btn{min-height:2.5rem}

/* ── la biblioteca: indice dei tre volumi ─────────────── */
.indice-libri{margin-top:clamp(2.5rem,5vw,3.5rem)}
.indice-libri > h3,.libri-percorsi h3,.libri-domande h3{font-size:1.6rem;margin-bottom:.3rem}
.indice-libri > p{color:var(--grigio)}
.ind-vol{background:#fff;border:1.5px solid var(--bordo);border-radius:24px;margin-top:.9rem;scroll-margin-top:6rem}
.ind-vol > summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.3rem 1rem;padding:1.05rem 1.3rem;border-radius:22px}
.ind-vol > summary::-webkit-details-marker{display:none}
.ind-vol > summary::after{content:"+";font:600 1.5rem/1 var(--testo);color:var(--tiffany-inchiostro);margin-left:auto;order:3}
.ind-vol[open] > summary::after{content:"–"}
.ind-vol > summary:focus-visible{outline:3px solid var(--tiffany-inchiostro);outline-offset:2px}
.iv-titolo{font:560 1.25rem/1.25 var(--display);font-variation-settings:"SOFT" 100}
.iv-titolo .han{font-size:1rem;color:var(--tiffany-inchiostro);margin-left:.35rem}
.iv-dati{font-size:.9rem;color:var(--grigio)}
.ind-unita-lista{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1rem 1.5rem;padding:.2rem 1.3rem 1.4rem}
.ind-unita h4{font:700 .78rem/1.35 var(--testo);letter-spacing:.1em;text-transform:uppercase;color:var(--tiffany-inchiostro);margin:.4rem 0 .4rem;display:flex;flex-wrap:wrap;gap:.2rem .5rem}
.ind-unita h4 .han{letter-spacing:.04em;color:var(--inchiostro)}
.ind-unita ol{list-style:none;display:grid;gap:.15rem}
.ind-lez{display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:baseline;gap:.6rem;padding:.38rem .5rem;border-radius:10px;text-decoration:none;color:var(--inchiostro);font-size:.95rem;line-height:1.35}
.ind-lez:hover{background:var(--tiffany-velo);color:var(--inchiostro)}
.il-n{font:600 .82rem/1.35 var(--testo);color:var(--grigio);font-variant-numeric:tabular-nums}
.il-titolo .han{color:var(--tiffany-inchiostro);margin-right:.3rem}
.il-p{font-size:.82rem;color:var(--grigio);white-space:nowrap;font-variant-numeric:tabular-nums}
.ind-ripasso .il-titolo{color:var(--grigio);font-style:italic}
.libri-percorsi,.libri-domande{margin-top:clamp(2.5rem,5vw,3.25rem)}
.libri-percorsi ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.9rem}
.libri-percorsi li{background:#fff;border:1.5px solid var(--linea);border-radius:18px;padding:1rem 1.15rem;color:var(--grigio)}
.libri-percorsi b{display:block;color:var(--inchiostro);font:560 1.12rem/1.3 var(--display);font-variation-settings:"SOFT" 100;margin-bottom:.2rem}
.libri-domande dl{display:grid;gap:.6rem;margin:.9rem 0 0;max-width:900px}
.libri-domande dl > div{background:#fff;border:1.5px solid var(--linea);border-radius:18px;padding:.95rem 1.15rem}
.libri-domande dt{font-weight:700;margin-bottom:.2rem}
.libri-domande dd{margin:0;color:var(--grigio)}
@media (max-width:760px){.libri-percorsi ul{grid-template-columns:1fr}.ind-unita-lista{padding:.2rem .8rem 1.1rem}.ind-vol > summary{padding:1rem .95rem}}

/* ── Scopri: Cina e Italia, due sguardi sul mondo ─────── */
.visioni{margin:2.6rem 0 1.4rem}
#pannello-storia .visioni > h4{font-size:clamp(1.4rem,2.6vw,1.85rem);line-height:1.2;margin:0 0 .7rem}
.vs-intro{max-width:72ch;line-height:1.65;margin:0 0 1.4rem!important}
.vs-epoche{list-style:none;display:grid;gap:1.4rem;margin:0}
.vs-epoca{background:#fff;border:1.5px solid var(--bordo);border-radius:26px;box-shadow:4px 4px 0 var(--tiffany);padding:clamp(1rem,2.6vw,1.5rem)}
.vs-quando{font:700 .74rem/1.3 var(--testo);letter-spacing:.1em;text-transform:uppercase;color:var(--tiffany-inchiostro);margin:0 0 .3rem!important}
.vs-epoca h5{font:600 clamp(1.2rem,2.2vw,1.45rem)/1.25 var(--display);font-variation-settings:"SOFT" 100;margin:0 0 .9rem}
.vs-coppie{list-style:none;display:grid;gap:.8rem;margin:0 0 1rem}
.vs-coppia{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.8rem}
.vs-persona{border-radius:18px;padding:.85rem 1rem .95rem}
.vs-cina{background:var(--pesco)}
.vs-italia{background:var(--tiffany-velo)}
.vs-lato{font:700 .66rem/1.2 var(--testo);letter-spacing:.1em;text-transform:uppercase;color:var(--grigio);margin:0 0 .3rem!important}
.vs-nome{margin:0 0 .35rem!important;line-height:1.3}
.vs-nome b{font:600 1.08rem/1.25 var(--display);font-variation-settings:"SOFT" 100}
.vs-nome .han{font-size:1.02rem;margin-left:.2rem}
.vs-date{font-size:.82rem;color:var(--grigio);white-space:nowrap;margin-left:.25rem}
.vs-testo{margin:0!important;font-size:.93rem;line-height:1.55}
.vs-confronto{margin:0!important;max-width:78ch;line-height:1.62;padding-top:.85rem;border-top:1px dashed rgba(22,40,63,.22)}
.vs-cavallo{margin-top:1.4rem;background:var(--tiffany-velo);border:1.5px solid var(--bordo);border-radius:26px;box-shadow:4px 4px 0 var(--limone-vivo);padding:clamp(1rem,2.6vw,1.6rem)}
.vs-cavallo h5{font:600 clamp(1.25rem,2.4vw,1.6rem)/1.2 var(--display);font-variation-settings:"SOFT" 100;margin:0 0 .8rem}
.vs-cavallo > p{max-width:76ch;line-height:1.66;margin:0 0 1rem!important}
.vs-cavallo > p:last-child{margin-bottom:0!important}
.vs-cavallo .vs-morale{border-top:1px dashed rgba(22,40,63,.22);padding-top:.9rem}
.vs-cavallo .nw,.vs-cavallo .cl{white-space:nowrap}
.vs-cit{margin:0 0 1.1rem;padding:.2rem 0 .2rem 1.2rem;border-left:4px solid var(--tiffany-forte)}
.vs-cit blockquote{margin:0}
.vs-cit p{margin:0 0 .35rem!important;font-size:1.15rem;line-height:1.6}
.vs-cit figcaption{font-size:.88rem;color:var(--grigio)}
.vs-resta{margin-top:1.4rem;background:var(--limone);border-radius:22px;padding:1.1rem 1.3rem}
.vs-resta p{margin:0;line-height:1.62;max-width:80ch}
@media (max-width:760px){.vs-coppia{grid-template-columns:minmax(0,1fr)}}

/* ── Scopri: la cucina cinese ─────────────────────────── */
.cucina-numeri{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:0 0 2rem}
.cucina-numeri li{background:var(--limone);border:1.5px solid var(--bordo);border-radius:20px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.2rem}
.cucina-numeri b{font:600 1.45rem/1.15 var(--display);font-variation-settings:"SOFT" 100}
.cucina-numeri span{font-size:.9rem;line-height:1.4;color:var(--grigio)}
.pannello .cucina-intro,.pannello .cucina-oltre,.pannello .cucina-italia{max-width:72ch;line-height:1.65;margin:0 0 1.2rem}
.cucine-otto{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin:0 0 1.4rem}
.cucina{background:#fff;border:1.5px solid var(--linea);border-radius:20px;padding:1rem 1.05rem 1.05rem;display:flex;flex-direction:column;gap:.35rem}
.cu-han{display:flex;align-items:baseline;gap:.5rem;margin:0}
.cu-han .han{font-size:2.3rem;line-height:1.1;color:var(--inchiostro)}
.cu-han i{font:italic 600 1rem var(--display);color:var(--tiffany-inchiostro)}
.cucina h5{font:600 1.12rem/1.25 var(--display);font-variation-settings:"SOFT" 100;margin:0}
.cu-testo{margin:0;font-size:.92rem;line-height:1.5;color:var(--grigio)}
.cu-piatto{margin:auto 0 0;padding-top:.55rem;border-top:1px dashed rgba(22,40,63,.22);font-size:.9rem;line-height:1.45}
.cu-piatto i{color:var(--tiffany-inchiostro)}
.cucina-faq{max-width:none;margin-bottom:2rem}
.cucina-faq .mn-faq-voce p{color:var(--inchiostro)}
.cucina-idee{margin-bottom:1.6rem;grid-template-columns:repeat(3,minmax(0,1fr))}
#pannello-cucina > h4{font-size:clamp(1.4rem,2.6vw,1.85rem);line-height:1.2;margin:2.4rem 0 .8rem}
@media (max-width:900px){.cucina-idee{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.cucina-idee{grid-template-columns:minmax(0,1fr)}}
.cucina-cina{max-width:80ch}
@media (max-width:980px){.cucine-otto{grid-template-columns:repeat(2,minmax(0,1fr))}.cucina-numeri{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.cucine-otto{grid-template-columns:minmax(0,1fr)}}

/* ── il nome in cinese ────────────────────────────────── */
.nome-pagina{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}
.nome-come h2{font-size:clamp(1.45rem,2.6vw,1.85rem);line-height:1.2;margin-bottom:.9rem}
.nome-come ol{list-style:none;counter-reset:passo;display:grid;gap:.9rem}
.nome-come ol li{counter-increment:passo;position:relative;padding-left:2.6rem;color:var(--grigio)}
.nome-come ol li::before{content:counter(passo);position:absolute;left:0;top:-.05rem;width:1.85rem;height:1.85rem;border-radius:50%;display:grid;place-items:center;background:var(--tiffany);border:1.5px solid var(--bordo);font:700 .9rem/1 var(--testo);color:var(--inchiostro)}
.nome-come ol b{display:block;color:var(--inchiostro)}
.nome-come h3{font-size:1.15rem;margin:1.6rem 0 .6rem}
.nome-tessere{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
.nome-tessere li{display:flex;flex-direction:column;align-items:center;gap:.05rem;background:#fff;border:1.5px solid var(--linea);border-radius:16px;padding:.6rem .4rem .55rem}
.nome-tessere .han{font-size:1.75rem;line-height:1.2}
.nome-tessere i{font-family:var(--display);font-size:.95rem}
.nome-tessere small{font-size:.75rem;color:var(--grigio)}
.nomi-tutti{margin-top:clamp(2.5rem,5vw,3.5rem)}
.nome-premessa{margin-top:clamp(2.5rem,5vw,3.5rem);max-width:820px;background:var(--limone);border:1.5px solid var(--bordo);border-radius:26px;box-shadow:4px 4px 0 var(--riflesso);padding:clamp(1.15rem,3vw,1.7rem) clamp(1.2rem,3vw,1.9rem)}
.nome-premessa h2{font-size:clamp(1.4rem,2.6vw,1.8rem);line-height:1.2;margin:0 0 .7rem}
.nome-premessa p{margin:0 0 .85rem;line-height:1.65;max-width:72ch}
.nome-premessa p:last-child{margin-bottom:0}
.nome-premessa .han{white-space:nowrap}
@media print{.nome-premessa{box-shadow:none}}
.nomi-tutti h2{font-size:clamp(1.45rem,2.6vw,1.85rem);line-height:1.2;margin-bottom:.4rem}
.nomi-elenco{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:.6rem;margin:1rem 0}
.nome-voce{background:#fff;border:1.5px solid var(--linea);border-radius:18px;padding:.8rem .95rem .85rem;display:flex;flex-direction:column;gap:.1rem}
.nome-voce p{margin:0}
.nv-it{font-weight:700;font-size:.92rem}
.nv-han{display:flex;align-items:center;gap:.4rem}
.nv-han .han{font-size:1.5rem;line-height:1.25}
.nv-py i{font-family:var(--display);color:var(--tiffany-inchiostro)}
.nv-nota{font-size:.84rem;color:var(--grigio);line-height:1.45;margin-top:.25rem!important}
@media (max-width:900px){.nome-pagina{grid-template-columns:1fr}}
@media (max-width:420px){.nome-tessere{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ── lo zodiaco: anni e Capodanni ────────────────────── */
.zodiaco-tabelle{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(1.5rem,4vw,3rem);margin-top:clamp(2.5rem,5vw,3.5rem);align-items:start}
.zt-blocco{min-width:0}
.zt-blocco h2{font-size:clamp(1.45rem,2.6vw,1.85rem);line-height:1.2;margin-bottom:.5rem}
.zt-blocco > p{color:var(--grigio);max-width:60ch}
.tabella-scorre{position:relative;overflow-x:auto;border:1.5px solid var(--bordo);border-radius:22px;background:#fff}
.tabella-scorre:focus-visible{outline:3px solid var(--tiffany-inchiostro);outline-offset:3px}
.tabella-anni{width:100%;border-collapse:collapse;font-size:.95rem}
.tabella-anni th,.tabella-anni td{padding:.55rem .9rem;text-align:left;border-bottom:1px solid var(--linea);vertical-align:middle}
.tabella-anni tbody tr:last-child th,.tabella-anni tbody tr:last-child td{border-bottom:0}
.tabella-anni tbody tr:not([hidden]):not(:has(~ tr:not([hidden]))) > *{border-bottom:0}
.tabella-anni thead th{font:700 .72rem/1.3 var(--testo);letter-spacing:.1em;text-transform:uppercase;color:var(--tiffany-inchiostro);background:var(--tiffany-velo)}
.tabella-anni tbody th{font-weight:600;white-space:nowrap}
.tabella-anni td{font-variant-numeric:tabular-nums}
.ta-animale{display:inline-flex;align-items:center;gap:.45rem}
.ta-animale img{width:28px;height:28px}
.ta-animale .han{color:var(--tiffany-inchiostro)}
.tabella-capodanni td i{font-family:var(--display);color:var(--grigio)}
.tabella-capodanni td:nth-child(2){white-space:nowrap}
@media (max-width:980px){.zodiaco-tabelle{grid-template-columns:1fr}}
@media (max-width:480px){.tabella-anni th,.tabella-anni td{padding:.5rem .6rem}.tabella-anni{font-size:.9rem}}

/* ── il percorso per chi comincia: la banda nella biblioteca aperta e in «Continua a scoprire» ── */
.banda-comincia{background:var(--inchiostro);color:#fff;border-radius:26px;box-shadow:4px 4px 0 var(--tiffany);padding:clamp(1.15rem,2.8vw,1.7rem) clamp(1.2rem,3vw,2rem);margin:0 0 clamp(1.6rem,3.5vw,2.4rem)}
.bc-testa{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem 1.4rem}
.bc-figura{width:68px;height:68px;border-radius:20px;background:var(--tiffany);border:1.5px solid #fff;display:grid;place-items:center}
.bc-figura img{width:44px;height:44px}
.banda-comincia .p-occhiello{color:var(--tiffany)}
.bc-testo h2,.bc-testo h3{font-size:clamp(1.35rem,2.6vw,1.75rem);line-height:1.15;margin:.3rem 0 .35rem;color:#fff}
.bc-testo p:last-child{margin:0;color:rgba(255,255,255,.88);max-width:64ch}
.bc-passi{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.2rem}
.bc-passi a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.1rem .75rem;align-items:center;height:100%;padding:.8rem 1rem;border:1.5px solid rgba(255,255,255,.4);border-radius:18px;color:#fff;text-decoration:none;transition:background .15s,border-color .15s}
.bc-passi a:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
.bc-passi a:focus-visible{outline:3px solid var(--tiffany);outline-offset:3px}
.bc-passi a[aria-current]{background:var(--tiffany);border-color:var(--tiffany);color:var(--inchiostro)}
.bc-passi b{grid-row:span 2;display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--tiffany);color:var(--inchiostro);font:600 1.1rem/1 var(--display)}
.bc-passi a[aria-current] b{background:#fff}
.bc-t{font:560 1.08rem/1.25 var(--display);font-variation-settings:"SOFT" 100}
.bc-d{font-size:.86rem;line-height:1.35;color:rgba(255,255,255,.85)}
.bc-passi a[aria-current] .bc-d{color:var(--inchiostro)}
@media (max-width:860px){.bc-passi{grid-template-columns:1fr}}
@media (max-width:420px){.bc-testa{grid-template-columns:1fr}.bc-figura{width:56px;height:56px}.bc-figura img{width:36px;height:36px}}

/* ── cifre in evidenza (comincia, caratteri) ──────────── */
.piano-cifre{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:0 0 clamp(2rem,4vw,2.8rem);max-width:860px}
.piano-cifre li{display:flex;flex-direction:column;gap:.2rem;background:#fff;border:1.5px solid var(--bordo);border-radius:20px;padding:.85rem 1.1rem;min-width:0}
.piano-cifre b{font:600 clamp(1.9rem,3.6vw,2.5rem)/1 var(--display);font-variation-settings:"SOFT" 100;letter-spacing:-.02em}
.piano-cifre span{color:var(--grigio);font-size:.92rem;line-height:1.35}
@media (max-width:560px){.piano-cifre{grid-template-columns:1fr}.piano-cifre li{flex-direction:row;align-items:baseline;gap:.7rem}}

/* ── da dove cominciare ───────────────────────────────── */
.piano-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.2rem,3vw,2rem);margin-bottom:clamp(2rem,4vw,2.6rem);align-items:start}
.piano-serve,.piano-mappa{background:#fff;border:1.5px solid var(--linea);border-radius:22px;padding:1.2rem 1.3rem 1.3rem;min-width:0}
.piano-serve h2,.piano-mappa h2,.piano-regole h2,.piano-domande h2,.piano-dopo h2,.dna-vie h2,.fe-calendario h2,.fe-date h2,.cap-scelta h2,.capo-tempo h2,.dove-vederli h2,.dsc-testa h2{font-size:clamp(1.4rem,2.6vw,1.85rem);line-height:1.2;margin:0 0 .5rem}
.piano-serve ul{list-style:none;display:grid;gap:.75rem;margin-top:.9rem}
.piano-serve li{display:flex;gap:.75rem;align-items:flex-start;color:var(--grigio)}
.piano-serve li img{width:30px;height:30px;flex:none}
.pm-nota{color:var(--grigio);font-size:.95rem;margin:0}
.pm-due{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.9rem}
.pm-due > div{border-radius:16px;padding:.9rem 1rem;min-width:0}
.pm-facile{background:var(--tiffany-velo)}
.pm-attenzione{background:var(--pesco)}
.pm-due h3{font:700 .76rem/1.3 var(--testo);letter-spacing:.11em;text-transform:uppercase;color:var(--inchiostro);margin:0 0 .5rem}
.pm-due ul{padding-left:1.1rem;display:grid;gap:.4rem;font-size:.95rem;margin:0}
@media (max-width:900px){.piano-intro{grid-template-columns:1fr}}
@media (max-width:560px){.pm-due{grid-template-columns:1fr}}

.piano-stato{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem;background:var(--limone);border:1.5px solid var(--bordo);border-radius:24px;box-shadow:4px 4px 0 var(--riflesso);padding:1rem 1.3rem;margin:0 0 .5rem}
.pst-conta{flex:1 1 20rem;min-width:0}
.pst-conta > p{margin:0}
.pst-conta .cp-barra{margin:.5rem 0 .55rem;max-width:26rem}
.pst-nota{font-size:.88rem;color:var(--grigio)}
.pst-azioni .btn{min-height:2.5rem}

.piano-settimana{margin-top:clamp(2.2rem,4.5vw,3.2rem)}
.ps-testa h2{font-size:clamp(1.65rem,3.2vw,2.3rem);line-height:1.12;margin:.35rem 0 .45rem}
.ps-testa h2 .han{font-size:.68em;color:var(--tiffany-inchiostro);margin-left:.35rem;letter-spacing:.04em}
.ps-testa > p:last-child{color:var(--grigio);max-width:62ch;margin:0}
.piano-giorni{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:1.1rem;margin-top:1.2rem}
.piano-giorno{display:flex;flex-direction:column;gap:.75rem;min-width:0;background:#fff;border:1.5px solid var(--bordo);border-radius:24px;padding:1.1rem 1.2rem 1.05rem;box-shadow:4px 4px 0 var(--tiffany);scroll-margin-top:6rem;transition:background .2s,box-shadow .2s}
.piano-giorno.fatto{background:var(--tiffany-velo);box-shadow:4px 4px 0 var(--tiffany-forte)}
.g-testa{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.85rem;align-items:start}
.g-num{display:flex;flex-direction:column;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:16px;background:var(--limone);border:1.5px solid var(--bordo);margin:0}
.g-num small{font:700 .56rem/1 var(--testo);letter-spacing:.1em;text-transform:uppercase}
.g-num b{font:600 1.55rem/1.05 var(--display);font-variation-settings:"SOFT" 100}
.piano-giorno.fatto .g-num{background:var(--tiffany)}
.g-titoli h3{font-size:1.16rem;line-height:1.25;margin:0}
.g-han{margin:.25rem 0 0;font-size:.92rem;color:var(--grigio)}
.g-han .han{color:var(--tiffany-inchiostro);margin-right:.15rem}
.g-han i{font-family:var(--display)}
.g-min{margin:0;font-size:.76rem;font-weight:700;white-space:nowrap;background:var(--carta);border:1px solid var(--linea);border-radius:999px;padding:.2rem .6rem}
.g-fai{padding-left:1.2rem;display:grid;gap:.4rem;color:var(--grigio);font-size:.95rem;line-height:1.5;margin:0}
.g-link{list-style:none;display:grid;gap:.45rem;margin:0}
.g-link li{display:flex;align-items:center;gap:.55rem;font-size:.93rem;font-weight:600;min-width:0}
.g-link li img{width:22px;height:22px;flex:none}
.g-traguardo{margin:0;padding:.65rem .85rem;border-radius:14px;background:var(--carta);font-size:.95rem}
.piano-giorno.fatto .g-traguardo{background:#fff}
.g-traguardo > span:first-child{display:block;font:700 .7rem/1.3 var(--testo);letter-spacing:.12em;text-transform:uppercase;color:var(--tiffany-inchiostro);margin-bottom:.15rem}
.g-fatto{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:.55rem;min-height:2.6rem;padding:.3rem 1rem .3rem .7rem;border:1.5px solid var(--bordo);border-radius:999px;background:#fff;font-weight:700;cursor:pointer}
.g-fatto input{width:1.3rem;height:1.3rem;margin:0;accent-color:var(--tiffany-inchiostro);cursor:pointer}
.g-fatto:focus-within{outline:3px solid var(--tiffany-inchiostro);outline-offset:2px}
.piano-giorno.fatto .g-fatto{background:var(--tiffany)}

.piano-regole,.piano-domande,.piano-dopo{margin-top:clamp(2.6rem,5vw,3.6rem)}
.pr-intro{color:var(--grigio);max-width:66ch;margin:0}
.pr-lista{list-style:none;counter-reset:regola;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.1rem}
.pr-lista li{counter-increment:regola;background:#fff;border:1.5px solid var(--linea);border-radius:20px;padding:1.1rem 1.2rem 1.15rem;min-width:0}
.pr-lista li::before{content:counter(regola);display:block;font:600 2.1rem/1 var(--display);color:var(--tiffany-inchiostro);margin-bottom:.35rem}
.pr-lista h3{font-size:1.15rem;margin:0 0 .35rem}
.pr-lista p{color:var(--grigio);font-size:.95rem;margin:0 0 .5rem}
.pr-lista .pr-fonte{font-size:.85rem;margin:0}
.piano-domande dl{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}
.piano-dopo .varchi{margin-top:1rem}
@media (max-width:900px){.pr-lista{grid-template-columns:1fr}.piano-domande dl{grid-template-columns:1fr}}

/* ── il DNA dei caratteri ─────────────────────────────── */
.dna-vie{margin:0 0 clamp(2.4rem,4.5vw,3.2rem)}
.dv-intro{color:var(--grigio);max-width:72ch;margin:0}
.dv-lista{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.1rem}
.dv-via{display:flex;flex-direction:column;gap:.35rem;min-width:0;background:#fff;border:1.5px solid var(--bordo);border-radius:22px;padding:1.05rem 1.1rem 1.1rem;box-shadow:3px 3px 0 var(--limone-vivo)}
.dv-han{margin:0}
.dv-han .han{font-size:1.55rem;color:var(--tiffany-inchiostro);margin-right:.25rem}
.dv-han i{font-family:var(--display);color:var(--grigio)}
.dv-via h3{font-size:1.15rem;margin:0}
.dv-via > p:not(.dv-han){margin:0;font-size:.93rem;color:var(--grigio);line-height:1.5}
.dv-esempi{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;padding-top:.5rem}
.dv-esempi li{background:var(--carta);border-radius:10px;padding:.2rem .55rem;font-size:.85rem}
.dv-esempi .han{font-size:1.1rem}
.dv-esempi i{font-family:var(--display);color:var(--tiffany-inchiostro)}
.dv-fonti{margin:.9rem 0 0}
@media (max-width:1050px){.dv-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.dv-lista{grid-template-columns:1fr}}

.dna-strumenti{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.8rem 1.2rem;background:#fff;border:1.5px solid var(--bordo);border-radius:22px;box-shadow:3px 3px 0 var(--riflesso);padding:1rem 1.2rem;margin:0 0 1.1rem}
.ds-cerca{flex:1 1 18rem;display:flex;flex-direction:column;gap:.35rem;min-width:0}
.ds-cerca label{font-weight:700;font-size:.92rem}
.ds-cerca input{width:100%;min-height:2.8rem;border:1.5px solid var(--bordo);border-radius:14px;padding:.5rem .9rem;font:500 1.05rem/1.3 var(--testo);color:var(--inchiostro);background:var(--carta)}
.ds-cerca input:focus-visible{outline:3px solid var(--tiffany-inchiostro);outline-offset:2px}
.ds-azioni .btn{min-height:2.8rem}
#dna-ripasso[aria-pressed="true"]{background:var(--limone);box-shadow:var(--ombra)}
.ds-stato{flex-basis:100%;margin:0;font-size:.9rem;color:var(--grigio)}
@media (min-width:900px){.dna-strumenti{position:sticky;top:5.2rem;z-index:15}}
.dna-indice{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 1rem}
.dna-chip{display:inline-grid;place-items:center;min-width:2.6rem;min-height:2.6rem;padding:0 .4rem;border-radius:12px;border:1.5px solid var(--linea);background:#fff;font-weight:700;text-decoration:none;color:var(--inchiostro);font-variant-numeric:tabular-nums}
.dna-chip:hover{border-color:var(--inchiostro);background:var(--limone)}
.dna-chip:focus-visible,.fe-chip:focus-visible,.sala-chip:focus-visible{outline:3px solid var(--tiffany-inchiostro);outline-offset:3px}
.dna-vuoto{background:var(--pesco);border-radius:16px;padding:.9rem 1.1rem;margin:1rem 0}
.dna-lezione{margin-top:clamp(1.9rem,3.6vw,2.6rem);scroll-margin-top:6rem}
@media (min-width:900px){.dna-lezione{scroll-margin-top:12rem}}
.dl-testa{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.3rem 1rem;border-bottom:1.5px dashed var(--linea);padding-bottom:.6rem;margin-bottom:1rem}
.dl-testa h2{font-size:clamp(1.25rem,2.2vw,1.55rem);line-height:1.25;margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .6rem;min-width:0}
.dl-n{font:700 .78rem/1.3 var(--testo);letter-spacing:.12em;text-transform:uppercase;color:var(--tiffany-inchiostro)}
.dl-it{font:italic 450 .9em/1.3 var(--display);color:var(--grigio)}
.dl-libro{margin:0;font-size:.9rem;font-weight:600}
.dna-carte{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.dna{display:flex;flex-direction:column;min-width:0;background:#fff;border:1.5px solid var(--bordo);border-radius:22px;box-shadow:3px 3px 0 var(--tiffany);overflow:hidden}
.dna-fronte{display:flex;flex-direction:column;align-items:center;padding:1.05rem .8rem .65rem}
.dna-han{width:6.4rem;height:6.4rem;display:grid;place-items:center;margin:0;border:1.5px solid var(--tiffany-inchiostro);border-radius:8px;
  background:linear-gradient(to right,transparent calc(50% - .5px),#C9D8E7 calc(50% - .5px),#C9D8E7 calc(50% + .5px),transparent calc(50% + .5px)),
             linear-gradient(to bottom,transparent calc(50% - .5px),#C9D8E7 calc(50% - .5px),#C9D8E7 calc(50% + .5px),transparent calc(50% + .5px)),#fff}
.dna-han .han{font-size:4.3rem;line-height:1}
.dna-py{display:flex;align-items:center;gap:.45rem;margin:.6rem 0 0}
.dna-py i{font:italic 600 1.18rem/1 var(--display);color:var(--tiffany-inchiostro)}
.dna-retro{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem 1rem;border-top:1px solid var(--linea);flex:1}
.dna-senso{margin:0;font-weight:700;font-size:1.02rem;line-height:1.3}
.dna-senso small{font-weight:600;font-size:.76rem;color:var(--grigio);margin-left:.35rem;white-space:nowrap}
.dna-comp{margin:0;font-size:.9rem;background:var(--carta);border-radius:10px;padding:.4rem .6rem;line-height:1.45}
.dna-storia{margin:0;font-size:.9rem;color:var(--grigio);line-height:1.5}
.dna-parole{list-style:none;display:grid;gap:.45rem;margin:auto 0 0;padding-top:.55rem;border-top:1px dashed var(--linea)}
.dna-parole li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.55rem;align-items:center;font-size:.88rem;line-height:1.3}
.dp-han{grid-row:span 2;display:inline-flex;align-items:center;gap:.3rem}
.dp-han .han{font-size:1.15rem}
.dna-parole i{font-family:var(--display);color:var(--tiffany-inchiostro)}
.dp-it{grid-column:2;color:var(--grigio)}
.dna-parole .ascolta,.op-han .ascolta,.op-parola .ascolta,.fe-auguri .ascolta{width:1.85rem;height:1.85rem}
.dna-scrivilo{align-self:flex-start;margin-top:.15rem}
.dna-gira{margin:auto 1rem 1rem;align-self:center}
.ripasso .dna:not(.girata) .dna-retro,.ripasso .dna:not(.girata) .dna-py{display:none}
.ripasso .dna:not(.girata) .dna-fronte{flex:1;justify-content:center;padding-top:1.4rem}
.ripasso .dna.girata{box-shadow:3px 3px 0 var(--limone-vivo)}
.ripasso .dna.girata .dna-gira{margin-top:.2rem}
@media (max-width:1100px){.dna-carte{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){.dna-carte{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:540px){.dna-carte{grid-template-columns:1fr}}
.dna-scrivi{margin-top:clamp(2.6rem,5vw,3.6rem);display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(1.2rem,3vw,2.2rem);align-items:start;scroll-margin-top:6rem}
.dsc-testa p{color:var(--grigio);margin:0}
@media (max-width:900px){.dna-scrivi{grid-template-columns:1fr}}

/* ── le feste ─────────────────────────────────────────── */
.fe-prossima-box{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.3rem 1.5rem;background:var(--inchiostro);color:#fff;border-radius:26px;box-shadow:4px 4px 0 var(--limone-vivo);padding:clamp(1.1rem,2.8vw,1.6rem) clamp(1.2rem,3vw,2rem);margin:0 0 clamp(1.8rem,4vw,2.6rem)}
.fe-prossima-box .p-occhiello{color:var(--tiffany);grid-column:1}
.fpb-nome{grid-column:1;margin:0;font:600 clamp(1.5rem,3.2vw,2.2rem)/1.15 var(--display);font-variation-settings:"SOFT" 100}
.fpb-nome .han{font-size:.8em;color:var(--tiffany);margin-left:.35rem}
.fpb-quando{grid-column:1;margin:0;color:rgba(255,255,255,.88)}
.fe-prossima-box .btn{grid-column:2;grid-row:1 / span 3;box-shadow:4px 4px 0 #fff}
@media (max-width:640px){.fe-prossima-box{grid-template-columns:1fr}.fe-prossima-box .btn{grid-column:1;grid-row:auto;justify-self:start;margin-top:.6rem}}
.fe-calendario{max-width:860px;margin:0 0 clamp(1.4rem,3vw,2rem)}
.fe-calendario p{color:var(--grigio);margin:0}
.fe-indice{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}
.fe-chip{display:inline-flex;flex-direction:column;gap:.1rem;min-width:7.2rem;padding:.5rem .85rem;border:1.5px solid var(--linea);border-radius:16px;background:#fff;text-decoration:none;color:var(--inchiostro)}
.fe-chip:hover{border-color:var(--inchiostro);background:var(--limone)}
.fe-chip .han{font-size:1.25rem;line-height:1.2}
.fe-chip small{font-size:.76rem;color:var(--grigio)}
.festa{background:#fff;border:1.5px solid var(--bordo);border-radius:26px;box-shadow:4px 4px 0 var(--limone-vivo);padding:clamp(1.2rem,3vw,1.8rem);margin-top:clamp(1.4rem,3vw,2rem);scroll-margin-top:6rem}
.festa:nth-of-type(3n+2){box-shadow:4px 4px 0 var(--tiffany)}
.festa:nth-of-type(3n){box-shadow:4px 4px 0 var(--pesco-forte)}
.fe-testa{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem 1.2rem;align-items:center}
.fe-testa .p-figura{margin:0}
.fe-testa h2{font-size:clamp(1.6rem,3.2vw,2.3rem);line-height:1.1;margin:.25rem 0 .3rem}
.fe-testa h2 .han{color:var(--tiffany-inchiostro);margin-left:.25rem}
.fe-py{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;color:var(--grigio)}
.fe-py i{font:italic 600 1.1rem var(--display);color:var(--tiffany-inchiostro)}
.fe-sotto{margin:.2rem 0 0;color:var(--grigio)}
.fe-quando{margin:1.1rem 0 0;font-weight:600}
.fe-prossima{font-weight:500;color:var(--tiffany-inchiostro)}
.fe-festivo{margin:.3rem 0 0;font-size:.92rem;color:var(--grigio)}
.fe-dati{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1.1rem 0 0}
.fe-dati > div{background:var(--carta);border-radius:18px;padding:.9rem 1.05rem;min-width:0}
.fe-dati dt{font:700 .72rem/1.3 var(--testo);letter-spacing:.12em;text-transform:uppercase;color:var(--tiffany-inchiostro);margin-bottom:.35rem}
.fe-dati dd{margin:0;font-size:.97rem;line-height:1.6}
.fe-auguri{list-style:none;display:grid;gap:.45rem}
.fe-auguri li{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .45rem}
.fe-auguri .han{font-size:1.35rem}
.fe-auguri i{font-family:var(--display);color:var(--tiffany-inchiostro)}
.fe-auguri li > span:last-child{color:var(--grigio)}
.fe-nota{margin:.45rem 0 0;font-size:.88rem;color:var(--grigio)}
.fe-fonte{display:block;margin-top:.4rem;font-size:.86rem}
.fe-altro{margin:1rem 0 0;font-weight:700}
@media (max-width:760px){.fe-dati{grid-template-columns:1fr}}
.fe-date{margin-top:clamp(2.6rem,5vw,3.6rem);scroll-margin-top:6rem}
.fe-date > p{color:var(--grigio);max-width:70ch}
.tabella-feste thead th{white-space:nowrap}
.tabella-feste thead .han{display:block;font-size:1.05rem;letter-spacing:.02em;color:var(--inchiostro);text-transform:none}
.tabella-feste thead small{display:block;font:500 .72rem/1.3 var(--testo);letter-spacing:0;text-transform:none;color:var(--grigio)}
.tabella-feste td{white-space:nowrap}
.fe-ics{margin-top:1.2rem;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem}
.fe-ics p.piccolo{margin:0;flex:1 1 20rem}

/* ── trentasei capolavori ─────────────────────────────── */
.p-tiffany{--p-forte:var(--tiffany)}
.p-limone{--p-forte:var(--limone-vivo)}
.p-pesco{--p-forte:var(--pesco-forte)}
.p-crema{--p-forte:#EAD58E}
.sale-indice{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem;margin:0 0 .9rem}
.sala-chip{display:flex;flex-direction:column;gap:.2rem;min-height:4.7rem;padding:.7rem .85rem;border:1.5px solid var(--bordo);border-radius:18px;background:var(--p-fondo);text-decoration:none;color:var(--inchiostro);transition:transform .15s,box-shadow .15s}
.sala-chip:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--riflesso);color:var(--inchiostro)}
.sala-chip b{font:600 1.45rem/1 var(--display);font-variation-settings:"SOFT" 100}
.sala-chip span{font-size:.86rem;font-weight:600;line-height:1.25}
@media (max-width:1000px){.sale-indice{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.sale-indice{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sale-altro{margin:0 0 clamp(1.8rem,4vw,2.6rem);font-weight:600;display:flex;flex-wrap:wrap;gap:.3rem .6rem}
.cap-scelta{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.2rem 2.2rem;align-items:start;margin-bottom:clamp(2rem,4vw,2.6rem)}
.cap-scelta ul{list-style:none;display:grid;gap:.65rem;margin-top:.8rem}
.cap-scelta li{padding-left:1.4rem;position:relative;color:var(--grigio)}
.cap-scelta li::before{content:"";position:absolute;left:0;top:.62em;width:.55rem;height:.55rem;border-radius:50%;background:var(--tiffany-forte);border:1.5px solid var(--bordo)}
.cap-scelta b{color:var(--inchiostro)}
.cap-foto{display:flex;gap:.85rem;align-items:flex-start;background:#fff;border:1.5px solid var(--linea);border-radius:20px;padding:1rem 1.15rem;margin:0;font-size:.95rem;color:var(--grigio)}
.cap-foto img{width:36px;height:36px;flex:none}
.cap-foto b{display:block;color:var(--inchiostro);margin-bottom:.15rem}
@media (max-width:860px){.cap-scelta{grid-template-columns:1fr}}
.sala{margin-top:clamp(2.8rem,6vw,4.2rem);scroll-margin-top:5.5rem}
.sala-testa{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1rem,3vw,1.8rem);align-items:start;margin-bottom:1.5rem;padding-top:1.5rem;border-top:3px solid var(--inchiostro)}
.sala-num{margin:0;width:clamp(4rem,9vw,5.6rem);height:clamp(4rem,9vw,5.6rem);display:grid;place-items:center;border-radius:22px;background:var(--p-fondo);border:1.5px solid var(--bordo);box-shadow:3px 3px 0 var(--riflesso);font:600 clamp(1.7rem,4vw,2.4rem)/1 var(--display);font-variation-settings:"SOFT" 100}
.sala-testa h2{font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.08;margin:.3rem 0 .55rem}
.sala-testa h2 .han{font-size:.6em;color:var(--tiffany-inchiostro);margin-left:.3rem;letter-spacing:.04em}
.sala-intro{color:var(--grigio);max-width:74ch;margin:0}
.opere{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.1rem,2.6vw,1.6rem)}
.opera-voce{min-width:0;scroll-margin-top:5.5rem}
.opera-voce article{height:100%;display:flex;flex-direction:column;gap:.7rem;background:#fff;border:1.5px solid var(--bordo);border-radius:24px;padding:clamp(1.15rem,2.6vw,1.55rem);box-shadow:6px 6px 0 var(--p-forte)}
.op-testa{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.op-num{margin:0;font:600 2.3rem/1 var(--display);font-variation-settings:"SOFT" 100;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.op-sigillo{display:inline-flex;align-items:center;justify-content:center;writing-mode:vertical-rl;min-width:2.9rem;min-height:2.9rem;padding:.35rem .3rem;background:#B23A2E;color:#fff;border-radius:6px;box-shadow:inset 0 0 0 2px #B23A2E,inset 0 0 0 3.5px rgba(255,255,255,.55);font:500 1.08rem/1.05 var(--han);letter-spacing:.06em}
.op-titolo{font-size:clamp(1.3rem,2.3vw,1.6rem);line-height:1.18;margin:0}
.op-han{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0}
.op-han .han{font-size:1.3rem}
.op-han i{font-family:var(--display);color:var(--tiffany-inchiostro)}
.op-dati{display:grid;gap:.3rem;margin:0;padding:.8rem .95rem;background:var(--carta);border-radius:16px;font-size:.92rem;line-height:1.45}
.op-dati > div{display:grid;grid-template-columns:4.8rem minmax(0,1fr);gap:.6rem}
.op-dati dt{font:700 .68rem/1.75 var(--testo);letter-spacing:.11em;text-transform:uppercase;color:var(--tiffany-inchiostro)}
.op-dati dd{margin:0;min-width:0;overflow-wrap:break-word}
.op-scheda{display:block;margin-top:.15rem;font-weight:600}
.op-et{display:block;font:700 .7rem/1.3 var(--testo);letter-spacing:.12em;text-transform:uppercase;color:var(--tiffany-inchiostro);margin:0 0 .25rem}
.op-blocco > p:not(.op-et){margin:0;font-size:.97rem;line-height:1.62}
.op-mito{margin-top:0;grid-template-columns:1fr}
.op-mito p{padding:.85rem 1rem}
.op-parola{margin:0;padding:.75rem .9rem;border-left:4px solid var(--p-forte);border-radius:0 14px 14px 0;background:var(--carta);font-size:.93rem;line-height:1.5}
.op-ph{display:inline-flex;align-items:center;gap:.3rem;vertical-align:middle}
.op-ph .han{font-size:1.2rem}
.op-parola i{font-family:var(--display);color:var(--tiffany-inchiostro)}
.op-italia{margin:auto 0 0;padding-top:.7rem;border-top:1px dashed var(--linea);font-size:.93rem;color:var(--grigio)}
@media (max-width:860px){.opere{grid-template-columns:1fr}}
@media (max-width:420px){.op-dati > div{grid-template-columns:1fr;gap:0}}
.capo-tempo,.dove-vederli{margin-top:clamp(3rem,6vw,4.5rem);scroll-margin-top:5.5rem}
.capo-tempo > p,.dove-vederli > p{color:var(--grigio);max-width:72ch}
.lt-lista{list-style:none;columns:2 22rem;column-gap:2.5rem;margin-top:1.2rem}
.lt-lista li{break-inside:avoid}
.lt-lista a{position:relative;display:grid;grid-template-columns:7.6rem minmax(0,1fr);gap:.1rem .8rem;padding:.55rem .3rem .55rem 1.2rem;border-left:2px solid var(--linea);text-decoration:none;color:var(--inchiostro)}
.lt-lista a::before{content:"";position:absolute;left:-7px;top:.85rem;width:12px;height:12px;border-radius:50%;background:var(--tiffany);border:1.5px solid var(--bordo)}
.lt-ac a::before{background:var(--limone-vivo)}
.lt-lista a:hover .lt-titolo{text-decoration:underline;text-decoration-color:var(--tiffany-forte)}
.lt-lista a:focus-visible{outline:3px solid var(--tiffany-inchiostro);outline-offset:2px}
.lt-data{font-weight:700;font-size:.85rem;color:var(--tiffany-inchiostro);font-variant-numeric:tabular-nums}
.lt-titolo{font-size:.95rem;line-height:1.35}
.lt-lista .han{grid-column:2;font-size:.85rem;color:var(--grigio)}
@media (max-width:520px){.lt-lista a{grid-template-columns:1fr}.lt-lista .han{grid-column:auto}}
.dv-due{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 2.2rem;margin-top:1.1rem}
.dv-due h3{font-size:1.3rem;margin:0}
.dv-elenco{list-style:none;display:grid;gap:.6rem;margin-top:.7rem}
.dv-elenco li{background:#fff;border:1.5px solid var(--linea);border-radius:16px;padding:.75rem .95rem}
.dv-luogo{margin:0;display:flex;flex-wrap:wrap;gap:.15rem .5rem;align-items:baseline}
.dv-luogo span{color:var(--grigio)}
.dv-luogo small{margin-left:auto;font-weight:700;font-size:.76rem;background:var(--tiffany-velo);border-radius:999px;padding:.1rem .55rem}
.dv-opere{margin:.3rem 0 0;font-size:.92rem;line-height:1.5}
@media (max-width:820px){.dv-due{grid-template-columns:1fr}}
.capolavori-quiz{margin-top:clamp(3rem,6vw,4.5rem);scroll-margin-top:5.5rem}
.capolavori-quiz h2{font-size:clamp(1.5rem,2.8vw,2rem);margin:0 0 1.2rem}
.capolavori-quiz h2 small{font:600 .78rem var(--testo);letter-spacing:.1em;text-transform:uppercase;color:var(--grigio);margin-left:.5rem}
.capolavori .cap-firma{margin-top:2rem}

/* ── la pronuncia ─────────────────────────────────────── */
.pr-toni,.pr-tabella,.pr-coppie,.pr-orecchio,.pr-errori,.pr-regole{margin-top:clamp(2.4rem,5vw,3.4rem);scroll-margin-top:5.5rem}
.pr-toni h2,.pr-tabella h2,.pr-coppie h2,.pr-orecchio h2,.pr-errori h2,.pr-regole h2,.hsk-breve h2,.hsk-livelli h2,.hsk-tempo h2,.hsk-iscrizione h2,.hsk-esiti h2,.hsk-domande h2{font-size:clamp(1.45rem,2.8vw,1.95rem);line-height:1.2;margin:0 0 .5rem}
.pr-intro{color:var(--grigio);max-width:74ch;margin:0 0 1.1rem}
.pronuncia .nota-voce{margin:0}
.toni-lista{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.tono-scheda{display:flex;flex-direction:column;gap:.3rem;min-width:0;background:#fff;border:1.5px solid var(--bordo);border-radius:22px;padding:1rem 1.1rem 1.1rem;box-shadow:3px 3px 0 var(--tiffany)}
.tono-scheda > svg{width:100%;max-width:9rem;height:auto;margin-bottom:.3rem}
.tono-scheda > svg line{stroke:var(--linea);stroke-width:1.5}
.tono-scheda > svg path{fill:none;stroke:var(--tiffany-inchiostro);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.ts-nome{margin:0;font:700 .74rem/1.3 var(--testo);letter-spacing:.12em;text-transform:uppercase;color:var(--tiffany-inchiostro)}
.ts-come{margin:0;font:560 1.15rem/1.25 var(--display);font-variation-settings:"SOFT" 100}
.ts-descr{margin:0;font-size:.92rem;color:var(--grigio)}
.ts-es{margin:.4rem 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.ts-es .han{font-size:1.8rem;line-height:1}
.ts-es i{font:italic 600 1.1rem var(--display);color:var(--tiffany-inchiostro)}
.ts-es > span:last-child{color:var(--grigio);font-size:.9rem}
@media (max-width:980px){.toni-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:440px){.toni-lista{grid-template-columns:1fr}}
.py-istruzione{margin:0 0 .6rem;font-weight:600}
.py-scorre{max-height:min(72vh,46rem);overflow:auto}
.tabella-pinyin{border-collapse:separate;border-spacing:0;font-size:.86rem;min-width:100%}
.tabella-pinyin th,.tabella-pinyin td{padding:2px;text-align:center;border-bottom:1px solid var(--linea);border-right:1px solid var(--linea);background:#fff}
.tabella-pinyin thead th{position:sticky;top:0;z-index:2;background:var(--tiffany-velo);font:700 .82rem/1.2 var(--testo);color:var(--inchiostro);padding:.45rem .3rem;min-width:3.1rem}
.tabella-pinyin tbody th{position:sticky;left:0;z-index:1;background:var(--carta);font:700 .82rem/1.2 var(--testo);padding:.3rem .55rem;min-width:3rem}
.tabella-pinyin thead th:first-child{left:0;z-index:3}
.tabella-pinyin .tp-gruppo{border-left:1.5px solid var(--bordo)}
.py-s{display:block;width:100%;min-width:2.9rem;min-height:2.2rem;padding:.2rem .25rem;border:1.5px solid transparent;border-radius:8px;background:var(--tiffany-velo);color:var(--inchiostro);font:600 .86rem/1.1 var(--testo);cursor:pointer}
.py-s:disabled{cursor:default;background:#fff}
.py-s:not(:disabled):hover{border-color:var(--tiffany-forte);background:#fff}
.py-s[aria-pressed="true"]{background:var(--limone);border-color:var(--inchiostro)}
.py-s:focus-visible{outline:3px solid var(--tiffany-inchiostro);outline-offset:1px}
.py-pannello{position:sticky;bottom:.75rem;z-index:20;margin-top:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem;background:#fff;border:1.5px solid var(--bordo);border-radius:22px;box-shadow:4px 4px 0 var(--riflesso);padding:.8rem 1.1rem}
.pp-testa{margin:0;display:flex;flex-direction:column}
.pp-testa b{font:600 1.6rem/1.1 var(--display);font-variation-settings:"SOFT" 100}
.pp-testa span{font-size:.82rem;color:var(--grigio)}
.pp-toni{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem}
.pp-toni li{display:flex;align-items:center;gap:.35rem;background:var(--carta);border-radius:14px;padding:.3rem .5rem .3rem .65rem}
.pp-toni i{font:italic 600 1.08rem var(--display);color:var(--tiffany-inchiostro)}
.pp-toni .han{font-size:1.45rem;line-height:1}
.pp-toni .pp-vuoto{font-size:.8rem;color:var(--grigio)}
.tabella-coppie td{white-space:normal;min-width:8.5rem}
.tabella-coppie tbody th{white-space:nowrap}
.cp-han{display:inline-flex;align-items:center;gap:.35rem}
.cp-han .han{font-size:1.35rem}
.tabella-coppie td i{display:block;font-family:var(--display);color:var(--tiffany-inchiostro);margin-top:.15rem}
.cp-it{display:block;font-size:.85rem;color:var(--grigio)}
.orecchio{background:#fff;border:1.5px solid var(--bordo);border-radius:24px;box-shadow:4px 4px 0 var(--limone-vivo);padding:clamp(1.1rem,2.8vw,1.6rem);margin-bottom:1.6rem;max-width:760px}
.or-stato{margin:0 0 .8rem;font-weight:600;color:var(--grigio)}
.or-gioco{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.4rem}
.or-ascolta{min-width:9rem}
.or-opzioni{display:flex;flex-wrap:wrap;gap:.6rem}
.or-opz{min-width:6.5rem;min-height:3.2rem;padding:.5rem 1rem;border:1.5px solid var(--bordo);border-radius:16px;background:var(--carta);color:var(--inchiostro);font:italic 600 1.35rem/1 var(--display);cursor:pointer}
.or-opz:hover:not([aria-disabled="true"]){background:var(--limone)}
.or-opz:focus-visible{outline:3px solid var(--tiffany-inchiostro);outline-offset:2px}
.or-opz.q-si{background:var(--tiffany-velo);border-color:var(--tiffany-inchiostro)}
.or-opz.q-no{background:var(--pesco);border-color:#B3475A}
.or-esito{margin:.9rem 0 .6rem;min-height:1.5em}
.or-esito b{font-weight:700}
.or-esito.si b{color:var(--tiffany-inchiostro)}
.or-esito.no b{color:#9E3347}
.or-esito .han{font-size:1.2rem}
.cm-titolo{font-size:1.25rem;margin:0 0 .7rem}
.coppie-minime{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.cm-gruppo{background:#fff;border:1.5px solid var(--linea);border-radius:20px;padding:.9rem 1rem;min-width:0}
.cm-gruppo h3{font:700 .74rem/1.3 var(--testo);letter-spacing:.12em;text-transform:uppercase;color:var(--tiffany-inchiostro);margin:0 0 .5rem}
.cm-gruppo ul{list-style:none;display:grid;gap:.45rem}
.cm-gruppo li{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .45rem;font-size:.86rem;padding-bottom:.45rem;border-bottom:1px dashed var(--linea)}
.cm-gruppo li:last-child{border-bottom:0;padding-bottom:0}
.cm-voce{display:inline-flex;align-items:center;gap:.3rem;flex-wrap:wrap}
.cm-voce .han{font-size:1.2rem}
.cm-voce i{font-family:var(--display);color:var(--tiffany-inchiostro)}
.cm-voce > span:last-child{color:var(--grigio)}
.cm-sep{color:var(--linea);font-weight:700}
.cm-gruppo .ascolta,.er-voce .ascolta,.ts-es .ascolta,.cp-han .ascolta,.pp-toni .ascolta{width:1.85rem;height:1.85rem}
@media (max-width:760px){.coppie-minime{grid-template-columns:1fr}}
.errori-lista{list-style:none;counter-reset:errore;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.errore{counter-increment:errore;position:relative;background:#fff;border:1.5px solid var(--linea);border-radius:20px;padding:1rem 1.15rem 1.05rem 3.4rem;min-width:0}
.errore::before{content:counter(errore);position:absolute;left:1rem;top:1rem;width:1.75rem;height:1.75rem;border-radius:50%;display:grid;place-items:center;background:var(--pesco);border:1.5px solid var(--bordo);font:700 .85rem/1 var(--testo);color:var(--inchiostro)}
.errore h3{font-size:1.1rem;margin:0 0 .3rem}
.errore p{margin:0;color:var(--grigio);font-size:.95rem}
.er-es{margin-top:.55rem!important;display:flex;flex-wrap:wrap;gap:.5rem}
.er-voce{display:inline-flex;align-items:center;gap:.3rem;background:var(--carta);border-radius:12px;padding:.25rem .55rem}
.er-voce .han{font-size:1.25rem;color:var(--inchiostro)}
.er-voce i{font-family:var(--display);color:var(--tiffany-inchiostro)}
@media (max-width:820px){.errori-lista{grid-template-columns:1fr}}
.pr-regole ul{list-style:none;display:grid;gap:.6rem;margin:.6rem 0 1rem;max-width:880px}
.pr-regole li{padding-left:1.4rem;position:relative;color:var(--grigio)}
.pr-regole li::before{content:"";position:absolute;left:0;top:.62em;width:.55rem;height:.55rem;border-radius:50%;background:var(--tiffany-forte);border:1.5px solid var(--bordo)}
.pr-regole b{color:var(--inchiostro)}

/* ── l'esame HSK ─────────────────────────────────────── */
.hsk-breve,.hsk-livelli,.hsk-tempo,.hsk-iscrizione,.hsk-test,.hsk-esiti,.hsk-domande{margin-top:clamp(2.4rem,5vw,3.4rem);scroll-margin-top:5.5rem}
.hsk-breve{margin-top:0;max-width:960px}
.hsk-breve ul{list-style:none;display:grid;gap:.65rem;margin-top:.8rem}
.hsk-breve li{padding-left:1.4rem;position:relative;color:var(--grigio)}
.hsk-breve li::before{content:"";position:absolute;left:0;top:.62em;width:.55rem;height:.55rem;border-radius:50%;background:var(--tiffany-forte);border:1.5px solid var(--bordo)}
.hsk-breve b{color:var(--inchiostro)}
.hsk-fonti{margin-top:.9rem}
.hsk-livelli > p:not(.piccolo),.hsk-tempo p{color:var(--grigio);max-width:74ch}
.tabella-hsk{max-width:760px}
.tabella-hsk td:nth-child(3),.tabella-hsk td:nth-child(4){font-variant-numeric:tabular-nums}
.tabella-hsk .hl-libro{background:var(--tiffany-velo);border-left:1px solid var(--linea);font-weight:700}
.tabella-hsk .hl-libro small{display:block;font-weight:500;color:var(--grigio)}
.hsk-livelli .tabella-scorre{max-width:760px}
.hsk-iscrizione ol{list-style:none;counter-reset:passo;display:grid;gap:.8rem;margin-top:.8rem;max-width:860px}
.hsk-iscrizione li{counter-increment:passo;position:relative;padding-left:2.6rem;color:var(--grigio)}
.hsk-iscrizione li::before{content:counter(passo);position:absolute;left:0;top:-.05rem;width:1.85rem;height:1.85rem;border-radius:50%;display:grid;place-items:center;background:var(--tiffany);border:1.5px solid var(--bordo);font:700 .9rem/1 var(--testo);color:var(--inchiostro)}
.hsk-iscrizione b{color:var(--inchiostro)}
.hsk-test h2{font-size:clamp(1.5rem,2.8vw,2rem);margin:0 0 .5rem}
.hsk-test h2 small{font:600 .78rem var(--testo);letter-spacing:.1em;text-transform:uppercase;color:var(--grigio);margin-left:.5rem}
.ht-intro{color:var(--grigio);margin:0 0 1.4rem;max-width:70ch}
.hq-zh{display:block;font-size:1.45rem;line-height:1.35;font-weight:500}
.hq-py{display:block;margin-top:.15rem}
.hq-py i{font-family:var(--display);color:var(--tiffany-inchiostro);font-weight:500}
.ht-stato{margin-top:1.6rem;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem}
.ht-stato > p{margin:0}
.ht-stato .cp-barra{flex:1 1 12rem;max-width:20rem}
.ht-esito{margin-top:1.2rem;background:var(--inchiostro);color:#fff;border-radius:22px;box-shadow:4px 4px 0 var(--tiffany);padding:1.1rem 1.3rem}
.ht-esito:focus{outline:3px solid var(--tiffany-inchiostro);outline-offset:3px}
.ht-esito .p-occhiello{color:var(--tiffany)}
.ht-esito-titolo{margin:.3rem 0 .3rem;font:600 clamp(1.35rem,2.6vw,1.75rem)/1.2 var(--display);font-variation-settings:"SOFT" 100}
.ht-esito p:not(.p-occhiello):not(.ht-esito-titolo){margin:0 0 .9rem;color:rgba(255,255,255,.88)}
.ht-esito .btn-primario{box-shadow:4px 4px 0 #fff}
.esiti-lista{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;margin-top:.8rem}
.esiti-lista li{background:#fff;border:1.5px solid var(--linea);border-radius:18px;padding:.9rem 1rem;min-width:0;display:flex;flex-direction:column;gap:.25rem}
.esiti-lista li.scelto{border:1.5px solid var(--bordo);background:var(--limone);box-shadow:3px 3px 0 var(--riflesso)}
.esiti-lista p{margin:0;font-size:.92rem;color:var(--grigio)}
.esiti-lista .he-punti{font:700 .72rem/1.3 var(--testo);letter-spacing:.11em;text-transform:uppercase;color:var(--tiffany-inchiostro)}
.esiti-lista .he-titolo{font:560 1.08rem/1.25 var(--display);font-variation-settings:"SOFT" 100;color:var(--inchiostro)}
.esiti-lista .he-vai{margin-top:auto;padding-top:.4rem;font-weight:700}
@media (max-width:1100px){.esiti-lista{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.esiti-lista{grid-template-columns:1fr}}
.hsk-domande dl{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){.hsk-domande dl{grid-template-columns:1fr}}

/* stampa: niente menu e niente cornici, solo il contenuto */
@media print{
  .testata,.briciole,.schede-link,.vicine,.continua,.piede,.barra{display:none!important}
  .tema.sez{padding:0}
  .varco,.ind-vol,.cap-punteggio,.piano-giorno,.dna,.festa,.opera-voce article{box-shadow:none}
  .piano-stato,.piano-dopo,.piano-regole,.piano-domande,.py-pannello,.orecchio,.ht-stato,.dna-strumenti,.dna-indice,.dna-gira,.fe-prossima-box,.fe-ics,.sale-indice,.sale-altro,.ascolta,.nota-voce{display:none!important}
  .piano-giorno,.dna,.festa,.opera-voce{break-inside:avoid}
  .g-fatto{border:0;padding:0}
}

/* ── I trentasei stratagemmi: «L'arte della guerra» di Sunzi ── */
.sunzi{margin-top:clamp(2.5rem,5vw,3.5rem);padding-top:clamp(2rem,4vw,2.8rem);border-top:1.5px solid var(--linea)}
.sunzi-testa{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem 1.2rem;align-items:center}
.sunzi-testa .p-figura{margin:0}
.sunzi-testa .occhiello{margin:0 0 .35rem}
.sunzi-testa h2{font-size:clamp(1.6rem,3vw,2.15rem);line-height:1.15;margin:0}
.sz-titolo-py{display:flex;align-items:center;gap:.45rem;margin:.4rem 0 0}
.sz-titolo-py i{font:italic 600 1.12rem/1 var(--display);color:var(--tiffany-inchiostro)}
.sunzi-lead{font-size:1.08rem;line-height:1.6;max-width:64ch;margin:1.3rem 0 0}
.sunzi-corpo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(1.5rem,4vw,3rem);margin-top:2rem;align-items:start}
.sunzi h3{font-size:1.22rem;line-height:1.25;margin:0 0 .45rem}
.sunzi-testo p{max-width:64ch;margin:0 0 1.35rem;line-height:1.65}
.sunzi-testo p:last-child{margin-bottom:0}
.sunzi-frasi{list-style:none;display:grid;gap:1rem;margin:.2rem 0 0;padding:0}
.sz-frase{background:var(--bianco);border:1.5px solid var(--bordo);border-radius:22px;box-shadow:4px 4px 0 var(--tiffany);padding:1.1rem 1.25rem}
.sz-frase p{margin:0}
.sz-han{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:1.4rem;line-height:1.35}
.sz-py{margin-top:.2rem!important}
.sz-py i{font:italic 600 1rem/1.4 var(--display);color:var(--tiffany-inchiostro)}
.sz-it{font-weight:600;line-height:1.45;margin-top:.55rem!important}
.sz-dove{font-size:.86rem;color:var(--grigio);margin-top:.25rem!important}
.sz-nota{font-size:.93rem;line-height:1.55;margin-top:.7rem!important;padding-top:.65rem;border-top:1px dashed var(--linea)}
.sunzi-sotto{margin-top:2.4rem!important}
.sunzi .curiosita{margin-top:1rem}
.sunzi-fonti{margin:1.5rem 0 0;max-width:90ch;line-height:1.55}
@media (max-width:860px){.sunzi-corpo{grid-template-columns:1fr}}
@media (max-width:480px){.sz-han{font-size:1.22rem}.sz-frase{padding:1rem 1.05rem}}
@media print{.sz-frase{box-shadow:none}}

/* ═══ Sezioni nuove: La mente che impara · Che cos'è il linguaggio · Consulenza ═══ */
.mn .cap-testa{margin-bottom:1.3rem}
.mn-lead{max-width:64ch;margin:0 0 clamp(1.8rem,4vw,2.6rem)}
.mn-schede{gap:.5rem}
.mn-schede .scheda-testo{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none}
.mn-schede .scheda-testo b{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--tiffany-velo);border:1.5px solid var(--bordo);font:600 .8rem/1 var(--display)}
.mn-schede .scheda-testo[aria-current="page"] b{background:#fff}

/* l'articolo: testo e, a lato, l'indice della pagina */
.mn-articolo{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:clamp(2rem,4vw,3.5rem);align-items:start}
.mn-testo{grid-column:1;grid-row:1;min-width:0}
.mn-indice{grid-column:2;grid-row:1;position:sticky;top:6.4rem;border-left:2px solid var(--linea);padding:.15rem 0 .15rem 1.1rem;font-size:.9rem}
.mn-indice-t{font:700 .72rem/1.3 var(--testo);letter-spacing:.12em;text-transform:uppercase;color:var(--tiffany-inchiostro);margin:0 0 .65rem}
.mn-indice ol{list-style:none;display:grid;gap:.5rem}
.mn-indice a{display:block;color:var(--grigio);text-decoration:none;line-height:1.35}
.mn-indice a:hover{color:var(--inchiostro);text-decoration:underline;text-decoration-color:var(--tiffany-forte)}
@media (max-width:1040px){
  .mn-articolo{grid-template-columns:minmax(0,1fr)}
  .mn-indice{grid-column:1;grid-row:1;position:static;border-left:0;background:var(--carta);border-radius:22px;padding:1rem 1.25rem 1.1rem}
  .mn-indice ol{list-style:decimal;padding-left:1.3rem;gap:.35rem}
  .mn-indice a{color:var(--inchiostro);text-decoration:underline;text-decoration-color:var(--linea);text-underline-offset:.2em}
  .mn-testo{grid-row:2}
}

/* in breve */
.mn-breve{background:var(--limone);border:1.5px solid var(--bordo);border-radius:24px;box-shadow:4px 4px 0 var(--riflesso);padding:1.2rem 1.45rem 1.3rem;margin:0 0 2.4rem}
.mn-breve h2,.mn-breve h3{font-size:1.2rem;line-height:1.2;margin:0 0 .65rem}
.mn-note h3{font-size:1.15rem;line-height:1.25;margin:0 0 .6rem}
.saggio-numeri{border-top:1.5px solid var(--linea)}
.mn-breve ol{margin:0;padding-left:1.35rem;display:grid;gap:.55rem}
.mn-breve li{line-height:1.55;padding-left:.15rem}
.mn-breve li::marker{font:600 1rem var(--display)}

/* il corpo del testo */
.mn-corpo > p,.mn-hub-corpo > p{max-width:68ch;line-height:1.72;margin:0 0 1.15rem}
.mn-h2{font-size:clamp(1.55rem,2.8vw,2.1rem);line-height:1.15;margin:2.8rem 0 1rem;scroll-margin-top:6rem;max-width:30ch}
.mn-corpo > .mn-h2:first-child,.mn-hub-corpo > .mn-h2:first-child{margin-top:0}
.mn-lista{list-style:none;display:grid;gap:.75rem;margin:0 0 1.4rem;max-width:68ch}
.mn-lista li{position:relative;padding-left:1.45rem;line-height:1.62}
.mn-lista li::before{content:"";position:absolute;left:0;top:.6em;width:.55rem;height:.55rem;border-radius:50%;background:var(--tiffany-forte);border:1.5px solid var(--bordo)}
.mn-numeri{margin:0 0 1.4rem;padding-left:1.6rem;display:grid;gap:.9rem;max-width:72ch}
.mn-numeri li{line-height:1.62;padding-left:.3rem}
.mn-numeri li::marker{font:600 1.05rem var(--display);color:var(--tiffany-inchiostro)}
/* le parole cinesi brevi dentro il testo non si spezzano a fine riga */
.mn-corpo > p .han,.mn-lista .han,.mn-numeri .han,.mn-hub-corpo > p .han,.wk-forma-d .han,.cu-testo .han,.cu-piatto .han,.cucina-idee .han,.cucina-faq .han,.cucina-oltre .han,.cucina-italia .han{white-space:nowrap}
.mn .han.han-frase,.yijing .han.han-frase{white-space:normal}
.mn-tabella{position:relative}
.mn sup.rif{font-size:.7em;line-height:0;vertical-align:super;margin-left:.08em}
.mn sup.rif a{font-weight:700;text-decoration:none;color:var(--tiffany-inchiostro);padding:0 .12em}
.mn sup.rif a:hover{text-decoration:underline}

/* riquadri */
.mn-etichetta{display:inline-block;font:700 .7rem/1 var(--testo);letter-spacing:.11em;text-transform:uppercase;padding:.38rem .64rem;border-radius:999px;border:1.5px solid var(--bordo);background:#fff;margin:0 0 .75rem}
.mn-studio{margin:2rem 0;max-width:74ch;background:#fff;border:1.5px solid var(--bordo);border-radius:24px;box-shadow:4px 4px 0 var(--tiffany);padding:1.25rem 1.45rem 1.3rem}
.mn-studio .mn-etichetta{background:var(--tiffany)}
.mn-studio h3{font-size:1.24rem;line-height:1.25;margin:0 0 .6rem}
.mn-studio p{margin:0 0 .75rem;line-height:1.64}
.mn-studio .mn-limite{margin:0;padding-top:.7rem;border-top:1px dashed var(--linea);font-size:.94rem;color:var(--grigio)}
.mn-limite b{color:var(--inchiostro)}
.mn-cina{margin:2rem 0;max-width:74ch;background:var(--tiffany-velo);border:1.5px solid rgba(35,74,115,.3);border-radius:24px;padding:1.25rem 1.45rem 1.35rem}
.mn-cina .mn-etichetta{background:var(--limone)}
.mn-cina-han{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .75rem;margin:0;font-size:clamp(1.55rem,3.4vw,2.1rem);line-height:1.3}
.mn-cina-han .han{letter-spacing:.06em}
.mn-cina-py{margin:.3rem 0 .75rem;color:var(--grigio)}
.mn-cina-py i{font:italic 600 1.05rem var(--display);color:var(--tiffany-inchiostro)}
.mn-cina-testo{margin:0;line-height:1.66}
.mn-pratica{margin:2.4rem 0 .6rem;max-width:80ch;background:var(--carta);border-radius:24px;padding:1.3rem 1.5rem 1.4rem}
.mn-pratica h3{font-size:1.28rem;line-height:1.2;margin:0 0 .85rem}
.mn-pratica ul{list-style:none;display:grid;gap:.75rem}
.mn-pratica li{position:relative;padding-left:1.75rem;line-height:1.6}
.mn-pratica li::before{content:"";position:absolute;left:.15rem;top:.32em;width:.5rem;height:.85rem;border:solid var(--tiffany-inchiostro);border-width:0 3px 3px 0;transform:rotate(40deg)}
.mn-mito{margin:2.2rem 0}
.mn-cit{margin:1.9rem 0;max-width:64ch;padding:.15rem 0 .15rem 1.3rem;border-left:4px solid var(--tiffany-forte)}
.mn-cit p{margin:0 0 .45rem;font:italic 450 1.2rem/1.5 var(--display);font-variation-settings:"SOFT" 100}
.mn-cit .mn-cit-fonte{font:400 .9rem/1.4 var(--testo);color:var(--grigio);margin:0}

/* le regole, con gli esempi di richiesta */
.mn-regole{list-style:none;display:grid;gap:1.1rem;margin:1.5rem 0 1.8rem;max-width:80ch}
.mn-regola{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem 1.1rem;background:#fff;border:1.5px solid var(--bordo);border-radius:24px;box-shadow:4px 4px 0 var(--riflesso);padding:1.2rem 1.35rem 1.3rem}
.mn-regola-n{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--tiffany);border:1.5px solid var(--bordo);font:600 1.2rem/1 var(--display)}
.mn-regola h3{font-size:1.22rem;line-height:1.25;margin:.35rem 0 .5rem}
.mn-regola p{margin:0 0 .85rem;line-height:1.62}
.mn-prompt{background:var(--carta);border-radius:16px;padding:.85rem 1.05rem}
.mn-regola .mn-prompt-et{font:700 .7rem/1.2 var(--testo);letter-spacing:.1em;text-transform:uppercase;color:var(--tiffany-inchiostro);margin:0 0 .4rem}
.mn-regola .mn-prompt-testo{margin:0;font-family:var(--display);font-style:italic;font-variation-settings:"SOFT" 100;line-height:1.5}
@media (max-width:520px){.mn-regola{grid-template-columns:minmax(0,1fr)}.mn-regola h3{margin-top:0}}

/* tabelle */
.mn-tabella{margin:1.8rem 0;overflow-x:auto;border:1.5px solid var(--bordo);border-radius:22px;background:#fff}
.mn-tabella table{width:100%;min-width:700px;border-collapse:collapse;font-size:.93rem}
.mn-tabella caption{caption-side:top;text-align:left;padding:1rem 1.15rem .85rem;font:600 1.08rem/1.35 var(--display);font-variation-settings:"SOFT" 100}
.mn-tabella th,.mn-tabella td{text-align:left;vertical-align:top;padding:.75rem 1rem;border-top:1px solid var(--linea);line-height:1.5}
.mn-tabella thead th{background:var(--tiffany-velo);font:700 .74rem/1.3 var(--testo);letter-spacing:.08em;text-transform:uppercase}
.mn-tabella tbody th{font:600 1rem/1.35 var(--display);font-variation-settings:"SOFT" 100;min-width:9rem}

/* figure */
.mn-fig{margin:2.2rem 0;padding:clamp(1rem,2.5vw,1.45rem);background:#fff;border:1.5px solid var(--bordo);border-radius:26px;box-shadow:4px 4px 0 var(--riflesso)}
.mn-fig figcaption{margin-top:1.15rem;max-width:84ch;font-size:.92rem;line-height:1.55;color:var(--grigio)}
.mn-fig-n{font:700 .7rem/1 var(--testo);letter-spacing:.11em;text-transform:uppercase;color:var(--tiffany-inchiostro);margin-right:.3rem}
.mn-fig p{margin:0}
.mn-passi{list-style:none;display:grid;gap:1.4rem}
.mn-passi-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mn-passi-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mn-passi li{position:relative;border-radius:20px;padding:1rem 1.1rem 1.1rem;background:var(--carta)}
.mn-passi li:nth-child(2){background:var(--limone)}
.mn-passi li:nth-child(3){background:var(--tiffany-velo)}
.mn-passi li:nth-child(4){background:var(--pesco)}
.mn-passi li + li::before{content:"";position:absolute;left:-1.05rem;top:1.55rem;width:.6rem;height:.6rem;border:solid var(--inchiostro);border-width:2.5px 2.5px 0 0;transform:rotate(45deg)}
.mn-passo-n{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:#fff;border:1.5px solid var(--bordo);font:600 1rem/1 var(--display);margin:0 0 .65rem!important}
.mn-passo-t{line-height:1.3;margin:0 0 .5rem!important}
.mn-passo-t b{display:block;font:600 1.18rem/1.25 var(--display);font-variation-settings:"SOFT" 100}
.mn-passo-t span{font-style:italic;color:var(--grigio);font-size:.95rem}
.mn-passo-d{font-size:.95rem;line-height:1.5;margin:0 0 .6rem!important}
.mn-passo-d:last-child{margin-bottom:0!important}
.mn-passo-es{font-size:.9rem;line-height:1.5;padding-top:.55rem;border-top:1px dashed rgba(22,40,63,.22)}
@media (max-width:900px){.mn-passi-4{grid-template-columns:repeat(2,minmax(0,1fr))}.mn-passi-4 li:nth-child(3)::before{display:none}}
@media (max-width:760px){
  .mn-passi-3,.mn-passi-4{grid-template-columns:minmax(0,1fr)}
  .mn-passi li + li::before,.mn-passi-4 li:nth-child(3)::before{display:block;left:1.45rem;top:-1.05rem;transform:rotate(135deg)}
}
.mn-scale-lista{list-style:none;display:grid}
.mn-scale-lista li{display:grid;grid-template-columns:11.5rem minmax(0,1fr);gap:.25rem 1.3rem;align-items:center;padding:.85rem 0;border-top:1px solid var(--linea)}
.mn-scale-lista li:first-child{border-top:0;padding-top:.2rem}
.mn-scala-t{grid-row:1 / span 3;line-height:1.3}
.mn-scala-t b{display:block;font:600 1.15rem/1.25 var(--display);font-variation-settings:"SOFT" 100}
.mn-scala-t span{font-size:.88rem;color:var(--grigio)}
.mn-scala-barra{height:.75rem;background:var(--carta);border-radius:999px;overflow:hidden}
.mn-scala-barra i{display:block;height:100%;background:var(--tiffany);border-right:1.5px solid var(--bordo);border-radius:999px}
.mn-scala-1 .mn-scala-barra i{width:10%}
.mn-scala-2 .mn-scala-barra i{width:28%}
.mn-scala-3 .mn-scala-barra i{width:56%}
.mn-scala-4 .mn-scala-barra i{width:100%;background:var(--tiffany-forte)}
.mn-scala-cosa{font-weight:600;font-size:.98rem;margin-top:.35rem!important}
.mn-scala-dove{font-size:.9rem;color:var(--grigio)}
@media (max-width:640px){.mn-scale-lista li{grid-template-columns:minmax(0,1fr)}.mn-scala-t{grid-row:auto}}
.mn-mat-griglia{display:grid;grid-template-columns:8.5rem minmax(0,1fr) minmax(0,1fr);gap:.75rem}
.mn-mat-col,.mn-mat-riga{font:600 .95rem/1.3 var(--display);font-variation-settings:"SOFT" 100;align-self:end;padding:0 .2rem}
.mn-mat-riga{align-self:center}
.mn-mat-col span,.mn-mat-riga span{display:block;font:700 .68rem/1.3 var(--testo);letter-spacing:.1em;text-transform:uppercase;color:var(--tiffany-inchiostro);margin-bottom:.2rem}
.mn-mat-cella{border-radius:20px;padding:1rem 1.1rem 1.1rem;background:var(--carta);border:1.5px solid var(--linea)}
.mn-mat-si{background:var(--tiffany-velo);border:2px solid var(--tiffany-inchiostro)}
.mn-mat-no{background:var(--pesco);border-color:var(--pesco-forte)}
.mn-mat-chi{font:700 .72rem/1.35 var(--testo);letter-spacing:.06em;text-transform:uppercase;color:var(--grigio);margin-bottom:.45rem!important}
.mn-mat-t b{font:600 1.2rem/1.25 var(--display);font-variation-settings:"SOFT" 100}
.mn-mat-d{font-size:.95rem;line-height:1.5;margin-top:.35rem!important}
@media (max-width:760px){.mn-mat-griglia{grid-template-columns:minmax(0,1fr)}.mn-mat-angolo,.mn-mat-col,.mn-mat-riga{display:none}}

.mn-tempo-ere{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.mn-era{border-radius:20px;padding:1rem 1.1rem 1.05rem;background:var(--carta)}
.mn-era-2{background:var(--limone)}
.mn-era-3{background:var(--tiffany-velo)}
.mn-era-t{margin:0 0 .85rem!important;line-height:1.3}
.mn-era-t b{display:block;font:600 1.15rem/1.25 var(--display);font-variation-settings:"SOFT" 100}
.mn-era-t span{font-size:.86rem;font-style:italic;color:var(--grigio)}
.mn-era ol{list-style:none;display:grid;gap:.85rem;border-left:1.5px solid var(--bordo);margin-left:.3rem;padding-left:1rem}
.mn-era ol li{position:relative}
.mn-era ol li::before{content:"";position:absolute;left:calc(-1rem - 6px);top:.3rem;width:10px;height:10px;border-radius:50%;background:#fff;border:1.5px solid var(--bordo)}
.mn-quando{font:700 .74rem/1.35 var(--testo);letter-spacing:.06em;text-transform:uppercase;color:var(--tiffany-inchiostro);margin:0 0 .2rem!important}
.mn-cosa{font-size:.93rem;line-height:1.5}
@media (max-width:900px){.mn-tempo-ere{grid-template-columns:minmax(0,1fr)}}
.mn-imbuto{list-style:none;display:grid;gap:1.05rem;justify-items:center}
.mn-imbuto li{position:relative;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem 1rem;align-items:start;border-radius:20px;padding:.9rem 1.15rem;background:var(--carta)}
.mn-imbuto li:nth-child(2){width:94%;background:var(--limone)}
.mn-imbuto li:nth-child(3){width:88%;background:var(--tiffany-velo)}
.mn-imbuto li:nth-child(4){width:82%;background:var(--pesco)}
.mn-imbuto li:nth-child(5){width:76%;background:#fff;border:1.5px solid var(--bordo);box-shadow:3px 3px 0 var(--tiffany)}
.mn-imbuto li + li::before{content:"";position:absolute;left:50%;top:-.95rem;width:.6rem;height:.6rem;margin-left:-.3rem;border:solid var(--inchiostro);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.mn-imbuto .mn-passo-n{margin:0!important}
.mn-imbuto .mn-passo-t{margin:0 0 .25rem!important}
.mn-imbuto .mn-passo-t b{display:inline;margin-right:.35rem}
.mn-ritorno{display:flex;gap:.8rem;align-items:flex-start;margin:1.2rem auto 0!important;max-width:76%;font-size:.93rem;line-height:1.5;padding:.8rem 1rem;border:1.5px dashed var(--tiffany-inchiostro);border-radius:16px}
.mn-ritorno-freccia{flex:none;position:relative;width:1.5rem;height:1.5rem;border:2.5px solid var(--tiffany-inchiostro);border-right-color:transparent;border-radius:50%;margin-top:.05rem}
.mn-ritorno-freccia::after{content:"";position:absolute;right:-.2rem;top:-.1rem;width:.45rem;height:.45rem;border:solid var(--tiffany-inchiostro);border-width:2.5px 2.5px 0 0;transform:rotate(100deg)}
@media (max-width:640px){.mn-imbuto li,.mn-imbuto li:nth-child(n){width:100%}.mn-ritorno{max-width:none}}
.mn-segni-lista{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.mn-segno{border-radius:20px;padding:1rem 1.1rem 1.1rem;background:var(--carta)}
.mn-segno:nth-child(2){background:var(--limone)}
.mn-segno:nth-child(3){background:var(--tiffany-velo)}
.mn-segno-fig{display:grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:18px;background:#fff;border:1.5px solid var(--bordo);margin:0 0 .75rem!important}
.mn-segno-t{line-height:1.3;margin:0 0 .45rem!important}
.mn-segno-t b{display:block;font:600 1.2rem/1.25 var(--display);font-variation-settings:"SOFT" 100}
.mn-segno-t span{font-style:italic;color:var(--grigio);font-size:.93rem}
.mn-segno-d{font-size:.95rem;line-height:1.5;margin:0 0 .6rem!important}
.mn-segno-es{list-style:none;display:grid;gap:.4rem;padding-top:.6rem;border-top:1px dashed rgba(22,40,63,.22);font-size:.9rem;line-height:1.5}
@media (max-width:760px){.mn-segni-lista{grid-template-columns:minmax(0,1fr)}}
.mn-dati-lista{list-style:none;display:grid;gap:1.1rem}
.mn-dati-g{font:700 .72rem/1.3 var(--testo);letter-spacing:.1em;text-transform:uppercase;color:var(--tiffany-inchiostro);margin:0 0 .45rem!important}
.mn-dati-modelli .mn-dati-g{color:#8A3346}
.mn-dati-gruppo ul{list-style:none;display:grid;gap:.6rem}
.mn-dati-riga,.mn-dati-asse{display:grid;grid-template-columns:15rem minmax(0,1fr) 7.5rem;gap:.2rem 1rem;align-items:center}
.mn-dati-t{line-height:1.3}
.mn-dati-t b{display:block;font:600 1.02rem/1.25 var(--display);font-variation-settings:"SOFT" 100}
.mn-dati-t span{font-size:.85rem;color:var(--grigio)}
.mn-dati-barra{position:relative;height:1.1rem;border-radius:999px;background:repeating-linear-gradient(90deg,var(--carta) 0 calc(12.5% - 1px),var(--linea) calc(12.5% - 1px) 12.5%)}
.mn-dati-barra i,.mn-dati-barra s{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--tiffany);border:1.5px solid var(--bordo)}
.mn-dati-modelli .mn-dati-barra i{background:var(--pesco-forte)}
.mn-dati-1 i{width:22.2%}
.mn-dati-2 i{width:28.8%}
.mn-dati-2 s{left:28.8%;width:3.7%;background:var(--tiffany-velo);border-left:0;border-radius:0 999px 999px 0}
.mn-dati-3 i{width:71.2%}
.mn-dati-4 i{width:89.7%}
.mn-dati-v{font:600 1rem/1.2 var(--display);font-variation-settings:"SOFT" 100;white-space:nowrap}
.mn-dati sup{font-size:.68em;line-height:0}
.mn-dati-asse{margin-top:.5rem!important;font-size:.8rem;color:var(--grigio)}
.mn-dati-tacche{position:relative;grid-column:2;height:1.3rem}
.mn-dati-tacche span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap;line-height:1.3rem}
.mn-dati-tacche span:nth-child(2){left:25%}
.mn-dati-tacche span:nth-child(3){left:50%}
.mn-dati-tacche span:nth-child(4){left:75%}
.mn-dati-tacche span:nth-child(5){left:100%}
.mn-dati-tacche span:first-child{left:0}
@media (max-width:760px){
  .mn-dati-riga{grid-template-columns:minmax(0,1fr) auto}
  .mn-dati-t{grid-column:1 / -1}
  .mn-dati-asse{grid-template-columns:minmax(0,1fr) auto}
  .mn-dati-asse-vuoto{display:none}
  .mn-dati-tacche{grid-column:1}
  .mn-dati-asse::after{content:"";width:5.2rem}
  .mn-dati-v{min-width:5.2rem;text-align:right}
}
.mn-mappa-lista{list-style:none;display:grid;gap:.55rem;counter-reset:livello}
.mn-mappa-livello{display:grid;grid-template-columns:16rem minmax(0,1fr);gap:.4rem 1.2rem;align-items:center;padding:.75rem 1rem;border-radius:18px;background:var(--carta)}
.mn-mappa-livello:nth-child(4),.mn-mappa-livello:nth-child(5){background:var(--tiffany-velo)}
.mn-mappa-livello:nth-child(6){background:var(--pesco)}
.mn-mappa-classe{background:var(--limone)!important;border:1.5px solid var(--bordo)}
.mn-mappa-t{line-height:1.3}
.mn-mappa-t b{display:block;font:600 1.08rem/1.25 var(--display);font-variation-settings:"SOFT" 100}
.mn-mappa-t span{font-size:.86rem;font-style:italic;color:var(--grigio)}
.mn-mappa-cap{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}
.mn-mappa-cap a{display:inline-flex;align-items:center;gap:.45rem;min-height:2.5rem;padding:.4rem .85rem;border-radius:999px;background:#fff;border:1.5px solid var(--bordo);color:var(--inchiostro);text-decoration:none;font-size:.93rem;line-height:1.25}
.mn-mappa-cap a:hover{background:var(--tiffany-velo)}
.mn-mappa-sez{font:700 .62rem/1 var(--testo);letter-spacing:.08em;text-transform:uppercase;color:var(--tiffany-inchiostro)}
@media (max-width:700px){.mn-mappa-livello{grid-template-columns:minmax(0,1fr)}}
.mn-lenti-lista{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.mn-lente{border-radius:22px;padding:1.05rem 1.15rem 1.15rem;background:var(--carta);border:1.5px solid var(--linea)}
.mn-lente:nth-child(2){background:var(--limone)}
.mn-lente:nth-child(3){background:var(--tiffany-velo)}
.mn-lente-han{display:flex;align-items:baseline;gap:.5rem;margin:0 0 .35rem!important}
.mn-lente-han .han{font-size:2.3rem;line-height:1.1}
.mn-lente-han i{font:italic 600 1rem var(--display);color:var(--tiffany-inchiostro)}
.mn-lente-t{font:600 1.3rem/1.25 var(--display);font-variation-settings:"SOFT" 100;margin:0 0 .4rem!important}
.mn-lente-t a{color:var(--inchiostro);text-decoration-color:var(--tiffany-forte);text-underline-offset:.18em}
.mn-lente-d{font-size:.95rem;line-height:1.5;margin:0 0 .7rem!important}
.mn-lente ul{list-style:none;display:grid;gap:.35rem;padding-top:.6rem;border-top:1px dashed rgba(22,40,63,.22);font-size:.9rem;line-height:1.45}
.mn-lente li{position:relative;padding-left:1rem}
.mn-lente li::before{content:"";position:absolute;left:0;top:.55em;width:.4rem;height:.4rem;border-radius:50%;background:var(--inchiostro)}
.mn-regia{margin:1.1rem 0 0!important;padding:.85rem 1.1rem;border-radius:16px;background:var(--inchiostro);color:#fff;line-height:1.5}
.mn-regia b{font:600 1.08rem/1.3 var(--display);font-variation-settings:"SOFT" 100;margin-right:.3rem}
.mn-regia a{color:#fff;text-decoration-color:var(--tiffany)}
@media (max-width:860px){.mn-lenti-lista{grid-template-columns:minmax(0,1fr)}}

/* consulenza: casi, domande, contatti */
.mn-sottotitolo{margin:.15rem 0 .9rem;font:italic 500 1.05rem/1.4 var(--display);font-variation-settings:"SOFT" 100;color:var(--tiffany-inchiostro)}
.mn-caso{margin:2rem 0;max-width:74ch;background:#fff;border:1.5px solid var(--bordo);border-radius:24px;box-shadow:4px 4px 0 var(--pesco-forte);padding:1.25rem 1.45rem 1.3rem}
.mn-caso .mn-etichetta{background:var(--pesco)}
.mn-caso h3{font-size:1.24rem;line-height:1.25;margin:0 0 .6rem}
.mn-caso p{margin:0 0 .75rem;line-height:1.64}
.mn-caso .mn-lezione{margin:0;padding-top:.7rem;border-top:1px dashed var(--linea)}
.mn-faq{display:grid;gap:.7rem;margin:0 0 1.6rem;max-width:74ch}
.mn-faq-voce{border:1.5px solid var(--bordo);border-radius:18px;background:#fff}
.mn-faq-voce summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.85rem 1.1rem;font:600 1.04rem/1.35 var(--display);font-variation-settings:"SOFT" 100;border-radius:16px}
.mn-faq-voce summary::-webkit-details-marker{display:none}
.mn-faq-voce summary::after{content:"";flex:none;width:.55rem;height:.55rem;border:solid var(--inchiostro);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-2px,-2px);transition:transform .15s}
.mn-faq-voce[open] summary::after{transform:rotate(225deg) translate(-2px,-2px)}
.mn-faq-voce summary:focus-visible{outline:3px solid var(--tiffany-inchiostro);outline-offset:2px}
.mn-faq-voce p{margin:0;padding:0 1.1rem 1rem;line-height:1.6}
.mn-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem 2rem;align-items:center;margin:2.6rem 0 1rem;padding:clamp(1.15rem,2.8vw,1.6rem) clamp(1.2rem,3vw,1.9rem);border-radius:26px;background:var(--inchiostro);color:#fff;box-shadow:4px 4px 0 var(--tiffany)}
.mn-cta h2{font-size:clamp(1.35rem,2.6vw,1.7rem);line-height:1.2;margin:0 0 .4rem;color:#fff}
.mn-cta p{margin:0;line-height:1.55;color:rgba(255,255,255,.9);max-width:60ch}
.mn-cta-btn{display:flex;flex-wrap:wrap;gap:.75rem}
.mn-cta .btn-primario{background:var(--limone-vivo);box-shadow:none}
.mn-cta .btn:focus-visible{outline:3px solid var(--tiffany);outline-offset:3px}
@media (max-width:820px){.mn-cta{grid-template-columns:minmax(0,1fr)}}

/* la banda della mente e del linguaggio, nelle pagine gratuite */
.banda-scienze{margin:clamp(1.6rem,3.5vw,2.4rem) 0 0;padding:clamp(1.15rem,2.8vw,1.7rem) clamp(1.2rem,3vw,2rem);border-radius:26px;background:var(--tiffany-velo);border:1.5px solid var(--bordo);box-shadow:4px 4px 0 var(--riflesso)}
.bsc-testa h2,.bsc-testa h3{font-size:clamp(1.35rem,2.6vw,1.75rem);line-height:1.15;margin:.3rem 0 .35rem}
.bsc-testa p:last-child{margin:0;max-width:72ch;color:var(--grigio)}
.bsc-voci{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.2rem}
.bsc-voce{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:start;background:#fff;border:1.5px solid var(--bordo);border-radius:22px;padding:1rem 1.1rem 1.1rem}
.bsc-fig{display:grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:18px;background:var(--tiffany);border:1.5px solid var(--bordo)}
.bsc-qui{display:inline-block;margin:0 0 .4rem;font:700 .66rem/1 var(--testo);letter-spacing:.1em;text-transform:uppercase;padding:.32rem .55rem;border-radius:999px;background:var(--limone);border:1.5px solid var(--bordo)}
.bsc-t{font-size:1.22rem;line-height:1.25;margin:0 0 .35rem}
.bsc-t a{color:var(--inchiostro);text-decoration-color:var(--tiffany-forte);text-underline-offset:.18em}
.bsc-d{margin:0 0 .7rem;font-size:.95rem;line-height:1.5}
.bsc-n{font-weight:700}
.bsc-cap{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}
.bsc-cap a{display:inline-flex;align-items:center;min-height:2.3rem;padding:.3rem .75rem;border-radius:999px;border:1.5px solid var(--bordo);background:var(--carta);color:var(--inchiostro);text-decoration:none;font-size:.88rem}
.bsc-cap a:hover{background:var(--limone)}
@media (max-width:860px){.bsc-voci{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.bsc-voce{grid-template-columns:minmax(0,1fr)}}

/* le pagine introduttive */
.mn-hub-testa{max-width:820px}
.mn-varchi{margin-bottom:clamp(2.6rem,5vw,3.6rem)}
.mn-varchi-5{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:980px){.mn-varchi-5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.mn-varchi-5{grid-template-columns:minmax(0,1fr)}}
.mn-hub-corpo{max-width:900px}
.mn-note h2,.mn-fonti h2{font-size:1.15rem;line-height:1.25;margin:0 0 .6rem}
.mn-quiz h2{font-size:1.3rem;line-height:1.25;margin:0 0 1.2rem}
.mn-quiz h2 small{font:600 .78rem var(--testo);letter-spacing:.1em;text-transform:uppercase;color:var(--grigio);margin-left:.5rem}
.mn .cap-punteggio{margin-top:1.6rem}
.mn-fonti{margin-top:2.6rem}
@media print{.mn-indice,.mn-schede,.mn-cta-btn{display:none!important}.mn-breve,.mn-studio,.mn-regola,.mn-fig,.mn-caso,.mn-cta,.banda-scienze{box-shadow:none}.mn-cta{background:none;color:inherit;border:1.5px solid var(--bordo)}.mn-cta h2,.mn-cta p{color:inherit}}
/* ═══ La tua voce e il cervello (voce/) ═══════════════════════════ */
.pr-allenati{margin-top:clamp(1.8rem,4vw,2.6rem);max-width:820px;background:var(--pesco);border:1.5px solid var(--bordo);border-radius:26px;box-shadow:4px 4px 0 var(--riflesso);padding:clamp(1.1rem,3vw,1.6rem) clamp(1.2rem,3vw,1.8rem)}
.pr-allenati .pr-all-t{font:560 clamp(1.25rem,2.4vw,1.55rem)/1.2 var(--display);font-variation-settings:"SOFT" 100;margin:0 0 .6rem}
.pr-allenati p{max-width:70ch}
.voce{--vc-ok:#1FA69A;--vc-quasi:#E8A400;--vc-no:#E5482D}
.vc-promesse{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.8rem;margin:0 0 clamp(1.8rem,4vw,2.6rem)}
.vc-promesse li{background:var(--tiffany-velo);border:1.5px solid var(--bordo);border-radius:18px;padding:.85rem 1rem}
.vc-promesse b{display:block;font:560 1.08rem/1.25 var(--display);font-variation-settings:"SOFT" 100}
.vc-promesse span{display:block;font-size:.93rem;color:var(--grigio);line-height:1.45;margin-top:.2rem}
.vc-palestra{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.2rem,3vw,2rem);align-items:start}
@media (max-width:1039px){.vc-palestra{grid-template-columns:minmax(0,1fr)}}
.vc-lavoro{min-width:0}
.vc-lavoro > h2{font-size:clamp(1.6rem,3.4vw,2.2rem);margin:0 0 .9rem}
.vc-livelli{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin:0 0 .9rem}
.vc-scheda{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.5rem;align-items:center;text-align:left;padding:.55rem .65rem;border:1.5px solid var(--bordo);border-radius:16px;background:#fff;color:var(--inchiostro);font:600 .92rem/1.2 var(--testo);cursor:pointer;min-height:3.4rem}
.vc-scheda b{grid-row:1/3;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--carta);border:1.5px solid var(--bordo);font-size:.9rem}
.vc-scheda .han{font-size:.9rem;font-weight:500;color:var(--grigio)}
.vc-scheda[aria-selected="true"]{background:var(--tiffany);box-shadow:2px 2px 0 var(--riflesso)}
.vc-scheda[aria-selected="true"] b{background:#fff}
.vc-scheda[aria-selected="true"] .han{color:var(--inchiostro)}
@media (max-width:560px){.vc-livelli{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vc-intro{color:var(--grigio);font-size:.96rem;margin:0 0 .7rem;max-width:62ch}
.vc-voci{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 1.2rem}
.vc-voce{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.05rem;padding:.45rem .7rem .5rem;border:1.5px solid var(--bordo);border-radius:14px;background:#fff;color:var(--inchiostro);cursor:pointer;font:400 .86rem/1.25 var(--testo);text-align:left;max-width:100%}
.vc-voce .han{font-size:1.25rem;line-height:1.2}
.vc-voce i{font-size:.84rem}
.vc-voce small{color:var(--grigio);font-size:.76rem}
.vc-voci-frasi{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15.5rem),1fr));gap:.45rem}
.vc-voci-frasi .vc-voce{width:100%;height:100%}
.vc-voci-frasi .vc-voce .han{font-size:1.12rem}
.vc-voce:hover{background:var(--limone)}
.vc-voce[aria-pressed="true"]{background:var(--limone-vivo);box-shadow:2px 2px 0 var(--riflesso)}
.vc-voce[aria-pressed="true"] small{color:var(--inchiostro)}
.vc-banco{background:#fff;border:1.5px solid var(--bordo);border-radius:26px;box-shadow:4px 4px 0 var(--riflesso);padding:clamp(1.1rem,3vw,1.7rem);scroll-margin-top:6rem}
.vc-bersaglio{text-align:center}
.vc-han{font-size:clamp(2.6rem,8vw,4.6rem);line-height:1.15;margin:0;overflow-wrap:anywhere}
.vc-han[data-lungo="1"]{font-size:clamp(2rem,6vw,3.4rem)}
.vc-han[data-lungo="2"]{font-size:clamp(1.55rem,4.4vw,2.5rem);line-height:1.35}
.vc-py{font:italic 500 clamp(1.15rem,2.6vw,1.5rem)/1.3 var(--testo);margin:.2rem 0 0}
.vc-it{color:var(--grigio);margin:.15rem 0 .8rem}
.vc-sagome{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem .55rem;margin:0 0 .7rem}
.vc-sagome li{display:grid;justify-items:center;gap:.1rem;min-width:3.4rem}
.vc-sagome .vcg-han{font-family:var(--han);font-size:1.05rem}
.vc-sagome svg{width:40px;height:30px;overflow:visible}
.vc-sagome .vcg-guida{stroke:var(--linea);stroke-width:1.2}
.vc-sagome polyline{fill:none;stroke:var(--corallo);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.vc-sagome circle{fill:var(--corallo)}
.vc-sagome .vcg-nome{font-size:.72rem;color:var(--grigio);white-space:nowrap}
.vc-nota{font-size:.92rem;color:var(--inchiostro);background:var(--carta);border-radius:12px;padding:.55rem .8rem;margin:0 auto 1rem;max-width:58ch;text-align:left}
.vc-comandi{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:0 0 .8rem}
.vc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:3rem;padding:.6rem 1.15rem;border:1.5px solid var(--bordo);border-radius:999px;background:#fff;color:var(--inchiostro);font:600 1rem/1.2 var(--testo);cursor:pointer;text-decoration:none}
.vc-btn svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.vc-btn:hover:not(:disabled){background:var(--limone)}
.vc-btn:disabled{opacity:.5;cursor:not-allowed}
.vc-btn[aria-pressed="true"]{background:var(--tiffany)}
.vc-piccolo{min-height:2.5rem;padding:.4rem .85rem;font-size:.88rem}
.ascolta.vc-ascolta{width:auto;height:auto;border-radius:999px;display:inline-flex;padding:.6rem 1.15rem}
.vc-ascolta svg path{stroke-width:1.6}
.vc-registra{min-width:10.5rem;background:var(--corallo);font-size:1.08rem;box-shadow:2px 2px 0 var(--riflesso)}
.vc-registra:hover:not(:disabled){background:#C44A3D}
.vc-registra .vc-icona-reg svg:last-child{display:none}
.vc-registra[aria-pressed="true"]{background:var(--inchiostro);color:#fff}
.vc-registra[aria-pressed="true"] .vc-icona-reg svg:first-child{display:none}
.vc-registra[aria-pressed="true"] .vc-icona-reg svg:last-child{display:block;fill:currentColor}
.vc-in-ascolto .vc-registra{animation:vc-pulsa 1.2s ease-in-out infinite}
@keyframes vc-pulsa{0%,100%{box-shadow:0 0 0 0 rgba(181,56,44,.55)}50%{box-shadow:0 0 0 10px rgba(181,56,44,0)}}
@media (prefers-reduced-motion:reduce){.vc-in-ascolto .vc-registra{animation:none}}
.vc-icona-reg{display:inline-flex}
.vc-vu{height:8px;border-radius:999px;background:var(--carta);border:1px solid var(--linea);overflow:hidden;margin:0 auto .7rem;max-width:22rem}
.vc-vu span{display:block;height:100%;width:calc(var(--livello,0) * 100%);background:var(--tiffany-forte);transition:width .05s linear}
.vc-stato{text-align:center;font-size:.95rem;margin:0 auto .9rem;max-width:56ch;min-height:1.5em}
.vc-stato[data-tipo="errore"]{color:#A3301A;font-weight:600}
.vc-stato[data-tipo="ascolto"]{font-weight:600}
.vc-strumenti{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;border-top:1px dashed rgba(22,40,63,.22);padding-top:.85rem;margin-top:.2rem}
.vc-tar-spiega{font-size:.84rem;color:var(--grigio);margin:0;flex:1 1 16rem}
.vc-parole{font-size:.84rem;color:var(--grigio);margin:.6rem 0 0}
.vc-parole .vc-btn{margin-top:.4rem}
.vc-esito{margin-top:1.3rem;background:#fff;border:1.5px solid var(--bordo);border-radius:26px;padding:clamp(1.1rem,3vw,1.6rem)}
.vc-esito h3{font-size:clamp(1.3rem,2.6vw,1.6rem);margin:0 0 .9rem;display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}
.vc-esito h3:focus{outline:none}
.vc-pct{font:700 1rem/1 var(--testo);background:var(--limone-vivo);border:1.5px solid var(--bordo);border-radius:999px;padding:.3rem .6rem}
.vc-punteggi{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin:0 0 1rem}
.vc-punteggi li{background:var(--tiffany-velo);border-radius:14px;padding:.55rem .7rem}
.vc-punteggi b{display:block;font:600 1.5rem/1.1 var(--display)}
.vc-punteggi small{font-size:.95rem;color:var(--grigio)}
.vc-punteggi span{font-size:.82rem;color:var(--grigio)}
.vc-grafico{margin:0 0 .9rem}
.vc-curva{width:100%;height:auto;background:#fff;border:1px solid var(--linea);border-radius:14px}
.vc-asse{stroke:var(--linea);stroke-width:1.2}
.vc-asse-t{font:500 11px var(--testo);fill:var(--grigio)}
.vc-banda{fill:var(--tiffany-velo)}
.vc-banda.pari{fill:#F5F8FB}
.vc-banda-t{font:500 15px var(--han);fill:var(--inchiostro)}
.vc-sagoma{fill:none;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;opacity:.42}
.vc-tua{fill:none;stroke:var(--inchiostro);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.vc-grafico figcaption{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;font-size:.8rem;color:var(--grigio);margin-top:.4rem}
.vc-leg::before{content:"";display:inline-block;width:1.4rem;height:.25rem;border-radius:2px;margin-right:.4rem;vertical-align:middle;background:var(--inchiostro)}
.vc-leg-sagoma::before{height:.55rem;background:var(--vc-ok);opacity:.5}
.vc-sentite{font-size:.92rem;margin:0 0 .7rem}
.vc-sentite span:first-child{color:var(--grigio)}
.vc-avviso{font-size:.88rem;background:var(--limone);border-radius:12px;padding:.55rem .8rem;margin:0 0 .9rem}
.vc-sillabe{list-style:none;display:grid;gap:.4rem;margin:0 0 1.1rem}
.vc-s{display:grid;grid-template-columns:1.6rem 2.2rem minmax(3.2rem,auto) 1fr;grid-template-areas:"segno han py atteso" "segno han py sentito" "segno han py esito";column-gap:.6rem;align-items:center;border:1.5px solid var(--linea);border-left:6px solid var(--grigio);border-radius:12px;padding:.45rem .7rem;font-size:.88rem}
.vc-s-ok{border-left-color:var(--vc-ok)}
.vc-s-quasi{border-left-color:var(--vc-quasi)}
.vc-s-no{border-left-color:var(--vc-no)}
.vc-s-segno{grid-area:segno;font-weight:700;font-size:1.1rem;text-align:center}
.vc-s-han{grid-area:han;font-family:var(--han);font-size:1.5rem}
.vc-s-py{grid-area:py;font-style:italic}
.vc-s-atteso{grid-area:atteso;font-weight:600}
.vc-s-sentito{grid-area:sentito;color:var(--grigio)}
.vc-s-esito{grid-area:esito;font-weight:600}
.vc-s-parola{grid-column:4;font-size:.8rem;color:var(--grigio)}
.vc-consigli-t{font-size:1.15rem!important;margin:0 0 .6rem!important}
.vc-consigli{list-style:none;display:grid;gap:.6rem;margin:0}
.vc-consiglio{background:var(--carta);border-radius:16px;padding:.8rem 1rem}
.vc-consiglio h4{font:560 1.08rem/1.25 var(--display);font-variation-settings:"SOFT" 100;margin:0 0 .35rem}
.vc-consiglio p{font-size:.92rem;line-height:1.55;margin:0 0 .45rem}
.vc-c-aree{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .35rem}
.vc-c-aree > span{color:var(--grigio);font-size:.84rem;margin-right:.15rem}
.vc-area-chip{display:inline-flex;align-items:center;gap:.35rem;border:1.5px solid var(--bordo);border-radius:999px;background:#fff;color:var(--inchiostro);font:600 .8rem/1.2 var(--testo);padding:.32rem .6rem;cursor:pointer;min-height:2rem}
.vc-area-chip:hover{background:var(--limone)}
.vc-c-fonti{font-size:.8rem!important;color:var(--grigio)}
.vc-pallino{display:inline-block;width:.75rem;height:.75rem;border-radius:50%;border:1.5px solid var(--bordo);flex:none}
.vc-sessione{font-size:.84rem;color:var(--grigio);margin:.9rem 0 0}
.vc-cervello{position:sticky;top:5.5rem;background:#fff;border:1.5px solid var(--bordo);border-radius:26px;box-shadow:4px 4px 0 var(--riflesso);padding:clamp(1rem,2.6vw,1.4rem);min-width:0}
@media (max-width:1039px){.vc-cervello{position:static}}
.vc-cervello h2{font-size:clamp(1.4rem,2.8vw,1.9rem);margin:0 0 .7rem}
.vc-scena{position:relative;aspect-ratio:5/4;border-radius:18px;background:radial-gradient(circle at 50% 42%,#fff 0%,var(--tiffany-velo) 75%);border:1.5px solid var(--linea);overflow:hidden;touch-action:none}
.vc-tela{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}
.vc-tela:active{cursor:grabbing}
.vc-tela:focus-visible{outline:3px solid var(--tiffany-inchiostro);outline-offset:-3px}
.vc-etichette{position:absolute;inset:0;pointer-events:none}
.vc-etichetta{position:absolute;z-index:2;left:0;top:0;height:22px;display:flex;align-items:center;white-space:nowrap;background:#fff;border:1.5px solid var(--bordo);border-left:5px solid var(--c);border-radius:8px;padding:0 .4rem;font:600 11.5px/1 var(--testo);color:var(--inchiostro);box-shadow:2px 2px 0 rgba(22,40,63,.18)}
.vc-punto{position:absolute;z-index:1;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--c);border:1.5px solid var(--bordo)}
.vc-ripiego{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.vc-senza-3d .vc-ripiego{display:block}
.vc-senza-3d .vc-tela,.vc-senza-3d ~ .vc-aiuto,.vc-senza-3d ~ .vc-controlli{display:none}
.vc-aiuto{margin:.45rem 0 0;font-size:.78rem;color:var(--grigio);text-align:center}
.vc-controlli{display:grid;gap:.6rem;margin:.75rem 0 .6rem}
.vc-viste,.vc-interruttori{display:flex;flex-wrap:wrap;gap:.35rem}
.vc-regola{display:grid;gap:.2rem}
.vc-regola label{font-weight:600;font-size:.9rem}
.vc-regola small{font-weight:400;color:var(--grigio)}
.vc-regola input{width:100%;accent-color:var(--tiffany-inchiostro);min-height:1.75rem}
.vc-didascalia{font-size:.9rem;line-height:1.5;background:var(--tiffany-velo);border-radius:12px;padding:.55rem .75rem;margin:0 0 .7rem;min-height:3em}
.vc-didascalia p{margin:0}
.vc-dida-extra:empty{display:none}
.vc-perche{color:var(--grigio)}
.vc-fasi{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.35rem;margin:0 0 .7rem}
.vc-fase{width:100%;height:100%;display:grid;grid-template-columns:auto 1fr;column-gap:.4rem;align-items:center;text-align:left;border:1.5px solid var(--bordo);border-radius:12px;background:#fff;color:var(--inchiostro);padding:.4rem .55rem;cursor:pointer;font:600 .84rem/1.2 var(--testo);min-height:2.75rem}
.vc-fase .vc-pallino{grid-row:1/3}
.vc-fase small{font-weight:400;color:var(--grigio);font-size:.72rem}
.vc-fase:hover{background:var(--limone)}
.vc-fase[aria-pressed="true"]{background:var(--limone-vivo)}
.vc-fase[aria-pressed="true"] small{color:var(--inchiostro)}
/* con JavaScript, prima che la pagina si attivi: niente lampo delle schede nascoste */
.js [data-voce-pagina]:not(.vc-attivo) #vc-pan-reti,.js [data-voce-pagina]:not(.vc-attivo) #vc-pan-stati,.js [data-voce-pagina]:not(.vc-attivo) .vc-stato-scheda,.js .cfr:not(.cfr-attivo) .cfr-tema + .cfr-tema{display:none}
.vc-onesto{font-size:.8rem;color:var(--grigio);margin:0}
.vc-mappa{margin-top:clamp(2.6rem,6vw,4rem)}
.vc-mappa > h2,.vc-limiti > h2{font-size:clamp(1.7rem,3.6vw,2.5rem);margin:0 0 .6rem}
.vc-gruppi{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1rem;margin:1rem 0 1.4rem}
.vc-gruppo h3{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;margin:0 0 .5rem}
.vc-aree{list-style:none;display:grid;gap:.5rem;margin:0}
.vc-area{border:1.5px solid var(--linea);border-radius:16px;padding:.6rem .75rem;background:#fff}
.vc-area button{display:grid;grid-template-columns:auto 1fr;column-gap:.5rem;row-gap:.1rem;align-items:center;width:100%;text-align:left;background:none;border:0;padding:.15rem 0;color:var(--inchiostro);cursor:pointer;font:inherit}
.vc-area button .vc-pallino{grid-row:1/3}
.vc-area-nome{font-weight:700;font-size:.95rem;line-height:1.25}
.vc-area-dove{font-size:.78rem;color:var(--grigio);line-height:1.3}
.vc-area.vc-accesa button{background:var(--tiffany-velo);border-radius:10px;box-shadow:0 0 0 4px var(--tiffany-velo)}
.vc-area button[aria-pressed="true"]{background:var(--limone);border-radius:10px;box-shadow:0 0 0 4px var(--limone)}
.vc-scelta{position:sticky;bottom:.75rem;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:1rem 0 0;padding:.7rem 1rem;background:#fff;border:1.5px solid var(--bordo);border-radius:18px;box-shadow:3px 3px 0 var(--riflesso)}
.vc-scelta[hidden]{display:none}
.vc-btn[hidden]{display:none}
.vc-copiato{flex-basis:100%;font-size:.82rem;color:var(--grigio)}
.vc-copiato:empty{display:none}
.vc-link-campo{min-width:min(18rem,100%);padding:.35rem .6rem;border:1.5px solid var(--bordo);border-radius:10px;font:400 .82rem var(--testo);background:#fff;color:var(--inchiostro)}
.vc-scelta-testo{margin:0;flex:1 1 14rem;font-size:.9rem;line-height:1.45}
.vc-scelta-azioni{display:flex;flex-wrap:wrap;gap:.4rem}
.vc-area p{font-size:.88rem;line-height:1.5;margin:.4rem 0 0}
.vc-area-fonti{font-size:.78rem!important;color:var(--grigio)}
.vc-profonde{background:var(--carta);border-radius:18px;padding:.9rem 1.1rem;margin:0 0 1rem}
.vc-profonde h3{font-size:1.15rem;margin:0 0 .45rem}
.vc-profonde ul{list-style:none;display:grid;gap:.4rem;margin:0}
.vc-profonde li{font-size:.9rem;line-height:1.5}
.vc-crediti{font-size:.82rem;color:var(--grigio);max-width:90ch}
.vc-limiti{margin-top:clamp(2.4rem,5vw,3.4rem)}
.vc-limiti-griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1rem 2rem}
.vc-limiti h3{font-size:1.2rem;margin:0 0 .5rem}
.vc-limiti p,.vc-limiti li{font-size:.95rem;line-height:1.6}
.vc-limiti ul{padding-left:1.1rem;display:grid;gap:.35rem}
/* La tua voce: il prologo (pensiamo con le parole?) e l'epilogo */
.vc-salta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;margin:1rem 0 0}
.vc-salta-l{font-weight:600}
.vc-cita{white-space:nowrap}
.vc-prologo{margin:clamp(1.4rem,4vw,2.4rem) 0 clamp(2.6rem,6vw,4rem);padding-top:clamp(1.6rem,4vw,2.4rem);border-top:1.5px dashed var(--linea)}
.vc-prologo > h2{font-size:clamp(2rem,4.4vw,3.1rem);margin:.2rem 0 1rem}
.vp-apertura,.vp-testo{max-width:72ch}
.vp-apertura p,.vp-testo p{font-size:1.06rem;line-height:1.7}
.vp-apertura p:first-child{font-size:clamp(1.12rem,2vw,1.28rem);line-height:1.6}
.vp-h3{font-size:clamp(1.35rem,2.6vw,1.75rem);margin:clamp(1.8rem,4vw,2.4rem) 0 .8rem}
.vp-prove{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:.9rem;margin:1.3rem 0 0}
.vp-prova{background:var(--tiffany-velo);border:1.5px solid var(--bordo);border-radius:22px;box-shadow:4px 4px 0 var(--riflesso);padding:1rem 1.15rem}
.vp-prova:nth-child(2){background:var(--pesco)}
.vp-prova-o{font:700 .72rem/1.2 var(--testo);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .3rem;color:var(--tiffany-inchiostro)}
.vp-prova-n{font:560 clamp(1.5rem,3vw,1.9rem)/1.1 var(--display);font-variation-settings:"SOFT" 100;margin:0 0 .5rem}
.vp-prova p:last-child{font-size:.95rem;line-height:1.6;margin:0}
.vp-compiti{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.9rem;margin:0}
.vp-compito{background:#fff;border:1.5px solid var(--bordo);border-radius:20px;padding:1rem 1.1rem;display:flex;flex-direction:column}
.vp-compito h4{font:560 1.2rem/1.2 var(--display);font-variation-settings:"SOFT" 100;margin:0 0 .7rem}
.vp-compito > p:last-child{font-size:.92rem;line-height:1.55;margin:.8rem 0 0;color:var(--inchiostro)}
.vp-tipo{display:inline-block;align-self:flex-start;font:700 .68rem/1 var(--testo);letter-spacing:.1em;text-transform:uppercase;border:1.5px solid var(--bordo);border-radius:999px;padding:.3rem .55rem;margin:0 0 .6rem;background:var(--limone)}
.vp-es{background:var(--carta);border-radius:14px;padding:.75rem .85rem}
.vp-es details{margin-top:.5rem;font-size:.86rem}
.vp-es summary{cursor:pointer;font-weight:600;color:var(--tiffany-inchiostro)}
.vp-es details p{margin:.35rem 0 0}
.vp-numeri > p{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;margin:0 0 .35rem;font:600 1.05rem/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,"Noto Serif SC",monospace;font-variant-numeric:tabular-nums}
.vp-numeri > p span{background:#fff;border:1px solid var(--linea);border-radius:8px;padding:.2rem .5rem;text-align:center}
.vp-numeri > p b{color:var(--grigio)}
.vp-q{color:var(--corallo);font-weight:700}
.vp-logica p{display:grid;gap:.1rem;margin:0 0 .6rem;font-size:.9rem;line-height:1.4}
.vp-logica p:last-child{margin-bottom:0}
.vp-dunque{border-top:1.5px solid var(--bordo);padding-top:.2rem;margin-top:.15rem;font-weight:700}
.vp-logica small{color:var(--grigio);font-size:.74rem;font-style:italic}
.vp-difficile{border-left:4px solid var(--corallo);padding-left:.5rem}
.vp-facile{border-left:4px solid var(--tiffany-forte);padding-left:.5rem}
.vp-figure svg{width:100%;height:auto}
.vp-figure rect{fill:#fff;stroke:var(--linea);stroke-width:1.5}
.vp-figure polygon{fill:var(--tiffany-velo);stroke:var(--inchiostro);stroke-width:2;stroke-linejoin:round}
.vp-figure circle{fill:var(--inchiostro)}
.vp-nota{font-size:.84rem;color:var(--grigio);max-width:80ch;margin:.7rem 0 0}
.vp-figure-reti{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.4rem 0 0}
@media (max-width:640px){.vp-figure-reti{grid-template-columns:minmax(0,1fr)}}
.vp-rete{margin:0;background:#fff;border:1.5px solid var(--linea);border-radius:20px;padding:.6rem .9rem .9rem}
.vp-rete img{width:100%;height:auto}
.vp-rete figcaption{font-size:.9rem;line-height:1.5}
.vp-rete figcaption .vc-pallino{margin-right:.4rem;transform:translateY(.08rem)}
.vp-numeri-pazienti{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.6rem;margin:1.4rem 0 1rem}
.vp-numeri-pazienti li{background:var(--limone);border:1.5px solid var(--bordo);border-radius:16px;padding:.7rem .9rem}
.vp-numeri-pazienti b{display:block;font:600 1.55rem/1.1 var(--display)}
.vp-numeri-pazienti span{font-size:.86rem;color:var(--inchiostro)}
.vp-due{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1.2rem 2rem;align-items:start}
@media (max-width:860px){.vp-due{grid-template-columns:minmax(0,1fr)}}
.vp-limiti ul{padding-left:1.1rem;display:grid;gap:.45rem;margin:0}
.vp-limiti li{font-size:.97rem;line-height:1.6}
.vp-sintesi{margin:clamp(1.8rem,4vw,2.4rem) 0 0;background:var(--inchiostro);color:#fff;border-radius:24px;padding:1.3rem 1.4rem;box-shadow:4px 4px 0 var(--tiffany)}
.vp-sintesi p:first-child{font:560 clamp(1.3rem,2.6vw,1.65rem)/1.3 var(--display);font-variation-settings:"SOFT" 100;margin:0 0 .6rem}
.vp-sintesi-f{font-size:.84rem;margin:0}
.vp-sintesi a{color:var(--tiffany)}
.vp-ponte{margin-top:clamp(1.8rem,4vw,2.6rem);background:var(--pesco);border:1.5px solid var(--bordo);border-radius:26px;box-shadow:4px 4px 0 var(--riflesso);padding:clamp(1.1rem,3vw,1.7rem)}
.vp-ponte .vp-h3{margin-top:0}
.vp-ponte p{max-width:70ch;line-height:1.7}
.vc-reti{display:grid;gap:.35rem;margin:0 0 .7rem}
.vc-reti-t{font-weight:700;font-size:.88rem;margin:0}
.vc-rete{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;border:1.5px solid var(--bordo);border-radius:12px;background:#fff;color:var(--inchiostro);padding:.5rem .65rem;cursor:pointer;font:600 .86rem/1.25 var(--testo);min-height:2.75rem}
.vc-rete:hover{background:var(--limone)}
.vc-rete[aria-pressed="true"]{background:var(--limone-vivo)}
.vc-epilogo{background:var(--carta)}
.ve-voci{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16.5rem),1fr));gap:1rem;margin:0}
.ve-voce{background:#fff;border:1.5px solid var(--bordo);border-radius:24px;box-shadow:4px 4px 0 var(--riflesso);padding:1.1rem 1.2rem}
.ve-fig img{width:52px;height:52px}
.ve-voce h3{font-size:1.3rem;margin:.6rem 0 .5rem}
.ve-voce p{font-size:.95rem;line-height:1.62;margin:0}
.ve-chiusura{max-width:68ch;margin:clamp(1.8rem,4vw,2.6rem) auto 0;text-align:center;font:500 clamp(1.15rem,2.2vw,1.4rem)/1.5 var(--display);font-variation-settings:"SOFT" 100}
.ve-chiusura .vc-cita{font:600 .84rem var(--testo)}
.ve-finale{max-width:44ch;margin:1.4rem auto 0;text-align:center;font:600 clamp(1.4rem,3vw,2rem)/1.3 var(--display);font-variation-settings:"SOFT" 100;color:var(--tiffany-inchiostro);text-wrap:balance}

/* ── il cervello: schede, percorso, stati della mente ─────────────────── */
.vc-cervello.vc-lungo{position:static}
.vc-suggerisci{margin-top:.4rem!important;font-size:.84rem;color:var(--grigio)}
.vc-link{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--inchiostro);text-decoration:underline;text-underline-offset:2px;cursor:pointer;min-height:24px}
.vc-passo-n{display:block;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tiffany-inchiostro);margin-bottom:.15rem}
.vc-rete-nome{font-weight:700;box-shadow:inset 0 -.35em 0 color-mix(in srgb,var(--c) 32%,transparent)}
.vc-esplora{margin:0 0 .8rem}
.vc-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;padding:.25rem;background:var(--carta);border:1.5px solid var(--bordo);border-radius:14px;margin:0 0 .7rem}
.vc-tab{border:0;border-radius:10px;background:transparent;color:var(--inchiostro);font:600 .86rem/1.2 var(--testo);padding:.55rem .4rem;cursor:pointer;min-height:2.6rem}
.vc-tab:hover{background:#fff}
.vc-tab[aria-selected="true"]{background:var(--inchiostro);color:#fff}
.vc-pan-intro{font-size:.86rem;color:var(--grigio);margin:0 0 .6rem}
.vc-barra{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .6rem}
.vc-percorso-via svg{width:1.05rem;height:1.05rem;fill:currentColor}
.vc-percorso-via .vc-icona-pausa,.vc-percorso-via.vc-in-corso .vc-icona-play{display:none}
.vc-percorso-via.vc-in-corso .vc-icona-pausa{display:inline}
.vc-percorso-via.vc-in-corso{background:var(--limone-vivo)}
.vc-percorso{list-style:none;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;margin:0 0 .8rem;padding:0;position:relative}
.vc-percorso::before{content:"";position:absolute;left:6%;right:6%;top:1.05rem;height:2px;background:var(--linea)}
.vc-percorso[hidden]{display:none}
.vc-percorso li{position:relative;display:flex;justify-content:center}
.vc-percorso button{display:grid;justify-items:center;gap:.2rem;background:none;border:0;padding:.1rem 0;cursor:pointer;color:var(--inchiostro);font:600 .66rem/1.15 var(--testo);min-height:44px;width:100%}
.vc-percorso b{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:#fff;border:2px solid var(--c);font-size:.8rem;transition:background .3s,transform .3s,box-shadow .3s}
.vc-percorso .vc-fatto b{background:color-mix(in srgb,var(--c) 30%,#fff)}
.vc-percorso [aria-current="step"] b{background:var(--c);color:#fff;transform:scale(1.12);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 22%,transparent)}
.vc-percorso span{text-align:center;overflow-wrap:anywhere;hyphens:auto}
@media (max-width:520px){.vc-percorso span{display:none}.vc-percorso b{width:1.9rem;height:1.9rem}}
.vc-fasi-t{font-size:.8rem;font-weight:700;margin:.1rem 0 .35rem;color:var(--inchiostro)}
.vc-fasi-t small{font-weight:400;color:var(--grigio)}
.vc-stati{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.35rem;margin:0 0 .8rem}
.vc-stato-btn{display:flex;align-items:center;text-align:left;border:1.5px solid var(--bordo);border-radius:12px;background:#fff;color:var(--inchiostro);padding:.45rem .6rem;cursor:pointer;font:600 .84rem/1.2 var(--testo);min-height:2.9rem}
.vc-stato-btn:hover{background:var(--limone)}
.vc-stato-btn[aria-pressed="true"]{background:var(--limone-vivo)}
.vc-stato-scheda{border:1.5px solid var(--bordo);border-radius:18px;padding:.9rem 1rem;background:#fff;font-size:.9rem;line-height:1.55}
.vc-stato-scheda + .vc-stato-scheda{margin-top:.8rem}
.vc-stato-scheda h3{font-size:1.1rem;margin:0 0 .6rem;line-height:1.25}
.vc-stato-scheda h3 small{display:block;font:400 .82rem/1.3 var(--testo);color:var(--grigio);margin-top:.15rem}
.vc-stato-scheda > p{margin:0 0 .6rem}
.vc-cuore{background:linear-gradient(180deg,#FFF6F4,#fff);border:1px solid #F1D5D0;border-radius:14px;padding:.7rem .75rem .5rem;margin:0 0 .75rem}
.vc-cuore-vivo{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:.75rem}
.vc-cuore-batte{display:grid;place-items:center;width:2.6rem;height:2.6rem;transform-origin:50% 58%}
.vc-cuore-icona{width:2.3rem;height:2.15rem;fill:#C0263A;filter:drop-shadow(0 2px 3px rgba(192,38,58,.25))}
.vc-cuore-fermo .vc-cuore-icona{fill:#D9A3AA}
.vc-respiro{position:relative;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;border:1.5px dashed #8EA9C4}
.vc-respiro span{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#CCDCEB 0%,#8FB0CF 100%);transform:scale(.5);opacity:.9}
.vc-cuore-numeri{display:grid;gap:.1rem;margin:0;font-size:.82rem;color:var(--grigio)}
.vc-cuore-numeri b{font:700 1.15rem/1 var(--display);color:var(--inchiostro);font-variant-numeric:tabular-nums;display:inline-block;min-width:1.6em}
.vc-cuore-testo{font-size:.84rem;margin:.5rem 0 .3rem;color:var(--inchiostro)}
.vc-tracciato{margin:0}
.vc-tracciato svg{display:block;width:100%;height:auto;overflow:visible}
.vc-tracciato figcaption{font-size:.74rem;color:var(--grigio);margin-top:.25rem;line-height:1.4}
.vc-tr-insp{fill:#E1EAF3}
.vc-tr-griglia{stroke:#E6DCDA;stroke-width:1}
.vc-tr-asse{font:500 10px var(--testo);fill:#5A6A7E}
.vc-tr-linea{fill:none;stroke:#C0263A;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.vc-tr-cursore{stroke:var(--inchiostro);stroke-width:1;stroke-dasharray:2 2;opacity:.55}
.vc-tr-punto{fill:#fff;stroke:#C0263A;stroke-width:2}
.vc-ciclo{list-style:none;padding:0;margin:0 0 .7rem;display:grid;gap:.35rem}
.vc-ciclo li{display:grid;grid-template-columns:8.6rem 1fr;gap:.6rem;align-items:start;font-size:.82rem;color:var(--grigio)}
.vc-ciclo button{display:flex;align-items:center;gap:.4rem;border:1.5px solid var(--bordo);border-radius:999px;background:#fff;color:var(--inchiostro);font:600 .82rem/1.2 var(--testo);padding:.35rem .7rem .35rem .35rem;cursor:pointer;min-height:2.4rem}
.vc-ciclo button b{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--carta);font-size:.75rem}
.vc-ciclo button[aria-pressed="true"]{background:var(--limone-vivo)}
@media (max-width:460px){.vc-ciclo li{grid-template-columns:1fr;gap:.2rem}}
.vc-legenda-stato{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.8rem;color:var(--grigio)}
.vc-legenda-stato span{display:inline-flex;align-items:center;gap:.35rem}
.vc-sw{display:inline-block;width:1.4rem;height:.65rem;border-radius:4px;border:1px solid var(--inchiostro)}
.vc-sw-piu{background:linear-gradient(90deg,#FF5A3C,#E89B00,#2F7FD8,#8C5A2B)}
.vc-sw-meno{background:#7F95AD}
.vc-approfondisci{margin:.3rem 0 0!important}
.vc-approfondisci a{font-weight:700}
.vc-punto.vc-debole{opacity:.55;transform-origin:center}
.vc-etichetta.vc-meno{border-style:dashed;border-left-style:solid}
.vc-etichetta.vc-meno::before{content:"↓";margin-right:.25rem;font-weight:700}
/* senza JavaScript: tutte le schede e tutti gli stati si leggono uno dopo l'altro */
[data-voce-pagina]:not(.vc-attivo) .vc-tabs,[data-voce-pagina]:not(.vc-attivo) .vc-barra,[data-voce-pagina]:not(.vc-attivo) .vc-stati,[data-voce-pagina]:not(.vc-attivo) .vc-didascalia{display:none}
[data-voce-pagina]:not(.vc-attivo) .vc-pan[hidden],[data-voce-pagina]:not(.vc-attivo) .vc-stato-scheda[hidden]{display:block}
[data-voce-pagina]:not(.vc-attivo) .vc-pan + .vc-pan{margin-top:1rem}
@media (prefers-reduced-motion:reduce){.vc-percorso b{transition:none}}
.mn-cit-fig{margin:0}
/* ── gradi di certezza ─────────────────────────────────────────────── */
.gr{position:relative}
.gr-et{display:inline-block;vertical-align:.12em;margin-right:.35rem;padding:.08rem .5rem;border-radius:999px;font:700 .68rem/1.35 var(--testo);letter-spacing:.06em;text-transform:uppercase;border:1.5px solid currentColor}
.gr[data-grado="fatto"] .gr-et,.gr-btn[data-grado="fatto"] .gr-et{color:#1F4870;background:#E6EEF6}
.gr[data-grado="consenso"] .gr-et,.gr-btn[data-grado="consenso"] .gr-et{color:#2F6A2D;background:#E8F3E3}
.gr[data-grado="dibattito"] .gr-et,.gr-btn[data-grado="dibattito"] .gr-et{color:#8A4B00;background:#FCEFD9}
.gr[data-grado="ipotesi"] .gr-et,.gr-btn[data-grado="ipotesi"] .gr-et{color:#5B3FA0;background:#EFE9FA}
.gr.gr-scelto{background:linear-gradient(90deg,var(--limone) 0,rgba(255,255,255,0) 85%);box-shadow:-10px 0 0 var(--limone);border-radius:4px;transition:background .3s}
.gr.gr-qui{outline:2px solid var(--inchiostro);outline-offset:4px}
.gr-legenda{margin:0 0 1.6rem;padding:.85rem 1rem;border:1.5px solid var(--bordo);border-radius:18px;background:#fff;box-shadow:3px 3px 0 var(--riflesso)}
.gr-legenda.gr-attiva{position:sticky;top:5.4rem;z-index:5}
.gr-legenda-t{margin:0 0 .55rem;font:700 1rem/1.3 var(--testo)}
.gr-legenda-t small{display:block;font-weight:400;font-size:.82rem;color:var(--grigio);margin-top:.1rem}
.gr-voci{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.4rem}
.gr-btn{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;text-align:left;padding:.4rem .55rem;border:1.5px solid var(--linea);border-radius:12px;background:#fff;color:var(--inchiostro);font:400 .8rem/1.25 var(--testo);cursor:pointer;min-height:2.75rem}
.gr-btn .gr-et{margin:0}
.gr-btn:not([disabled]):hover{border-color:var(--inchiostro)}
.gr-btn[aria-pressed="true"]{border-color:var(--inchiostro);background:var(--limone);box-shadow:inset 0 0 0 1px var(--inchiostro)}
.gr-btn[disabled]{cursor:default}
.gr-n{font:700 .9rem/1 var(--display);color:var(--inchiostro);min-width:1.4em;text-align:right}
.gr-legenda.gr-attiva .gr-spiega{display:none}
.gr-naviga{display:flex;align-items:center;gap:.5rem;margin:.55rem 0 0}
.gr-naviga[hidden]{display:none}
.gr-naviga button{min-width:2.75rem;min-height:2.75rem;border:1.5px solid var(--bordo);border-radius:999px;background:#fff;color:var(--inchiostro);font:700 1rem/1 var(--testo);cursor:pointer;padding:0 .8rem}
.gr-naviga .gr-chiudi{margin-left:auto;font-size:.82rem}
.gr-dove{font-size:.86rem;font-weight:600}
@media (max-width:640px){.gr-legenda.gr-attiva{top:4.4rem}.gr-legenda.gr-attiva .gr-voci{grid-template-columns:repeat(4,minmax(0,1fr))}.gr-legenda.gr-attiva .gr-btn{grid-template-columns:1fr;justify-items:center;padding:.3rem}.gr-legenda.gr-attiva .gr-n{text-align:center}.gr-legenda.gr-attiva .gr-legenda-t small{display:none}}
/* ── il dettaglio, l'epigrafe, la proposta di Calvino ──────────────── */
.mn-dettaglio{margin:2rem 0;padding:1.1rem 1.2rem;border-radius:22px;background:var(--carta);border:1.5px solid var(--bordo)}
.mn-dett-griglia{display:grid;grid-template-columns:minmax(4.5rem,auto) 1fr;gap:1.1rem;align-items:start}
.mn-dett-segno{margin:0;font:400 3.4rem/1 var(--han);text-align:center;color:var(--inchiostro);padding:.4rem .2rem;border-right:1.5px dashed var(--linea)}
.mn-dett-segno .han{font-size:inherit}
.mn-dett-testo h3{margin:0 0 .45rem;font-size:1.12rem}
.mn-dett-micro{margin:0 0 .55rem;font-size:.95rem}
.mn-dett-macro{margin:0;font-size:.95rem;padding-left:.9rem;border-left:3px solid var(--tiffany-forte)}
@media (max-width:520px){.mn-dett-griglia{grid-template-columns:1fr}.mn-dett-segno{border-right:0;border-bottom:1.5px dashed var(--linea);font-size:2.8rem;padding-bottom:.6rem}}
.mn-epigrafe{margin:0 0 2rem;padding:0 0 0 1.2rem;border-left:4px solid var(--inchiostro)}
.mn-epigrafe blockquote{margin:0}
.mn-epigrafe p{margin:0;font:italic 450 1.18rem/1.5 var(--display);font-variation-settings:"SOFT" 100}
.mn-epigrafe figcaption{margin-top:.45rem;font-size:.86rem;color:var(--grigio)}
.mn-calvino{margin:1.6rem 0;padding:.8rem 1rem;border-radius:16px;background:var(--tiffany-velo);border:1.5px dashed var(--tiffany-forte)}
.mn-calvino p{margin:0;font-size:.92rem}
.mn-calvino-et{font:700 .74rem/1.3 var(--testo)!important;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.3rem!important;color:var(--tiffany-inchiostro)}
.mn-calvino-et span{font-weight:400}
/* ── il confronto fra le dodici tradizioni ─────────────────────────── */
.cfr{margin:1.6rem 0 2rem}
.cfr-comandi{display:grid;gap:.6rem;margin:0 0 1rem}
.cfr-comandi[hidden]{display:none}
.cfr-temi{display:flex;flex-wrap:wrap;gap:.35rem;padding:.3rem;background:var(--carta);border:1.5px solid var(--bordo);border-radius:16px}
.cfr-tab{flex:1 1 auto;border:0;border-radius:12px;background:transparent;color:var(--inchiostro);font:600 .9rem/1.2 var(--testo);padding:.6rem .8rem;cursor:pointer;min-height:2.75rem}
.cfr-tab:hover{background:#fff}
.cfr-tab[aria-selected="true"]{background:var(--inchiostro);color:#fff}
.cfr-filtri{display:flex;flex-wrap:wrap;gap:.35rem}
.cfr-filtro{border:1.5px solid var(--bordo);border-radius:999px;background:#fff;color:var(--inchiostro);font:600 .82rem/1.2 var(--testo);padding:.45rem .85rem;cursor:pointer;min-height:2.5rem}
.cfr-filtro[aria-pressed="true"]{background:var(--limone-vivo)}
.cfr-tema + .cfr-tema{margin-top:2.2rem}
.cfr-attivo .cfr-tema + .cfr-tema{margin-top:0}
.cfr-tema-t{font-size:1.3rem;margin:0 0 .3rem}
.cfr-domanda{margin:0 0 1rem;font:italic 450 1.08rem/1.5 var(--display);color:var(--inchiostro)}
.cfr-famiglia{margin:0 0 1.2rem}
.cfr-famiglia[hidden]{display:none}
.cfr-fam-t{margin:0 0 .55rem;font:700 .78rem/1.3 var(--testo);letter-spacing:.08em;text-transform:uppercase;color:var(--grigio)}
.cfr-griglia{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.7rem}
@media (min-width:640px){.cfr-griglia{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cfr-voce{border:1.5px solid var(--bordo);border-radius:18px;padding:.8rem .9rem;background:#fff;display:flex;flex-direction:column;gap:.45rem}
.cfr-famiglia[data-famiglia="abramitiche"] .cfr-voce{border-top:6px solid #2F7FD8}
.cfr-famiglia[data-famiglia="indiane"] .cfr-voce{border-top:6px solid #E89B00}
.cfr-famiglia[data-famiglia="asia"] .cfr-voce{border-top:6px solid #1FA69A}
.cfr-nome{margin:0;font-size:1rem}
.cfr-orig{font-size:.84rem;color:var(--grigio)}
.cfr-pos{margin:0;font-size:.9rem;line-height:1.5}
.cfr-dentro{margin:0;font-size:.84rem;line-height:1.45;color:#36465A;background:var(--tiffany-velo);border-radius:10px;padding:.45rem .6rem}
.cfr-dentro-et{display:block;font:700 .68rem/1.3 var(--testo);letter-spacing:.07em;text-transform:uppercase;color:var(--tiffany-inchiostro);margin-bottom:.1rem}
.cfr-testo{margin:auto 0 0;padding:.5rem 0 0;border-top:1px dashed var(--linea)}
.cfr-testo p{margin:0;font:italic 450 .9rem/1.45 var(--display)}
.cfr-testo .cfr-fonte{font:400 .74rem/1.35 var(--testo);color:var(--grigio);margin-top:.2rem}
.cfr-sintesi{margin-top:.4rem;padding:.9rem 1rem;border-radius:16px;background:var(--carta);border-left:5px solid var(--inchiostro)}
.cfr-sintesi p{margin:0;font-size:.94rem}
.cfr-sintesi p + p{margin-top:.5rem}
.mn-dett-segno .mn-esagramma{display:block;width:3.4rem;height:auto;margin:.2rem auto}
/* ══ Il Libro dei mutamenti ═════════════════════════════════════════ */
.yj-fig{display:inline-flex;flex-direction:column;justify-content:space-between;width:2.2rem;height:2.2rem;vertical-align:middle;color:var(--inchiostro)}
.yj-fig i{display:block;height:12%;border-radius:2px;background:currentColor;transition:background .45s ease}
.yj-fig i.y0{background:linear-gradient(90deg,currentColor 0 41%,transparent 41% 59%,currentColor 59% 100%)}
.yj-fig-1{width:2rem;height:.55rem}.yj-fig-1 i{height:100%}
.yj-fig-3{width:2.3rem;height:1.6rem}.yj-fig-3 i{height:22%}
.yj-fig-p{width:1.7rem;height:1.7rem;flex:none}
.yj-fig-grande{width:5.2rem;height:5.2rem}
.yj-fig.yj-muta i{background:var(--corallo)}
.yijing .wrap{max-width:1180px}
.yj-testa{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:2rem;align-items:center;margin:0 0 1.6rem}
@media (max-width:760px){.yj-testa{grid-template-columns:1fr;gap:1.2rem}.yj-testa-fig{grid-template-columns:auto auto;justify-content:start;align-items:end;gap:1rem}.yj-testa-fig .yj-fig-eroe{width:4.4rem;height:4.4rem;padding:.75rem;border-radius:18px;box-shadow:3px 3px 0 var(--riflesso)}}
.yj-testa h1{font-size:clamp(2.2rem,5.4vw,3.6rem);margin:.2rem 0 .2rem}
.yj-sotto{margin:0 0 1rem;font-size:1.3rem}.yj-sotto .han{font-size:1.6rem;margin-right:.4rem}
.yj-testa-fig{display:grid;justify-items:center;gap:.6rem}
.yj-fig-eroe{width:min(12rem,44vw);height:min(12rem,44vw);padding:1.3rem;border:1.5px solid var(--bordo);border-radius:28px;background:radial-gradient(circle at 50% 40%,#fff 0,var(--tiffany-velo) 85%);box-shadow:4px 4px 0 var(--riflesso);box-sizing:content-box}
.yj-fig-eroe i{height:10%}
.yj-eroe-nome{margin:0;font:600 1rem/1 var(--testo)}.yj-eroe-nome .han{font-size:1.5rem;margin-right:.35rem}
.yj-percorsi{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:.7rem}
.yj-percorso{display:grid;gap:.25rem;height:100%;padding:.9rem 1rem;border:1.5px solid var(--bordo);border-radius:18px;background:#fff;color:var(--inchiostro);text-decoration:none;box-shadow:3px 3px 0 var(--riflesso);transition:transform .15s,box-shadow .15s}
.yj-percorso:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--riflesso)}
.yj-percorso-et{font:700 .7rem/1.2 var(--testo);letter-spacing:.08em;text-transform:uppercase;color:var(--tiffany-inchiostro)}
.yj-percorso b{font:600 1.15rem/1.25 var(--display)}
.yj-percorso span:last-child{font-size:.88rem;color:var(--grigio)}
.yj-indice{position:static;grid-column:auto;grid-row:auto;margin:0 0 2rem;padding:1rem 1.2rem 1.1rem;border-left:0;border-radius:22px;background:var(--carta);counter-reset:yi}
.yj-indice ol{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem .5rem;margin:0;padding:0}
.yj-indice li{counter-increment:yi}
.yj-indice a{display:inline-flex;align-items:center;gap:.45rem;min-height:2.5rem;padding:.3rem .85rem .3rem .4rem;border:1.5px solid var(--bordo);border-radius:999px;background:#fff;color:var(--inchiostro);text-decoration:none;line-height:1.2}
.yj-indice a::before{content:counter(yi);display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--tiffany-velo);font:600 .78rem/1 var(--testo)}
.yj-indice a:hover{background:var(--limone);color:var(--inchiostro);text-decoration:none}
.yj-sez{margin:3.2rem 0;scroll-margin-top:5.5rem}
.yj-sez > h2{font-size:clamp(1.7rem,3.6vw,2.4rem);margin:.15rem 0 .8rem}
.yj-livello{margin:0;font:700 .74rem/1.3 var(--testo);letter-spacing:.09em;text-transform:uppercase;color:var(--tiffany-inchiostro)}
.yj-intro{max-width:72ch;line-height:1.7}
.yj-h3{font-size:1.3rem;margin:2.2rem 0 .7rem;scroll-margin-top:5.5rem}
.yj-btn{display:inline-flex;align-items:center;gap:.35rem;min-height:2.6rem;padding:.4rem .9rem;border:1.5px solid var(--bordo);border-radius:999px;background:#fff;color:var(--inchiostro);font:600 .86rem/1.2 var(--testo);cursor:pointer}
.yj-btn:hover{background:var(--limone)}
.yj-btn[aria-pressed="true"]{background:var(--inchiostro);color:#fff}
.yj-avviso{padding:.6rem .8rem;border-radius:12px;background:var(--pesco);border:1.5px solid var(--bordo)}
.yj-et{margin:0 0 .25rem;font:700 .7rem/1.3 var(--testo);letter-spacing:.08em;text-transform:uppercase;color:var(--grigio)}
/* cinque minuti */
.yj-passi{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;gap:.7rem}
.yj-passo{display:grid;grid-template-columns:5.5rem 1fr;gap:1rem;align-items:start;padding:.9rem 1rem;border:1.5px solid var(--linea);border-radius:18px;background:#fff}
.yj-passo h3{margin:0 0 .3rem;font-size:1.05rem}.yj-passo p{margin:0;line-height:1.6}
.yj-passo-fig{display:flex;gap:.4rem;justify-content:center;align-items:center;min-height:2.4rem}
@media (max-width:520px){.yj-passo{grid-template-columns:1fr}.yj-passo-fig{justify-content:flex-start}}
.yj-esempio{display:grid;grid-template-columns:auto 1fr;gap:1.3rem;padding:1.1rem 1.2rem;border:1.5px solid var(--bordo);border-radius:22px;background:var(--carta)}
.yj-esempio h3{margin:0 0 .4rem}.yj-esempio p{margin:0 0 .5rem;line-height:1.6}
.yj-esempio-fig{display:grid;justify-items:center;gap:.4rem;font-size:.82rem;color:var(--grigio)}
.yj-esempio-fig p{margin:0}
@media (max-width:560px){.yj-esempio{grid-template-columns:1fr}}
/* gli otto trigrammi */
.yj-bagua-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:1.4rem;align-items:start;margin:1rem 0 1.4rem}
@media (max-width:820px){.yj-bagua-box{grid-template-columns:1fr}}
.yj-bagua-box[hidden]{display:none}
.yj-bagua-comandi{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.4rem}
.yj-bagua{position:relative;width:min(100%,30rem);aspect-ratio:1;margin:0 auto;border-radius:50%;background:radial-gradient(circle closest-side,#fff 0 31%,var(--tiffany-velo) 31.5% 66%,var(--linea) 66% 66.8%,#fff 67% 100%);border:1.5px solid var(--bordo)}
.yj-taiji{position:absolute;left:50%;top:50%;width:28%;transform:translate(-50%,-50%);transition:transform 1s cubic-bezier(.4,0,.2,1)}
.yj-bagua[data-disp="dopo"] .yj-taiji{transform:translate(-50%,-50%) rotate(180deg)}
.yj-taiji svg{display:block;width:100%;height:auto}
.yj-taiji-yin{fill:var(--inchiostro)}.yj-taiji-yang{fill:#fff}.yj-taiji-yin2{fill:var(--inchiostro)}
.yj-taiji svg{filter:drop-shadow(0 0 0 var(--inchiostro));border-radius:50%;box-shadow:0 0 0 2px var(--inchiostro)}
.yj-punto{position:absolute;font:700 .72rem/1 var(--testo);color:var(--grigio)}
.yj-punto-s{left:50%;top:.35rem;transform:translateX(-50%)}.yj-punto-n{left:50%;bottom:.35rem;transform:translateX(-50%)}
.yj-punto-e{left:.45rem;top:50%;transform:translateY(-50%)}.yj-punto-o{right:.45rem;top:50%;transform:translateY(-50%)}
.yj-tri{position:absolute;left:0;top:0;display:grid;justify-items:center;gap:.2rem;width:4.2rem;padding:.4rem .2rem;border:1.5px solid transparent;border-radius:14px;background:rgba(255,255,255,.94);color:var(--inchiostro);cursor:pointer;transition:border-color .2s,background .2s}
.yj-tri .yj-fig{position:absolute;left:50%;top:50%;transition:color .2s}
.yj-tri:hover .yj-fig,.yj-tri:focus-visible .yj-fig{color:var(--tiffany-inchiostro)}
.yj-tri[aria-pressed="true"] .yj-fig{color:var(--corallo-scuro,#C2402A)}
.yj-tri:hover,.yj-tri:focus-visible{border-color:var(--inchiostro)}
.yj-tri[aria-pressed="true"]{background:var(--limone-vivo);border-color:var(--inchiostro)}
.yj-tri-han{font-size:1.25rem;line-height:1}
.yj-tri-nome{font:600 .72rem/1.1 var(--testo)}
@media (max-width:420px){.yj-tri{width:3.4rem;padding:.3rem .1rem}.yj-tri .yj-fig-3{width:1.9rem;height:1.3rem}.yj-tri-han{font-size:1.1rem}.yj-tri-nome{font-size:.68rem}}
.yj-tri-info{padding:1rem 1.1rem;border:1.5px solid var(--bordo);border-radius:18px;background:#fff;line-height:1.6;min-height:7rem}
.yj-tri-info p{margin:0 0 .5rem}
.yj-tab-tri .yj-fig-3{width:1.9rem;height:1.25rem}
/* la mappa */
.yj-mappa-box[hidden]{display:none}
.yj-mappa-comandi{display:flex;flex-wrap:wrap;gap:.6rem 1rem;justify-content:space-between;align-items:center;margin:1rem 0 .8rem}
.yj-disposizioni{display:flex;flex-wrap:wrap;gap:.35rem}
.yj-filtri{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.yj-cerca input{min-height:2.6rem;padding:.4rem .8rem;border:1.5px solid var(--bordo);border-radius:999px;font:400 .9rem var(--testo);min-width:13rem;background:#fff;color:var(--inchiostro)}
.yj-evid{display:flex;align-items:center;gap:.4rem;font-size:.84rem}
.yj-evid select{min-height:2.6rem;padding:.3rem .6rem;border:1.5px solid var(--bordo);border-radius:12px;font:400 .86rem var(--testo);background:#fff;color:var(--inchiostro);max-width:16rem}
.yj-mappa-griglia{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1.4rem;align-items:start}
@media (max-width:900px){.yj-mappa-griglia{grid-template-columns:1fr}}
.yj-mappa{position:relative;width:100%;aspect-ratio:1;border:1.5px solid var(--bordo);border-radius:20px;background:#fff;overflow:hidden}
.yj-tessera{position:absolute;left:0;top:0;display:grid;place-items:center;align-content:center;gap:.1rem;padding:6% 4%;border:0;background:transparent;color:var(--inchiostro);cursor:pointer;transform-origin:50% 50%;transition:transform .9s cubic-bezier(.4,0,.2,1),width .9s cubic-bezier(.4,0,.2,1),height .9s cubic-bezier(.4,0,.2,1),opacity .3s,background .2s;border-radius:10px;font:600 .62rem/1 var(--testo)}
.yj-tessera:hover{background:var(--limone)}
.yj-tessera:focus-visible{outline:2px solid var(--inchiostro);outline-offset:-2px;z-index:2}
.yj-tessera[aria-current="true"]{background:var(--limone-vivo);z-index:1}
.yj-tessera.yj-spenta .yj-fig-t{opacity:.18}
.yj-tessera.yj-spenta .yj-t-n,.yj-tessera.yj-spenta .yj-t-han{visibility:hidden}
.yj-tessera[aria-current="true"] .yj-t-n{color:var(--inchiostro)}
.yj-tessera.yj-coppia-dispari,.yj-tessera.yj-coppia-pari{background:var(--tiffany-velo)}
.yj-mappa[data-mappa="wen"] .yj-tessera:nth-child(4n+3).yj-coppia-dispari,.yj-mappa[data-mappa="wen"] .yj-tessera:nth-child(4n+4).yj-coppia-pari{background:#FCEFD9}
.yj-fig-t{flex:none;width:calc(var(--c,60px)*.5);height:calc(var(--c,60px)*.4);transition:width .9s cubic-bezier(.4,0,.2,1),height .9s cubic-bezier(.4,0,.2,1)}
.yj-fig-t i{height:11%}
@media (max-width:619px){.yj-fig-t{width:calc(var(--c,40px)*.6);height:calc(var(--c,40px)*.52)}}
.yj-t-n{font-size:.6rem;line-height:1;color:var(--grigio)}
.yj-t-han{font-size:.7rem;line-height:1;display:none}
.yj-mappa[data-mappa="cerchio"] .yj-t-n,.yj-mappa[data-mappa="cerchio"] .yj-t-han,.yj-mappa[data-mappa="fangyuan"] .yj-t-n,.yj-mappa[data-mappa="fangyuan"] .yj-t-han{display:none}
.yj-mappa[data-mappa="cerchio"] .yj-fig-t,.yj-mappa[data-mappa="fangyuan"] .yj-fig-t{width:var(--tw,20px);height:var(--th,36px)}
.yj-mappa[data-mappa="cerchio"] .yj-fig-t i,.yj-mappa[data-mappa="fangyuan"] .yj-fig-t i{height:12%}
.yj-mappa[data-mappa="cerchio"] .yj-tessera,.yj-mappa[data-mappa="fangyuan"] .yj-tessera{padding:0;border-radius:3px}
.yj-mappa[data-mappa="cerchio"] .yj-tessera[aria-current="true"],.yj-mappa[data-mappa="fangyuan"] .yj-tessera[aria-current="true"]{outline:3px solid var(--limone-vivo);outline-offset:2px}
/* il quadrato dentro il cerchio */
.yj-ombra{position:absolute;left:0;top:0;display:grid;place-items:center;border-radius:4px;color:var(--inchiostro);cursor:pointer;opacity:0;pointer-events:none;transform-origin:50% 50%;transition:opacity .6s ease,background .2s}
.yj-mappa[data-mappa="fangyuan"] .yj-ombra{opacity:1;pointer-events:auto;transition-delay:.35s,0s}
.yj-fig-o{width:calc(var(--c2,40px)*.66);height:calc(var(--c2,40px)*.66)}
.yj-fig-o i{height:12%}
.yj-ombra:hover{background:var(--limone)}
.yj-ombra.yj-ombra-qui{background:var(--limone-vivo);outline:2px solid var(--inchiostro);outline-offset:-1px}
.yj-ombra.yj-spenta .yj-fig-o{opacity:.18}
.yj-mappa-aiuto{margin:.2rem 0 0;font-size:.8rem;color:var(--grigio)}
.yj-s-link{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.6rem 0 0;font-size:.86rem}
.yj-copiato{color:var(--grigio)}
.yj-link-campo{min-width:min(18rem,100%);padding:.35rem .6rem;border:1.5px solid var(--bordo);border-radius:10px;font:400 .82rem var(--testo);background:#fff;color:var(--inchiostro)}
/* che cosa si legge, secondo Zhu Xi */
.yj-zx{margin:.7rem 0 0;padding:.65rem .75rem;border-radius:12px;background:#fff;border:1.5px solid var(--linea)}
.yj-zx-regola{margin:0 0 .5rem;font-size:.9rem;line-height:1.5}
.yj-zx-testo{margin:0 0 .45rem;padding:.45rem .6rem;border-left:3px solid var(--tiffany-forte);background:var(--tiffany-velo);border-radius:0 10px 10px 0}
.yj-zx-testo.yj-zx-primo{border-left-color:var(--inchiostro)}
.yj-zx-nota{margin:0 0 .2rem;font:700 .72rem/1.3 var(--testo);letter-spacing:.04em;color:var(--grigio)}
.yj-zx-testo .yj-l-zh,.yj-zx-testo .yj-zh{margin:0 0 .15rem;font-size:1rem;line-height:1.55}
.yj-zx-testo .yj-l-it,.yj-zx-testo .yj-it{margin:0;font-size:.88rem;line-height:1.5}
.yj-zx-fonte{margin:.3rem 0 0;font-size:.78rem;color:var(--grigio)}
.yj-tab-zhuxi td:nth-child(2) .han{font-size:1.02rem;white-space:normal}
@media (min-width:620px){.yj-mappa[data-mappa="wen"] .yj-t-han,.yj-mappa[data-mappa="quadrato"] .yj-t-han{display:block}}
.yj-centro{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;opacity:0;transition:opacity .5s;pointer-events:none}
.yj-mappa[data-mappa="cerchio"] .yj-centro{opacity:1}
.yj-centro-t{margin:0 0 .3rem;font:700 .7rem/1.2 var(--testo);letter-spacing:.08em;text-transform:uppercase;color:var(--grigio)}
.yj-centro-v{margin:0;font:600 1.05rem/1.3 var(--testo);font-variant-numeric:tabular-nums}
.yj-mappa-nota{font-size:.86rem;color:var(--grigio);min-height:1.3em}
.yj-scheda{position:sticky;top:5.5rem;padding:1.1rem 1.2rem;border:1.5px solid var(--bordo);border-radius:22px;background:#fff;box-shadow:4px 4px 0 var(--riflesso);max-height:calc(100vh - 7rem);overflow:auto;outline:none}
@media (max-width:900px){.yj-scheda{position:static;max-height:none}}
.yj-scheda-vuota{margin:0;color:var(--grigio);line-height:1.6}
.yj-s-testa{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;margin:0 0 .8rem}
.yj-s-fig{display:grid;gap:5px;width:5.4rem}
.yj-s-linea{display:block;width:100%;height:12px;padding:0;border:0;background:transparent;cursor:pointer;border-radius:3px}
.yj-s-linea i{display:block;height:100%;border-radius:2px;background:var(--inchiostro);transition:background .35s}
.yj-s-linea i.y0{background:linear-gradient(90deg,var(--inchiostro) 0 41%,transparent 41% 59%,var(--inchiostro) 59% 100%)}
.yj-s-linea[aria-pressed="true"] i{background:var(--corallo)}
.yj-s-linea[aria-pressed="true"] i.y0{background:linear-gradient(90deg,var(--corallo) 0 41%,transparent 41% 59%,var(--corallo) 59% 100%)}
.yj-s-linea:hover{outline:2px dashed var(--tiffany-forte);outline-offset:2px}
.yj-s-linea:focus-visible{outline:2px solid var(--inchiostro);outline-offset:2px}
.yj-s-n{margin:0;font:700 .72rem/1.2 var(--testo);letter-spacing:.08em;text-transform:uppercase;color:var(--grigio)}
.yj-s-nome{margin:.15rem 0 .1rem;font-size:1.7rem}.yj-s-nome .han{font-size:2rem;margin-right:.3rem}
.yj-s-it{margin:0 0 .25rem;font:600 1.05rem/1.3 var(--display)}
.yj-s-tri,.yj-s-bin{margin:0;font-size:.82rem;color:var(--grigio)}
.yj-s-cambio:empty{display:none}
.yj-s-cambio{margin:0 0 .8rem;padding:.6rem .75rem;border-radius:12px;background:#FFF1EC;border:1.5px solid var(--corallo);font-size:.9rem}
.yj-s-cambio p{margin:0 0 .4rem}
.yj-s-testo > div{margin:0 0 .8rem}
.yj-zh{margin:0 0 .2rem;font-size:1.1rem;line-height:1.6}
.yj-it{margin:0;line-height:1.55}
.yj-gua-lettura{margin:.6rem 0 0;padding:.6rem .75rem;border-radius:12px;background:var(--tiffany-velo);font-size:.92rem;line-height:1.55}
.yj-parenti{display:grid;gap:.35rem;margin:.9rem 0}
.yj-parente{display:flex;gap:.6rem;align-items:center;text-align:left;padding:.4rem .6rem;border:1.5px solid var(--linea);border-radius:12px;background:#fff;color:var(--inchiostro);font:400 .88rem/1.25 var(--testo);cursor:pointer;min-height:2.75rem}
.yj-parente:hover{border-color:var(--inchiostro);background:var(--limone)}
.yj-parente small{display:block;font-size:.72rem;color:var(--grigio)}
.yj-s-vai{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin:.8rem 0 0;font-size:.88rem}
/* riflettere */
.yj-avvertimenti{list-style:none;margin:1.2rem 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.7rem}
.yj-avvertimenti li{padding:.9rem 1rem;border:1.5px solid var(--bordo);border-radius:18px;background:#fff;display:flex;flex-direction:column;justify-content:space-between}
.yj-avvertimenti blockquote{margin:0}
.yj-avv-han{margin:0 0 .35rem;font-size:1.2rem;line-height:1.5}
.yj-avvertimenti blockquote p:not(.yj-avv-han){margin:0;font:italic 450 1rem/1.5 var(--display)}
.yj-avv-fonte{margin:.5rem 0 0;font-size:.78rem;color:var(--grigio)}
.yj-non{padding:1rem 1.2rem;border-radius:18px;background:var(--pesco);border:1.5px solid var(--bordo);margin:1.2rem 0}
.yj-non h3{margin:0 0 .5rem}.yj-non ul{margin:0;padding-left:1.1rem;line-height:1.6}.yj-non li{margin:0 0 .3rem}
.yj-specchio{display:grid;gap:.6rem;margin:1rem 0}
.yj-specchio[hidden]{display:none}
.yj-dom{margin:0;padding:.75rem .9rem;border:1.5px solid var(--linea);border-radius:16px;background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
.yj-dom legend{grid-column:1/-1;float:left;width:100%;padding:0;margin:0 0 .4rem;font-size:.95rem;line-height:1.45}
.yj-dom-pos{display:block;font:700 .7rem/1.3 var(--testo);letter-spacing:.08em;text-transform:uppercase;color:var(--tiffany-inchiostro)}
.yj-dom label{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;border:1.5px solid var(--linea);border-radius:12px;cursor:pointer;font-size:.88rem;min-height:2.75rem}
.yj-dom label:has(input:checked){border-color:var(--inchiostro);background:var(--limone)}
.yj-dom input{accent-color:var(--inchiostro);width:1.1rem;height:1.1rem;flex:none}
@media (max-width:520px){.yj-dom{grid-template-columns:1fr}}
.yj-specchio-azioni{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.yj-specchio-esito{padding:1.1rem 1.2rem;border:1.5px solid var(--bordo);border-radius:22px;background:var(--carta);margin:1rem 0;outline:none;scroll-margin-top:6rem}
.yj-sp-testa{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;margin:0 0 .8rem}
.yj-sp-testa h4{margin:.1rem 0 .2rem;font-size:1.35rem}.yj-sp-testa p{margin:0}
.yj-sp-t{margin:1rem 0 .5rem;font-size:1rem}
.yj-sp-voci{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.yj-sp-voci li{display:grid;grid-template-columns:9rem auto 1fr;gap:.6rem;align-items:start;padding:.5rem .65rem;border-radius:12px;background:#fff;font-size:.9rem;line-height:1.5}
.yj-sp-voci .yj-fig-1{margin-top:.45rem}
.yj-sp-pos{font:700 .72rem/1.3 var(--testo);color:var(--grigio)}
@media (max-width:560px){.yj-sp-voci li{grid-template-columns:auto 1fr}.yj-sp-pos{grid-column:1/-1}}
.yj-sp-avviso{margin:1rem 0 .6rem;font-size:.88rem}
.yj-lenti-tabs{display:flex;flex-wrap:wrap;gap:.3rem;padding:.3rem;border:1.5px solid var(--bordo);border-radius:16px;background:var(--carta);margin:0 0 .8rem}
.yj-lenti-tabs[hidden]{display:none}
.yj-lente-tab{flex:1 1 auto;border:0;border-radius:12px;background:transparent;color:var(--inchiostro);font:600 .88rem/1.2 var(--testo);padding:.55rem .7rem;cursor:pointer;min-height:2.6rem}
.yj-lente-tab[aria-selected="true"]{background:var(--inchiostro);color:#fff}
.yj-lente-t{margin:1rem 0 .5rem;font-size:1rem}
.yj-lenti-tabs:not([hidden]) ~ .yj-lente-pan .yj-lente-t{display:none}
.yj-lente-voci{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.55rem}
.yj-lente-voce{display:flex;gap:.7rem;align-items:flex-start;height:100%;padding:.7rem .8rem;border:1.5px solid var(--bordo);border-radius:16px;background:#fff;color:var(--inchiostro);text-decoration:none;font-size:.88rem;line-height:1.45}
.yj-lente-voce:hover{background:var(--limone)}
.yj-lente-voce > span{display:grid;gap:.2rem}
.yj-lente-han{font-size:.86rem;color:var(--grigio)}
.yj-metodo{margin:1rem 0;padding:1rem 1.1rem;border:1.5px solid var(--bordo);border-radius:22px;background:#fff}
.yj-metodo[hidden]{display:none}
.yj-metodo-comandi{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .8rem}
.yj-steli{display:flex;flex-wrap:wrap;align-items:flex-end;gap:3px;min-height:3.4rem;margin:0 0 .6rem;perspective:30rem}
.yj-moneta-vuota{background:radial-gradient(circle at 35% 35%,#FBEFC8,#E2C373);color:#7A5A12}
.yj-steli i{display:block;width:4px;height:2.8rem;border-radius:2px;background:#8A6B3D;transition:opacity .4s,transform .4s}
.yj-steli i.yj-tolto{opacity:.15;transform:translateY(.4rem)}
.yj-steli i.yj-varco{margin-left:1.1rem}
.yj-moneta{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:radial-gradient(circle at 35% 35%,#F6D77A,#C99A2E);border:2px solid #7A5A12;font:700 1.1rem var(--testo);color:#3B2A05;margin-right:.6rem}
.yj-gira{animation:yj-gira .7s ease-out}
@keyframes yj-gira{0%{transform:rotateY(0) translateY(0)}50%{transform:rotateY(540deg) translateY(-1rem)}100%{transform:rotateY(1080deg) translateY(0)}}
.yj-metodo-linee{list-style:none;margin:0 0 .6rem;padding:0;display:grid;gap:.25rem}
.yj-metodo-linee li{display:flex;align-items:center;gap:.6rem;font-size:.86rem}
.yj-metodo-stato{margin:0 0 .6rem;font-size:.92rem;line-height:1.5}
.yj-nota-caso{font-size:.8rem;color:var(--grigio)}
.yj-metodo-azioni{display:flex;flex-wrap:wrap;gap:.5rem}
.yj-freq-t{font-size:.86rem;margin:.8rem 0 .4rem}
.yj-freq{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.yj-freq li{display:grid;grid-template-columns:9rem 1fr 9.5rem;gap:.6rem;align-items:center;font-size:.84rem}
.yj-freq-barra{position:relative;height:.9rem;border-radius:4px;background:var(--tiffany-velo)}
.yj-freq-barra span{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:var(--tiffany-forte)}
.yj-freq-barra i{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--inchiostro)}
.yj-freq-v{font-variant-numeric:tabular-nums}
@media (max-width:560px){.yj-freq li{grid-template-columns:1fr}}
/* per chi studia */
.yj-regole{list-style:none;margin:1rem 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:.7rem}
.yj-regole li{padding:.9rem 1rem;border:1.5px solid var(--bordo);border-radius:18px;background:#fff}
.yj-regole h3{margin:0 0 .35rem;font-size:1.02rem}.yj-regole p{margin:0;font-size:.92rem;line-height:1.6}
.yj-ali{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.yj-ali li{padding:.55rem .75rem;border-left:4px solid var(--tiffany-forte);background:var(--tiffany-velo);border-radius:0 12px 12px 0;font-size:.92rem}
.yj-ali li > span{display:block;color:#36465A;margin-top:.15rem}
.yijing sup.rif{font-size:.7em;line-height:0;vertical-align:super;margin-left:.08em}
.yijing sup.rif a{font-weight:700;text-decoration:none;color:var(--tiffany-inchiostro);padding:0 .12em}
.yijing sup.rif a:hover{text-decoration:underline}
.yj-strati{display:grid;justify-items:center;gap:3px;font-size:.78rem;line-height:1.45}
.yj-strati span{display:block;border-radius:6px;text-align:center;border:1.5px solid var(--bordo)}
.yj-strati span:nth-child(1){width:4.4rem;background:#fff}
.yj-strati span:nth-child(2){width:3.3rem;background:var(--tiffany-velo)}
.yj-strati span:nth-child(3){width:2.2rem;background:var(--inchiostro);color:#fff}
.yj-segno{display:grid;place-items:center;min-width:2.8rem;height:2.8rem;padding:0 .6rem;border-radius:999px;border:1.5px solid var(--bordo);background:var(--limone);font-size:1.2rem;line-height:1;letter-spacing:.04em}
.yj-scuole{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:.8rem}
.yj-scuola{padding:1rem 1.1rem;border:1.5px solid var(--bordo);border-radius:20px;background:var(--carta)}
.yj-scuola-han{margin:0;font-size:2.2rem;line-height:1}
.yj-scuola h3{margin:.4rem 0 .35rem}.yj-scuola p{margin:0;line-height:1.6}
/* ricerca */
.yj-domande .gr{max-width:72ch;line-height:1.7}
.yj-tempo{list-style:none;margin:1rem 0;padding:0 0 0 1.4rem;border-left:3px solid var(--inchiostro);display:grid;gap:.6rem}
.yj-tempo-voce{position:relative;padding:.2rem 0 .2rem .4rem}
.yj-tempo-voce::before{content:"";position:absolute;left:-1.95rem;top:.55rem;width:.9rem;height:.9rem;border-radius:50%;background:#fff;border:3px solid var(--inchiostro)}
.yj-tempo-voce[data-grado="consenso"]::before{border-color:#2F6A2D}
.yj-tempo-quando{margin:0;font:700 .86rem/1.3 var(--testo);color:var(--tiffany-inchiostro)}
.yj-tempo-testo{margin:.1rem 0 0;font-size:.94rem;line-height:1.6;max-width:72ch}
.yj-letture{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.yj-letture li{line-height:1.6}
/* il testo completo */
.yj-testo-comandi{display:flex;gap:.4rem;margin:.6rem 0}
.yj-testo-comandi[hidden]{display:none}
.yj-elenco{display:grid;gap:.45rem}
.yj-gua{border:1.5px solid var(--bordo);border-radius:16px;background:#fff;scroll-margin-top:5.5rem}
.yj-gua > summary{display:grid;grid-template-columns:auto 2.2rem auto 1fr;gap:.6rem;align-items:center;padding:.55rem .8rem;cursor:pointer;list-style:none;min-height:2.9rem}
.yj-gua > summary::-webkit-details-marker{display:none}
.yj-gua > summary::after{content:"+";font:700 1.2rem/1 var(--testo);justify-self:end;grid-column:5}
.yj-gua[open] > summary::after{content:"−"}
.yj-gua > summary{grid-template-columns:auto 2.2rem auto auto 1fr}
.yj-gua-n{font:700 .9rem/1 var(--testo);color:var(--grigio);text-align:right}
.yj-gua-han{font-size:1.35rem}
.yj-gua-py{font-style:italic;color:var(--grigio);font-size:.9rem}
.yj-gua-it{font:600 1rem/1.25 var(--display)}
@media (max-width:560px){.yj-gua > summary{grid-template-columns:auto 2rem 1fr auto}.yj-gua-py{display:none}.yj-gua > summary::after{grid-column:4}}
.yj-gua-corpo{padding:.2rem 1rem 1rem;border-top:1px dashed var(--linea)}
.yj-gua-tri{font-size:.86rem;color:var(--grigio)}
.yj-gua-sen,.yj-gua-imm{margin:0 0 .8rem}
.yj-gua-lin ol{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.yj-gua-lin li{padding:.45rem .6rem;border-radius:10px;background:var(--tiffany-velo)}
.yj-l-zh{margin:0;font-size:1.02rem;line-height:1.55}.yj-l-zh b{margin-right:.35rem}
.yj-l-it{margin:.1rem 0 0;font-size:.92rem;line-height:1.5}
@media (prefers-reduced-motion:reduce){.yj-tessera,.yj-tri,.yj-tri .yj-fig,.yj-taiji,.yj-fig i,.yj-steli i{transition:none}.yj-gira{animation:none}}
.cfr-fonte-sola{margin:auto 0 0;padding-top:.4rem;border-top:1px dashed var(--linea);font-size:.74rem;color:var(--grigio)}

/* ═══ La mappa delle decisioni (yijing/zhu-xi/la-mappa-delle-decisioni/) ═══ */
.mn-taiji{width:4.2rem;height:auto;color:var(--inchiostro)}
.dec-gr[data-grado="fatto"] .gr-et{color:#1F4870;background:#E6EEF6}
.dec-gr[data-grado="consenso"] .gr-et{color:#2F6A2D;background:#E8F3E3}
.dec-gr[data-grado="dibattito"] .gr-et{color:#8A4B00;background:#FCEFD9}
.dec-gr[data-grado="ipotesi"] .gr-et{color:#5B3FA0;background:#EFE9FA}
.dec{margin:1.6rem 0 2rem}
.dec-comandi[hidden]{display:none}
.dec-comandi{display:grid;gap:.5rem;margin:0 0 1rem}
.dec-filtri{display:flex;flex-wrap:wrap;gap:.35rem}
.dec-filtro,.dec-filtro-t{min-height:2.5rem;padding:.35rem .8rem;border:1.5px solid var(--bordo);border-radius:999px;background:#fff;color:var(--inchiostro);font:600 .82rem/1.2 var(--testo);cursor:pointer}
.dec-filtro-t{border-style:dashed}
.dec-filtro:hover,.dec-filtro-t:hover{background:var(--limone)}
.dec-filtro[aria-pressed="true"],.dec-filtro-t[aria-pressed="true"]{background:var(--inchiostro);color:#fff;border-style:solid}
.dec-griglia{display:grid;gap:1.4rem;align-items:start}
@media (min-width:960px){.dec-attiva .dec-griglia{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.dec-attiva .dec-destra{position:sticky;top:5.5rem;max-height:calc(100vh - 7rem);overflow:auto;border:1.5px solid var(--bordo);border-radius:22px;background:#fff;box-shadow:4px 4px 0 var(--riflesso);padding:1.1rem 1.2rem}}
.dec-grafo{margin:0 0 1rem;padding:.6rem;border:1.5px solid var(--bordo);border-radius:22px;background:radial-gradient(circle at 50% 50%,#fff 0,#fff 36%,var(--tiffany-velo) 37%,#fff 70%)}
.dec-grafo[hidden]{display:none}
.dec-svg{display:block;width:100%;height:auto}
.dec-guida{fill:none;stroke:var(--linea);stroke-width:1.2;stroke-dasharray:3 5}
.dec-filo{fill:none;stroke-width:1.3;opacity:.28;transition:opacity .25s,stroke-width .25s}
.dec-fuoco .dec-filo{opacity:.07}
.dec-fuoco .dec-filo.dec-acceso{opacity:.95;stroke-width:2.6}
.dec-arco{fill:none;stroke:var(--inchiostro);stroke-width:3;stroke-linecap:round;opacity:.22;transition:opacity .25s}
.dec-arco.dec-spento{opacity:.06}
.dec-centro{font-size:52px;letter-spacing:.04em;fill:var(--tiffany-inchiostro);text-anchor:middle;opacity:.85}
.dec-nodo{cursor:pointer}
.dec-nodo-d circle{fill:var(--inchiostro);stroke:#fff;stroke-width:2.5;transition:fill .2s,transform .2s}
.dec-nodo-d text{fill:#fff;font:700 13px var(--testo);text-anchor:middle;pointer-events:none}
.dec-nodo-d:hover circle,.dec-nodo-d.dec-acceso circle{fill:#C2402A}
.dec-nodo-d.dec-spento{opacity:.18}
.dec-nodo-s circle{stroke:#fff;stroke-width:2.5}
.dec-nodo-s text{fill:var(--inchiostro);font:600 15px var(--testo)}
.dec-fuoco .dec-nodo-s:not(.dec-acceso){opacity:.35}
.dec-fuoco .dec-nodo-d:not(.dec-acceso){opacity:.45}
.dec-nodo-s.dec-acceso circle{stroke:var(--inchiostro)}
@media (max-width:560px){.dec-nodo-s text{display:none}.dec-nodo-d text{font-size:18px}.dec-nodo-d circle{r:19px}.dec-nodo-s circle{r:14px}}
@media (prefers-reduced-motion:reduce){.dec-filo,.dec-arco,.dec-nodo-d circle{transition:none}}
.dec-didascalia{margin:.4rem .3rem 0;font-size:.86rem;color:var(--grigio);min-height:1.3em;text-align:center}
.dec-elenchi{display:grid;gap:1rem}
@media (min-width:700px){.dec-attiva .dec-elenchi{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}
.dec-elenco[hidden],.dec-gruppo[hidden],.dec-elenco li[hidden]{display:none}
.dec-elenco-t{font-size:1.1rem;margin:0 0 .5rem}
.dec-gruppo h4,.dec-tradizione h4{margin:.7rem 0 .3rem;font:700 .72rem/1.3 var(--testo);letter-spacing:.08em;text-transform:uppercase;color:var(--grigio);display:flex;align-items:center;gap:.4rem}
.dec-gruppo ul,.dec-tradizione ul{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}
.dec-link{display:flex;align-items:center;gap:.5rem;min-height:2.5rem;padding:.3rem .55rem;border-radius:12px;color:var(--inchiostro);text-decoration:none;line-height:1.3;font-size:.92rem}
.dec-link:hover{background:var(--limone)}
.dec-link[aria-current="true"]{background:var(--limone-vivo);font-weight:600}
.dec-num{display:inline-grid;place-items:center;flex:none;width:1.65rem;height:1.65rem;border-radius:50%;background:var(--inchiostro);color:#fff;font:700 .74rem/1 var(--testo)}
.dec-saggio{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem;width:100%;min-height:2.5rem;padding:.3rem .55rem;border:1.5px solid var(--linea);border-radius:12px;background:#fff;color:var(--inchiostro);font:600 .88rem/1.3 var(--testo);text-align:left;cursor:pointer}
.dec-saggio small{font-weight:400;color:var(--grigio)}
.dec-saggio:hover{border-color:var(--inchiostro)}
.dec-saggio[aria-pressed="true"]{background:var(--limone-vivo);border-color:var(--inchiostro)}
.dec-pallino{display:inline-block;width:.8rem;height:.8rem;border-radius:50%;flex:none}
.dec-vuota{margin:0;color:var(--grigio);line-height:1.6}
.dec-vuota[hidden],.dec-maestro[hidden],.dec-card[hidden]{display:none}
.dec-maestro{margin:0 0 1rem;padding:.9rem 1rem;border-radius:16px;background:var(--carta)}
.dec-maestro h3{margin:0 0 .2rem;font-size:1.2rem}
.dec-maestro-n{margin:0 0 .5rem;font-size:.86rem;color:var(--grigio)}
.dec-maestro ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.dec-maestro li a{font-weight:600;color:var(--inchiostro)}
.dec-maestro li p{margin:.15rem 0 0;font-size:.88rem;line-height:1.5}
.dec-schede{display:grid;gap:1.6rem}
.dec:not(.dec-attiva) .dec-card{padding:1.1rem 1.2rem;border:1.5px solid var(--bordo);border-radius:22px;background:#fff}
.dec-card{outline:none;scroll-margin-top:6rem}
.dec-card-et{display:flex;align-items:center;gap:.45rem;margin:0 0 .3rem;font:700 .72rem/1.3 var(--testo);letter-spacing:.06em;text-transform:uppercase;color:var(--tiffany-inchiostro)}
.dec-card h3{margin:0 0 .3rem;font-size:1.45rem;line-height:1.2}
.dec-card h4{margin:1.1rem 0 .5rem;font-size:1rem}
.dec-card-dom{margin:0 0 .9rem;font:italic 450 1.02rem/1.5 var(--display)}
.dec-poli{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;align-items:stretch}
.dec-polo{margin:0;padding:.55rem .65rem;border-radius:12px;background:#FFF1EC;border:1.5px solid #E9B7A8;font-size:.86rem;line-height:1.45}
.dec-polo-et{display:block;font:700 .66rem/1.3 var(--testo);letter-spacing:.07em;text-transform:uppercase;color:#8A2E1B;margin:0 0 .15rem}
.dec-polo-centro{margin:0;display:grid;place-items:center;align-content:center;gap:.1rem;min-width:4.2rem;padding:.4rem;border-radius:12px;background:var(--limone-vivo);border:1.5px solid var(--bordo);font:700 .7rem/1.2 var(--testo);text-transform:uppercase;letter-spacing:.06em}
.dec-polo-centro .han{font-size:1.5rem;line-height:1;text-transform:none}
@media (max-width:520px){.dec-poli{grid-template-columns:1fr}.dec-polo-centro{grid-auto-flow:column;min-width:0}}
.dec-voci{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.dec-voce{padding:.6rem .75rem;border:1.5px solid var(--linea);border-radius:14px;background:#fff}
.dec-voce-chi{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .3rem;font-size:.9rem}
.dec-voce-quando{font-size:.78rem;color:var(--grigio)}
.dec-voce blockquote{margin:0}
.dec-voce blockquote p{margin:0;line-height:1.55;font-size:.95rem}
.dec-voce .dec-fonte,.dec-gr .dec-fonte{display:block;margin-top:.25rem;font-size:.78rem;color:var(--grigio)}
.dec-ricerca{display:grid;gap:.55rem}
.dec-gr{margin:0;line-height:1.55;font-size:.94rem}
.dec-misura{margin:1.1rem 0 0;padding:.8rem .9rem;border-radius:16px;background:var(--tiffany-velo)}
.dec-misura h4{margin:0 0 .4rem}
.dec-domande-t{margin:.7rem 0 .3rem;font:700 .74rem/1.3 var(--testo);letter-spacing:.06em;text-transform:uppercase;color:var(--grigio)}
.dec-domande{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
.dec-domande label{display:flex;gap:.55rem;align-items:flex-start;padding:.4rem .5rem;border-radius:10px;background:#fff;cursor:pointer;font-size:.92rem;line-height:1.45;min-height:2.6rem}
.dec-domande input{flex:none;width:1.1rem;height:1.1rem;margin-top:.15rem;accent-color:var(--inchiostro)}
.dec-domande label:has(input:checked) span{color:var(--grigio)}
.dec-gua{display:grid;gap:.3rem;margin:1.1rem 0 0;padding:.8rem .9rem;border:1.5px solid var(--bordo);border-radius:16px;background:var(--carta)}
.dec-gua-link{display:flex;align-items:center;gap:.7rem;color:var(--inchiostro);text-decoration:none}
.dec-gua-link:hover b{text-decoration:underline}
.dec-gua-link small{display:block;font:700 .68rem/1.3 var(--testo);letter-spacing:.07em;text-transform:uppercase;color:var(--grigio)}
.dec-gua-link b{font:600 1.02rem/1.3 var(--display)}
.dec-gua-fig{flex:none;color:var(--inchiostro)}
.dec-gua-zh{margin:.2rem 0 0;font-size:1.05rem;line-height:1.55}
.dec-gua-zh .han{white-space:normal}
.dec-gua-it{margin:0;font-size:.9rem;line-height:1.5}
.dec-card-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin:1rem 0 0;font-size:.88rem}
.dec-card-nav a{color:var(--inchiostro)}
.dec-saggio[aria-pressed="true"] small{color:var(--inchiostro)}


/* ════════════════════════════════════════════════════════════════════
   INCHIOSTRO BLU: 藏青 navy, 雾蓝 mist, 米白 ivory, 朱砂 seal red.
   Lo stile si posa sul sito senza toccare contenuti e moduli: i colori di base
   sono nei token qui sopra; qui il paesaggio, i bottoni, i sigilli, le fasce scure.
   ════════════════════════════════════════════════════════════════════ */
:root{--fondo:#FAF8F4;--riflesso:#B7CBDF;--sigillo:var(--corallo);--notte:#13233A;--blu-bottone:#1F3A5F;--blu-bottone-su:#294C77;
  --ombra:0 4px 0 var(--riflesso)}
body{background:var(--fondo)}
.testata{background:rgba(250,248,244,.86);border-bottom-color:rgba(22,40,63,.1)}

/* ── i bottoni: inchiostro pieno, con il riflesso sotto come sull'acqua ── */
.btn{border-width:1.5px}
.btn-primario{background:var(--blu-bottone);color:#fff;border-color:var(--inchiostro);box-shadow:var(--ombra)}
.btn-primario:hover{background:var(--blu-bottone-su);color:#fff;transform:translateY(-1px);box-shadow:0 5px 0 var(--riflesso)}
.btn-primario:active{transform:translateY(2px);box-shadow:0 1px 0 var(--riflesso)}
.btn-secondario{background:rgba(255,255,255,.82)}
.btn-secondario:hover{background:var(--tiffany-velo);color:var(--inchiostro)}
/* nelle fasce scure il bottone principale diventa carta */
:is(.chiusura,.quiz-invito,.fe-prossima-box,.ht-esito,.mn-cta,.banda-comincia) .btn-primario{background:var(--fondo);color:var(--inchiostro);border-color:var(--fondo);box-shadow:0 4px 0 rgba(183,203,223,.45)}
:is(.chiusura,.quiz-invito,.fe-prossima-box,.ht-esito,.mn-cta,.banda-comincia) .btn-primario:hover{background:#fff;color:var(--inchiostro);box-shadow:0 5px 0 rgba(183,203,223,.55)}
:is(.chiusura,.quiz-invito,.fe-prossima-box,.ht-esito,.mn-cta,.banda-comincia,.vp-sintesi,.mn-regia) :focus-visible{outline-color:var(--tiffany)}

/* ── l'apertura: un paesaggio d'inchiostro che sale dalla nebbia ───────── */
.apertura{isolation:isolate;overflow:hidden;background:var(--fondo)}
.apertura::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:url(shanshui.06209a0710.webp) calc(100% + 300px) 82% / auto 116% no-repeat;mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(90deg,transparent 14%,rgba(0,0,0,.28) 40%,rgba(0,0,0,.6) 50%,#000 66%),linear-gradient(180deg,transparent 0%,#000 22%,#000 82%,transparent 100%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 14%,rgba(0,0,0,.28) 40%,rgba(0,0,0,.6) 50%,#000 66%),linear-gradient(180deg,transparent 0%,#000 22%,#000 82%,transparent 100%);mask-composite:intersect;opacity:.92}
.apertura h1{font-weight:540;letter-spacing:-.035em;font-variation-settings:"SOFT" 60}
.pillola{background:rgba(255,255,255,.72);border:1px solid rgba(22,40,63,.28);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.pillola i{background:var(--sigillo)}
.apertura .btn-secondario{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.garanzia-partenza::before{background:var(--riflesso);border-color:var(--blu-bottone)}
/* il foglio: carta velina posata sul paesaggio */
.foglio{background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);border:1.5px solid rgba(22,40,63,.75);box-shadow:0 30px 60px -30px rgba(22,40,63,.35)}
.foglio svg rect{stroke:#8FAECB}
.foglio svg g{stroke:#9DB7D1}
.pinyin-opera{background:transparent}
.bollino{border-radius:50%;width:5.6rem;height:5.6rem;padding:.4rem;top:-1rem;right:-.4rem;background:var(--sigillo);color:#fff;border:none;font-size:.82rem;line-height:1.05;transform:rotate(-5deg);box-shadow:0 10px 24px -12px rgba(120,30,20,.6)}
.bollino b{font-size:1.22rem}
@media (max-width:900px){.bollino{width:5rem;height:5rem;font-size:.74rem;right:-.3rem}.bollino b{font-size:1.08rem}}
.didascalia-opera{background:rgba(250,248,244,.8);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:14px;padding:.45rem .9rem;width:fit-content}
.fatti{border-top:0}
@media (max-width:860px){
  .apertura{padding-top:14.5rem}
  .apertura::before{bottom:auto;height:21rem;background-position:58% 0;background-size:150% auto;opacity:1;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 52%,transparent 70%);mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 52%,transparent 70%)}
}

/* ── le pagine interne: lo stesso paesaggio, lontano, in alto a destra ─── */
#contenuto > .sez.tema:first-child{position:relative;isolation:isolate}
:where(#contenuto > .sez.tema:first-child){background-color:var(--fondo)}
#contenuto > .sez.tema:first-child::before{content:"";position:absolute;top:0;right:0;z-index:-1;pointer-events:none;width:min(58vw,880px);aspect-ratio:1592/620;
  background:url(shanshui.06209a0710.webp) right 8% / cover no-repeat;mix-blend-mode:multiply;opacity:.55;
  -webkit-mask-image:linear-gradient(270deg,#000 25%,transparent 92%),linear-gradient(180deg,#000 35%,transparent 96%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(270deg,#000 25%,transparent 92%),linear-gradient(180deg,#000 35%,transparent 96%);mask-composite:intersect}
@media (max-width:860px){#contenuto > .sez.tema:first-child::before{width:100%;opacity:.32}}

/* ── chi ti accompagna: la foto sul pontile ─────────────────────────────── */
.cartellino .cartellino-foto{display:block;width:100%;height:auto;aspect-ratio:1120/747;object-fit:cover;border-bottom:2px solid var(--inchiostro)}
.cartellino .griglia-nome{aspect-ratio:3/2}
.cartellino{box-shadow:5px 5px 0 var(--riflesso);border-color:var(--bordo)}
@media (max-width:860px){.ritratto{margin-inline:auto;width:100%}}

/* ── la chiusura: lo stesso paesaggio, di notte ─────────────────────────── */
.chiusura{background:var(--notte);color:#F3EEE4;position:relative;isolation:isolate;overflow:hidden}
.chiusura::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:url(shanshui.06209a0710.webp) center 36% / cover no-repeat;filter:invert(1) hue-rotate(180deg) saturate(.55);mix-blend-mode:screen;opacity:.42;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 55%);mask-image:linear-gradient(180deg,transparent 0%,#000 55%)}
.chiusura h2,.chiusura p{color:#F7F3EC}
.chiusura .btn-secondario{background:transparent;color:var(--fondo);border-color:rgba(250,248,244,.75)}
.chiusura .btn-secondario:hover{background:rgba(250,248,244,.12);color:#fff}
@media (max-width:860px){.chiusura::before{background-size:auto 122%;background-position:62% 0}}

/* ── il marchio Cinese360: il cerchio a pennello, i 360 gradi (disegno e colori dell'originale, in vettoriale) ── */
.marchio{display:block;flex:none;line-height:0;border-radius:6px}
.marchio-logo{display:block;height:3.6rem;width:auto}
@media (max-width:380px){.marchio-logo{height:3.1rem}}
.piede .piede-marchio{margin:0 0 .9rem;line-height:0}
.piede .piede-marchio img{display:block;height:5.4rem;width:auto;max-width:100%}


/* ════════════════════════════════════════════════════════════════════
   IL LETTORE: la ricerca, le note e le parole che si aprono sul posto, i classici a fronte
   ════════════════════════════════════════════════════════════════════ */

/* ── il bottone della ricerca, nella testata ── */
.apri-cerca{flex:none;display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border-radius:50%;border:1.5px solid var(--bordo);background:rgba(255,255,255,.7);color:var(--inchiostro);cursor:pointer}
.apri-cerca:hover{background:var(--tiffany-velo)}
.apri-cerca svg{width:1.2rem;height:1.2rem}
@media (min-width:1201px){.testata .menu{margin-left:auto}.apri-cerca{order:3}}
@media (max-width:1200px){.apri-cerca{margin-left:auto;width:2.3rem;height:2.3rem}.apri-cerca svg{width:1.1rem;height:1.1rem}}

/* ── la finestra della ricerca ── */
dialog.cerca{width:min(46rem,calc(100vw - 2rem));max-height:min(40rem,calc(100dvh - 4rem));margin:4.5rem auto auto;padding:0;border:1.5px solid var(--bordo);border-radius:16px;background:var(--fondo);color:var(--inchiostro);box-shadow:0 30px 70px -30px rgba(19,35,58,.55);overflow:hidden;flex-direction:column}
dialog.cerca[open]{display:flex}
dialog.cerca::backdrop{background:rgba(19,35,58,.38);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.ce-testa{display:flex;align-items:center;gap:.6rem;padding:.8rem .9rem;border-bottom:1px solid var(--linea);background:#fff}
.ce-campo{flex:1;display:flex;align-items:center;gap:.55rem;min-width:0;color:var(--grigio)}
.ce-campo svg{flex:none}
.ce-campo input{flex:1;min-width:0;border:0;background:transparent;font:500 1.12rem/1.3 var(--testo);color:var(--inchiostro);padding:.45rem .2rem;outline:none}
.ce-campo:focus-within{color:var(--inchiostro)}
.ce-campo input::placeholder{color:#5E6E80}
.ce-campo input::-webkit-search-cancel-button{cursor:pointer}
.ce-testa:focus-within{box-shadow:inset 0 -2px 0 var(--tiffany-inchiostro)}
.ce-chiudi{flex:none;border:1.5px solid var(--bordo);border-radius:999px;background:#fff;color:var(--inchiostro);font:600 .88rem var(--testo);padding:.35rem .85rem;cursor:pointer}
.ce-chiudi:hover{background:var(--tiffany-velo)}
.ce-stato{margin:0;padding:.6rem 1.1rem 0;font-size:.88rem;color:var(--grigio)}
.ce-stato:empty{display:none}
.ce-risultati{list-style:none;margin:0;padding:.5rem .6rem .6rem;overflow-y:auto;overscroll-behavior:contain;flex:1}
.ce-risultati li + li{border-top:1px solid var(--linea)}
.ce-risultati a{display:block;padding:.7rem .6rem;border-radius:10px;text-decoration:none;color:var(--inchiostro)}
.ce-risultati a:hover,.ce-risultati a:focus-visible{background:var(--tiffany-velo)}
.ce-risultati a:focus-visible{outline-offset:-3px}
.ce-dove{display:block;font:600 .98rem/1.3 var(--testo)}
.ce-dove > span[aria-hidden="true"]{color:var(--tiffany-forte);margin:0 .15rem}
.ce-brano{display:block;margin-top:.25rem;font-size:.9rem;line-height:1.5;color:var(--grigio)}
.ce-risultati mark{background:var(--limone);color:var(--inchiostro);border-radius:3px;padding:0 .1em}
.ce-aiuto{margin:0;padding:.55rem 1.1rem .7rem;border-top:1px solid var(--linea);font-size:.8rem;color:var(--grigio);background:#fff}
.ce-aiuto kbd{font:600 .74rem var(--testo);border:1px solid var(--linea);border-bottom-width:2px;border-radius:5px;padding:.05rem .35rem;background:var(--fondo)}
@media (max-width:640px){
  dialog.cerca{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}
  .ce-aiuto{display:none}
}

/* ── le parole cinesi che si aprono ── */
.parola-zh{cursor:pointer;border-radius:3px;text-decoration:underline dotted;text-decoration-color:var(--tiffany-forte);text-decoration-thickness:1.5px;text-underline-offset:.3em}
.parola-zh:hover{background:var(--tiffany-velo);text-decoration-color:var(--tiffany-inchiostro)}

/* ── il fumetto: note, fonti e parole ── */
.fumetto{position:absolute;z-index:60;width:min(25rem,calc(100vw - 1.5rem));max-height:min(26rem,70vh);overflow:auto;padding:1rem 2.7rem 1rem 1.1rem;background:#fff;color:var(--inchiostro);border:1.5px solid var(--bordo);border-radius:14px;box-shadow:0 22px 48px -22px rgba(19,35,58,.5),4px 4px 0 var(--riflesso);font-size:.95rem;line-height:1.55}
.fumetto:focus{outline:none}
.fumetto:focus-visible{outline:3px solid var(--tiffany-inchiostro);outline-offset:2px}
.fumetto p{margin:0 0 .55rem}
.fumetto p:last-child{margin-bottom:0}
.fu-tipo{font:700 .74rem/1 var(--testo);letter-spacing:.08em;text-transform:uppercase;color:var(--grigio)}
.fu-testo{margin-bottom:.65rem}
.fu-han{font:500 2.1rem/1.2 var(--han);margin:.1rem 0 .3rem}
.fu-han-lungo{font-size:1.35rem;line-height:1.5}
.fu-py{font-size:1.05rem}
.fu-py i{font-style:italic;font-weight:600}
.fu-dove{font-size:.88rem;color:var(--grigio)}
.fu-azioni{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.75rem!important}
.fu-cerca{border:1.5px solid var(--bordo);border-radius:999px;background:#fff;color:var(--inchiostro);font:600 .86rem var(--testo);padding:.4rem .85rem;cursor:pointer}
.fu-cerca:hover{background:var(--tiffany-velo)}
.fu-vai{font-weight:600}
.fu-nota-voce:empty{display:none}
.fu-nota-voce{font-size:.84rem;color:var(--grigio)}
.fu-chiudi{position:absolute;top:.45rem;right:.45rem;width:2rem;height:2rem;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--grigio);font:400 1.5rem/1 var(--testo);cursor:pointer}
.fu-chiudi:hover{background:var(--tiffany-velo);color:var(--inchiostro)}
@media (max-width:640px){
  .fumetto{position:fixed;left:0!important;right:0;bottom:0;top:auto!important;width:100%;max-height:72vh;border-radius:18px 18px 0 0;border-width:1.5px 0 0;box-shadow:0 -18px 40px -20px rgba(19,35,58,.5);padding:1.2rem 3rem calc(1.2rem + env(safe-area-inset-bottom)) 1.25rem}
}

/* ── i classici a fronte ── */
.bl-comandi{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .8rem}
.bl-vista{border:1.5px solid var(--linea);border-radius:999px;background:#fff;color:var(--inchiostro);font:600 .8rem/1 var(--testo);padding:.42rem .75rem;cursor:pointer}
.bl-vista:hover{border-color:var(--bordo)}
.bl-vista[aria-pressed="true"]{background:var(--inchiostro);border-color:var(--inchiostro);color:#fff}
.bl-comandi .ascolta{width:2rem;height:2rem;margin-left:.15rem}
.bl .bl-zh{font:500 1.22rem/1.75 var(--han);font-style:normal;margin:0 0 .5rem}
.bl .bl-it{margin:0}
.bl [data-s]{border-radius:4px;transition:background-color .15s}
.bl-attivo [data-s]{cursor:pointer}
.bl-attivo [data-s].bl-acceso,.bl-attivo [data-s].bl-fisso{background:var(--limone);box-shadow:0 0 0 2px var(--limone)}
.bl[data-vista="zh"] .bl-it,.bl[data-vista="it"] .bl-zh{display:none}
.bl[data-vista="zh"] .bl-zh{margin-bottom:0}
@media (min-width:900px){
  .bl[data-vista="entrambi"] blockquote{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:1.6rem;align-items:start}
  .bl[data-vista="entrambi"] .bl-zh{margin:0}
  .bl[data-vista="entrambi"] .mn-cit-fonte{grid-column:1 / -1;margin-top:.7rem}
}
.mn-cit-fig.bl{margin:1.9rem 0;max-width:64ch}
.mn-cit-fig.bl .mn-cit{margin:0}
@media (prefers-reduced-motion:reduce){.bl [data-s]{transition:none}}
@media print{.apri-cerca,.bl-comandi,.fumetto,dialog.cerca{display:none!important}.bl .bl-zh,.bl .bl-it{display:block!important}}

/* ── i percorsi di lettura ── */
.pc-invito{margin:0 0 clamp(1.4rem,3vw,2rem)}
.pc-invito a{display:flex;align-items:center;gap:1rem;padding:.85rem 1.2rem;border:1.5px solid var(--bordo);border-radius:18px;background:#fff;color:var(--inchiostro);text-decoration:none;box-shadow:3px 3px 0 var(--riflesso);max-width:44rem}
.pc-invito a:hover{background:var(--tiffany-velo)}
.pc-invito .han{flex:none;display:grid;place-items:center;min-width:3.3rem;height:2.6rem;padding:0 .45rem;border-radius:10px;background:var(--sigillo,#B5382C);color:#fff;font-size:1.08rem;letter-spacing:.06em;transform:rotate(-3deg)}
.pc-invito b{font-weight:700}
.pc-invito-vai{margin-left:auto;font-size:1.4rem;color:var(--tiffany-inchiostro)}
.pc-scelta{display:grid;gap:clamp(1.2rem,2.6vw,1.8rem);margin:0 0 clamp(1.8rem,4vw,2.6rem);padding:clamp(1.2rem,3vw,1.9rem);background:#fff;border:1.5px solid var(--bordo);border-radius:22px;box-shadow:4px 4px 0 var(--riflesso)}
.pc-scelta-t{font-size:clamp(1.6rem,3vw,2.1rem)}
.pc-domanda{margin:0;padding:0;border:0;min-width:0}
.pc-domanda legend{display:flex;align-items:center;gap:.6rem;padding:0;margin:0 0 .8rem;font:600 1.12rem/1.3 var(--testo)}
.pc-domanda legend b{display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--inchiostro);color:#fff;font-size:.85rem}
.pc-opzioni{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(15.5rem,100%),1fr));gap:.6rem}
.pc-opzioni-tempo{grid-template-columns:repeat(auto-fill,minmax(min(8.5rem,100%),1fr))}
.pc-giorno-et{display:inline-block;margin-left:.4rem;padding:.05rem .45rem;border-radius:999px;background:var(--limone,#FFF3C4);font:700 .72rem/1.4 var(--testo);color:var(--inchiostro);vertical-align:.1em}
.pc-opz{position:relative;display:flex;align-items:center;gap:.7rem;height:100%;padding:.7rem .9rem;border:1.5px solid var(--linea);border-radius:14px;background:var(--fondo);cursor:pointer;font-weight:500;line-height:1.3}
.pc-opz:hover{border-color:var(--bordo)}
.pc-opz input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.pc-opz-han{flex:none;display:grid;place-items:center;min-width:3rem;height:2.3rem;padding:0 .4rem;border-radius:9px;background:#fff;border:1.5px solid var(--linea);font-size:1rem;letter-spacing:.04em}
.pc-opz:has(input:checked){border-color:var(--inchiostro);background:var(--tiffany-velo);box-shadow:inset 0 0 0 1px var(--inchiostro)}
.pc-opz:has(input:checked) .pc-opz-han{background:var(--inchiostro);border-color:var(--inchiostro);color:#fff}
.pc-opz:has(input:focus-visible){outline:3px solid var(--tiffany-inchiostro);outline-offset:3px}
.pc-opz-tempo{justify-content:center;text-align:center}
.pc-esito{margin:0 0 clamp(2.2rem,5vw,3.2rem);padding:clamp(1.2rem,3vw,1.9rem);background:var(--tiffany-velo);border:1.5px solid var(--bordo);border-radius:22px;box-shadow:4px 4px 0 var(--riflesso);scroll-margin-top:6rem}
.pc-esito:focus{outline:none}
.pc-esito-et{margin:0 0 .3rem;font:700 .76rem/1 var(--testo);letter-spacing:.09em;text-transform:uppercase;color:var(--corallo)}
.pc-esito-t{font-size:clamp(1.7rem,3.4vw,2.4rem)}
.pc-esito-durata{margin:.5rem 0 1rem;color:var(--grigio)}
.pc-esito-azioni{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin:1.2rem 0 0}
.pc-copiato{font-size:.9rem;color:var(--grigio);overflow-wrap:anywhere}
.pc-dopo{margin-top:1rem}
.pc-dopo summary{cursor:pointer;font-weight:600;color:var(--tiffany-inchiostro)}
.pc-dopo .pc-tappe{margin-top:.6rem;opacity:.85}
.pc-tutti-t{font-size:clamp(1.8rem,3.6vw,2.6rem);margin:0 0 .5rem}
.pc-tutti-nota{color:var(--grigio);font-size:.95rem;max-width:62ch;margin:0 0 1.6rem}
.pc-lista{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.4vw,1.6rem)}
@media (max-width:900px){.pc-lista{grid-template-columns:1fr}}
.pc-percorso{padding:clamp(1.1rem,2.6vw,1.6rem);background:#fff;border:1.5px solid var(--linea);border-radius:20px;scroll-margin-top:6rem}
.pc-percorso:target,.pc-percorso.pc-scelto{border-color:var(--bordo);box-shadow:4px 4px 0 var(--riflesso)}
.pc-testa{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem}
.pc-han{flex:none;margin:0;display:grid;justify-items:center;min-width:4.4rem;padding:.45rem .55rem .35rem;border-radius:14px;background:var(--fondo);border:1.5px solid var(--linea)}
.pc-han .han{font-size:1.45rem;line-height:1.15;letter-spacing:.04em}
.pc-han i{font-size:.78rem;color:var(--grigio)}
.pc-testa h3{font-size:1.4rem}
.pc-intro{margin:.35rem 0 .3rem;color:var(--grigio);font-size:.96rem}
.pc-durata{margin:0;font-size:.86rem;font-weight:600;color:var(--tiffany-inchiostro)}
.pc-tappe{list-style:none;counter-reset:tappa;display:grid;gap:.15rem}
.pc-tappa{counter-increment:tappa;position:relative;display:grid;grid-template-columns:1fr auto;column-gap:.8rem;padding:.6rem 0 .6rem 2.4rem;border-top:1px solid var(--linea)}
.pc-tappe .pc-tappa:first-child{border-top:0}
.pc-tappa::before{content:counter(tappa);position:absolute;left:0;top:.62rem;display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:50%;border:1.5px solid var(--bordo);font:700 .78rem var(--testo);color:var(--inchiostro);background:#fff}
.pc-dopo-tappe{counter-reset:tappa var(--da,0)}
.pc-tappa-t{font-weight:600;line-height:1.35}
.pc-min{font-size:.82rem;color:var(--grigio);white-space:nowrap;padding-top:.1rem}
.pc-perche{grid-column:1 / -1;font-size:.9rem;line-height:1.45;color:var(--grigio);margin-top:.15rem}

/* ── la mappa dei concetti ── */
.cm-figura{margin:0 0 clamp(1.6rem,4vw,2.4rem);padding:clamp(.6rem,2vw,1.2rem);background:#fff;border:1.5px solid var(--bordo);border-radius:22px;box-shadow:4px 4px 0 var(--riflesso)}
.cm-svg{width:100%;height:auto;display:block}
.cm-linee line{stroke:#C9D5E2;stroke-width:1.6}
.cm-nodo circle{fill:#fff;stroke:var(--inchiostro);stroke-width:1.6;transition:fill .15s}
.cm-nodo .cm-anello{fill:none;stroke:var(--corallo);stroke-width:2}
.cm-cosmo circle:not(.cm-anello){fill:#EBF1F7}
.cm-uomo circle:not(.cm-anello){fill:#F6EAE7}
.cm-virtu circle:not(.cm-anello){fill:#F7F0DC}
.cm-sapere circle:not(.cm-anello){fill:#E9F2EC}
.cm-vie circle:not(.cm-anello){fill:#F1EEF6}
.cm-oggi circle:not(.cm-anello){fill:#EEF0F2}
.cm-assente circle:not(.cm-anello){fill:#fff;stroke-dasharray:4 4;stroke:#7A8A9C}
.cm-han{font-family:var(--han);font-weight:600;fill:var(--inchiostro);text-anchor:middle}
.cm-py{font:500 13px var(--testo);fill:var(--grigio);text-anchor:middle}
.cm-svg a:hover circle:not(.cm-anello){fill:var(--inchiostro)}
.cm-svg a:hover .cm-han{fill:#fff}
.cm-svg.cm-fuoco line{opacity:.18}
.cm-svg.cm-fuoco line.cm-acceso{opacity:1;stroke:var(--tiffany-inchiostro);stroke-width:2.4}
.cm-legenda{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin:.6rem .4rem .2rem;font-size:.86rem;color:var(--grigio)}
.cm-legenda span{display:inline-flex;align-items:center;gap:.45rem}
.cm-legenda i{display:inline-block;width:1rem;height:1rem;border-radius:50%;border:1.6px solid var(--inchiostro);background:#EBF1F7}
.cm-legenda .cm-l-vuoto{background:#fff;border-style:dashed;border-color:#7A8A9C}
.cm-legenda .cm-l-voce{background:#fff;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--corallo)}
.cm-l-nota{margin-left:auto}
@media (max-width:640px){.cm-l-nota{margin-left:0}}
.cc-indice ol{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}
.cc-indice a{display:inline-block;padding:.4rem .9rem;border:1.5px solid var(--linea);border-radius:999px;background:#fff;color:var(--inchiostro);text-decoration:none;font-weight:600;font-size:.92rem}
.cc-indice a:hover{border-color:var(--bordo);background:var(--tiffany-velo)}
.cc-gruppo-t{font-size:clamp(1.7rem,3.4vw,2.4rem);margin:clamp(2rem,5vw,3rem) 0 1rem;scroll-margin-top:6rem}
.cc-schede{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.9rem,2vw,1.3rem)}
@media (max-width:900px){.cc-schede{grid-template-columns:1fr}}
.cc-scheda{padding:1.1rem 1.25rem 1.2rem;background:#fff;border:1.5px solid var(--linea);border-radius:18px;scroll-margin-top:6rem;min-width:0}
.cc-scheda:target{border-color:var(--bordo);box-shadow:4px 4px 0 var(--riflesso)}
.cc-assente{background:var(--fondo);border-style:dashed}
.cc-testa{display:flex;gap:.9rem;align-items:center;margin-bottom:.6rem}
/* solo nella mappa dei concetti: nei dodici sguardi .cc-han è la riga «carattere + altoparlante» */
.concetti .cc-han{flex:none;margin:0;min-width:3.2rem;height:3.2rem;padding:0 .4rem;display:grid;place-items:center;border-radius:12px;background:var(--fondo);border:1.5px solid var(--linea);font-size:1.6rem;line-height:1}
.cc-t{font-size:1.25rem}
.cc-t i{font-family:var(--testo);font-size:1rem;color:var(--grigio)}
.cc-resa{margin:.15rem 0 0;color:var(--grigio);font-size:.95rem}
.cc-lessico{margin:.2rem 0 .5rem}
.cc-lessico a{font-weight:700;color:var(--corallo)}
.cc-et{margin:.75rem 0 .3rem;font:700 .72rem/1 var(--testo);letter-spacing:.08em;text-transform:uppercase;color:var(--grigio)}
.cc-legami{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem}
.cc-legami a{display:inline-block;padding:.2rem .6rem;border-radius:999px;border:1px solid var(--linea);background:var(--fondo);color:var(--inchiostro);text-decoration:none;font-size:.86rem}
.cc-legami a:hover{border-color:var(--bordo)}
.cc-fonti{margin:0;padding-left:1.1rem;font-size:.9rem;line-height:1.5}
.cc-fonti a{font-size:.84rem}
.cc-conta{margin:0 0 .3rem;font-size:.9rem;color:var(--grigio)}
.cc-dove{margin:0;padding-left:1.1rem;font-size:.9rem;line-height:1.5;max-height:15rem;overflow:auto}
.cc-dove li{margin:.15rem 0}
.cc-pagina{font-weight:600}
.cc-sez{color:var(--grigio)}
.cc-dove-box{margin:.4rem 0 1.4rem}
.cc-dove-box .cc-dove{max-height:none;column-width:22rem;column-gap:2rem}
.cc-dove-box .cc-dove li{break-inside:avoid}

/* ── i sei universi ── */
:root{--u-lingua:#EBF1F7;--u-civilta:#F3EEE5;--u-filosofia:#F0EDF6;--u-arti:#F7ECE8;--u-scienza:#E8F1EC;--u-umano:#ECF0F3;
  --u-lingua-f:#2F5D8A;--u-civilta-f:#8A6A2F;--u-filosofia-f:#5E4B8B;--u-arti-f:#9E4A3A;--u-scienza-f:#2E6B55;--u-umano-f:#3F5A72}
.un-banda{margin:0 0 clamp(1rem,2.4vw,1.4rem);padding:clamp(1.4rem,3.5vw,2.2rem);border-radius:22px;background:var(--blu-bottone,#1F3A5F);color:#F7F3EC;text-align:center;box-shadow:4px 4px 0 var(--riflesso)}
.un-360{margin:0;font:600 clamp(2.6rem,6vw,3.8rem)/1 var(--display);letter-spacing:-.02em}
.un-motto{margin:.5rem 0 .3rem;font:600 clamp(1.1rem,2.4vw,1.45rem)/1.3 var(--testo)}
.un-motto-zh{margin:0;font:500 clamp(1rem,2vw,1.2rem)/1.5 var(--han);color:#DCE6F0}
.un-carte{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,2vw,1.2rem)}
@media (max-width:980px){.un-carte{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.un-carte{grid-template-columns:1fr}}
.un-carta a{display:flex;flex-direction:column;gap:.35rem;height:100%;padding:1.2rem 1.25rem 1.15rem;border-radius:18px;border:1.5px solid transparent;color:var(--inchiostro);text-decoration:none;transition:border-color .15s,transform .15s}
.un-carta a:hover{border-color:var(--bordo);transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){.un-carta a{transition:none}.un-carta a:hover{transform:none}}
.un-carta img{width:44px;height:44px;margin-bottom:.2rem}
.un-carta .un-num{font:700 .78rem/1.2 var(--testo);letter-spacing:.1em;text-transform:uppercase}
.un-nome{font:600 1.55rem/1.1 var(--display);font-variation-settings:"SOFT" 100}
.un-campi{color:var(--grigio);font-size:.93rem;line-height:1.45}
.un-conta{margin-top:auto;padding-top:.4rem;font-size:.82rem;font-weight:600;color:var(--grigio)}
.un-lingua .un-num,.un-universo.un-lingua h2{color:var(--u-lingua-f)}
.un-civilta .un-num,.un-universo.un-civilta h2{color:var(--u-civilta-f)}
.un-filosofia .un-num,.un-universo.un-filosofia h2{color:var(--u-filosofia-f)}
.un-arti .un-num,.un-universo.un-arti h2{color:var(--u-arti-f)}
.un-mente-scienza .un-num,.un-universo.un-mente-scienza h2{color:var(--u-scienza-f)}
.un-umano .un-num,.un-universo.un-umano h2{color:var(--u-umano-f)}
.un-carta.un-lingua a{background:var(--u-lingua)}.un-carta.un-civilta a{background:var(--u-civilta)}.un-carta.un-filosofia a{background:var(--u-filosofia)}
.un-carta.un-arti a{background:var(--u-arti)}.un-carta.un-mente-scienza a{background:var(--u-scienza)}.un-carta.un-umano a{background:var(--u-umano)}
.un-nota{margin:1.2rem 0 0;max-width:70ch;color:var(--grigio);font-size:.95rem}
.un-universo{margin-top:clamp(2.6rem,6vw,4rem);padding-top:clamp(1.6rem,4vw,2.4rem);border-top:1.5px solid var(--linea);scroll-margin-top:5.5rem}
.un-testa{display:flex;gap:1.1rem;align-items:flex-start;margin-bottom:1.2rem}
.un-testa img{flex:none;width:64px;height:64px}
.un-universo h2{font-size:clamp(2rem,4.4vw,3rem)}
.un-intro{margin:.5rem 0 0;max-width:64ch;color:var(--grigio);font-size:1.05rem}
.un-et{margin:1.4rem 0 .6rem;font:700 .76rem/1 var(--testo);letter-spacing:.1em;text-transform:uppercase;color:var(--grigio)}
.un-ponti{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(19rem,100%),1fr));gap:.7rem}
.un-ponte{display:flex;flex-direction:column;gap:.3rem;padding:.85rem 1rem;border-radius:14px;background:#fff;border:1.5px solid var(--linea)}
.un-ponte a{font-weight:600;line-height:1.35}
.un-tra{align-self:flex-start;padding:.15rem .55rem;border-radius:999px;background:var(--fondo);border:1px solid var(--linea);font-size:.76rem;font-weight:700;letter-spacing:.03em;color:var(--grigio)}
.un-presto{background:transparent;border-style:dashed}
.un-presto span:not(.un-tra){font-weight:600;color:var(--grigio)}
.un-presto em{font-style:normal;font-size:.8rem;font-weight:700;color:var(--corallo)}
.un-pagine{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(17rem,100%),1fr));gap:.2rem 1.6rem}
.un-pagine li{display:flex;flex-direction:column;padding:.55rem 0;border-top:1px solid var(--linea)}
.un-pagine a{font-weight:600}
.un-pagine span{font-size:.86rem;line-height:1.45;color:var(--grigio)}
.un-confina{margin:1.2rem 0 0;font-size:.95rem;color:var(--grigio)}
.un-invito .han{background:var(--blu-bottone,#1F3A5F)}

/* ════════════════════════════════════════════════════════════════════
   TRE REGISTRI, UN SOLO SISTEMA: stessi colori, caratteri, icone, navigazione e griglia.
   Cambia soltanto la grammatica della pagina: editoriale per leggere, museo per guardare, scientifico per provare.
   ════════════════════════════════════════════════════════════════════ */
/* A. Editoriale: la pagina da leggere (filosofia, storia, lingua, saggi) */
main[data-registro="editoriale"] .mn-corpo{counter-reset:paragrafo}
main[data-registro="editoriale"] .mn-corpo h2.mn-h2{counter-increment:paragrafo;padding-top:1.3rem;border-top:1px solid var(--linea)}
main[data-registro="editoriale"] .mn-corpo h2.mn-h2::before{content:"§ " counter(paragrafo);display:block;margin-bottom:.45rem;font:700 .74rem/1 var(--testo);letter-spacing:.14em;color:var(--corallo)}
main[data-registro="editoriale"] .mn-lead::first-letter{float:left;margin:.08em .12em 0 0;font:600 3.35em/.82 var(--display);color:var(--inchiostro)}
main[data-registro="editoriale"] .mn-epigrafe{border-left-color:var(--corallo)}

/* B. Museo: la pagina da guardare (opere, caratteri, feste, animali) */
main[data-registro="museo"] .sala-testa{position:relative;padding-top:1.1rem;border-top:3px double var(--bordo)}
main[data-registro="museo"] .sala-num,main[data-registro="museo"] .op-num{font-variant-numeric:tabular-nums;letter-spacing:.14em}
main[data-registro="museo"] .opera-voce{box-shadow:0 1px 0 rgba(19,35,58,.05),0 18px 34px -24px rgba(19,35,58,.45)}
main[data-registro="museo"] .op-dati,main[data-registro="museo"] .op-et{font-variant-caps:all-small-caps;letter-spacing:.06em}
main[data-registro="museo"] .occhiello{letter-spacing:.2em}

/* C. Interfaccia scientifica: la pagina da provare (cervello, voce, fisica, strumenti) */
main[data-registro="scienza"]{--carta-millimetrata:linear-gradient(rgba(35,74,115,.07) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(90deg,rgba(35,74,115,.07) 1px,transparent 1px) 0 0/22px 22px}
main[data-registro="scienza"] .mn-fig,main[data-registro="scienza"] .cm-figura{background:var(--carta-millimetrata),#fff}
main[data-registro="scienza"] .mn-fig-n,main[data-registro="scienza"] .mn-etichetta{font-family:ui-monospace,"SF Mono",Menlo,Consolas,"Noto Serif SC",monospace;letter-spacing:.04em}
main[data-registro="scienza"] .mn-corpo{counter-reset:paragrafo}
main[data-registro="scienza"] .mn-corpo h2.mn-h2{counter-increment:paragrafo}
main[data-registro="scienza"] .mn-corpo h2.mn-h2::before{content:counter(paragrafo,decimal-leading-zero);display:block;margin-bottom:.4rem;font:600 .78rem/1 ui-monospace,"SF Mono",Menlo,Consolas,"Noto Serif SC",monospace;letter-spacing:.1em;color:var(--tiffany-inchiostro)}
main[data-registro="scienza"] .mn-tabella td,main[data-registro="scienza"] .mn-tabella th{font-variant-numeric:tabular-nums}
main[data-registro="scienza"] .mn-breve{background:var(--carta-millimetrata),#fff}
main[data-registro="scienza"] .mn-breve li::marker{font-family:ui-monospace,"SF Mono",Menlo,Consolas,"Noto Serif SC",monospace;color:var(--tiffany-inchiostro)}
main[data-registro="museo"] > .sez.tema:first-child{background-color:#F3F0EA}
main[data-registro="museo"] h1{letter-spacing:-.03em}

/* ── My Cinese360: il segnalibro nella testata, la barra in ogni pagina, il cruscotto ── */
.apri-mio{flex:none;display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;border:1.5px solid var(--bordo);background:rgba(255,255,255,.7);color:var(--inchiostro)}
.apri-mio:hover{background:var(--tiffany-velo);color:var(--inchiostro)}
.apri-mio svg{width:1.15rem;height:1.15rem}
.apri-mio.mio-attivo{background:var(--inchiostro);color:#fff;border-color:var(--inchiostro)}
@media (min-width:1201px){.apri-mio{order:4}.apri-cerca{margin-left:0}.testata .wrap{gap:.8rem}}
.menu > .btn{white-space:nowrap;flex:none}
@media (min-width:1201px){.menu ul{gap:.78rem}.menu{gap:.9rem}.menu ul a{font-size:.94rem}}
@media (min-width:1201px) and (max-width:1300px){.marchio-logo{height:3.2rem}.menu ul{gap:.62rem}.menu ul a{font-size:.91rem}.menu > .btn{padding-inline:.85rem}}
@media (max-width:1200px){.apri-mio{width:2.3rem;height:2.3rem}.apri-mio svg{width:1.05rem;height:1.05rem}}
.mio-barra{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:-.4rem 0 1.4rem}
.mio-barra button,.mio-barra a{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;border:1.5px solid var(--linea);background:#fff;color:var(--inchiostro);font:600 .82rem/1.2 var(--testo);text-decoration:none;cursor:pointer}
.mio-barra button:hover,.mio-barra a:hover{border-color:var(--bordo)}
.mio-barra button[aria-pressed="true"]{background:var(--inchiostro);border-color:var(--inchiostro);color:#fff}
.mio-barra .mio-link{border-style:dashed}
.mio-pannello{flex-basis:100%;padding:.8rem;border:1.5px solid var(--bordo);border-radius:14px;background:#fff}
.mio-pannello label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.35rem}
.mio-pannello textarea{width:100%;min-height:6rem;padding:.6rem;border:1.5px solid var(--linea);border-radius:10px;font:400 .95rem/1.5 var(--testo);color:var(--inchiostro);background:var(--fondo)}
.mio-pannello .mio-azioni{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.5rem}
.mio-stato{font-size:.85rem;color:var(--grigio)}
.mio-invito{flex-basis:100%;margin:.2rem 0 0;padding:.7rem .9rem;border-radius:12px;background:var(--tiffany-velo);font-size:.9rem}
.mio-invito button{margin-left:.4rem}
.ng-box{padding:clamp(1.4rem,3.5vw,2rem) 0;background:var(--tiffany-velo);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.ng-t{margin:0 0 .3rem;font:700 .78rem/1 var(--testo);letter-spacing:.1em;text-transform:uppercase;color:var(--tiffany-inchiostro)}
.ng-d{margin:0 0 .8rem;color:var(--grigio);font-size:.95rem;max-width:70ch}
.ng-nodi{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem}
.ng-nodi a{display:inline-block;padding:.35rem .8rem;border-radius:999px;background:#fff;border:1.5px solid var(--linea);color:var(--inchiostro);text-decoration:none;font-weight:600;font-size:.9rem}
.ng-nodi a:hover{border-color:var(--bordo)}
/* il cruscotto */
.mio-cruscotto{display:grid;gap:clamp(1rem,2.4vw,1.4rem)}
.mio-riquadro{padding:clamp(1rem,2.6vw,1.4rem);background:#fff;border:1.5px solid var(--linea);border-radius:20px}
.mio-riquadro h2{font-size:clamp(1.4rem,2.6vw,1.8rem);margin-bottom:.7rem}
.mio-griglia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.4vw,1.4rem)}
@media (max-width:860px){.mio-griglia{grid-template-columns:1fr}}
.mio-numeri{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(8.5rem,100%),1fr));gap:.6rem}
.mio-numeri li{padding:.8rem .9rem;border-radius:14px;background:var(--fondo);border:1px solid var(--linea)}
.mio-numeri b{display:block;font:600 1.9rem/1 var(--display);font-variant-numeric:tabular-nums}
.mio-numeri span{font-size:.84rem;color:var(--grigio)}
.mio-barre{list-style:none;display:grid;gap:.55rem}
.mio-barre li{display:grid;grid-template-columns:9.5rem 1fr 3.2rem;align-items:center;gap:.6rem;font-size:.9rem}
.mio-barre .mio-b{height:.6rem;border-radius:999px;background:var(--linea);overflow:hidden}
.mio-barre .mio-b i{display:block;height:100%;background:var(--tiffany-inchiostro);border-radius:999px}
.mio-barre em{font-style:normal;text-align:right;color:var(--grigio);font-variant-numeric:tabular-nums}
@media (max-width:480px){.mio-barre li{grid-template-columns:7rem 1fr 2.8rem}}
.mio-elenco{list-style:none;display:grid;gap:.1rem}
.mio-elenco li{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem;padding:.55rem 0;border-top:1px solid var(--linea)}
.mio-elenco li:first-child{border-top:0}
.mio-elenco a{font-weight:600}
.mio-elenco .mio-piccolo{font-size:.84rem;color:var(--grigio)}
.mio-elenco .mio-comandi{margin-left:auto;display:flex;gap:.3rem}
.mio-elenco .mio-comandi button{min-width:2rem;height:2rem;border-radius:8px;border:1.5px solid var(--linea);background:#fff;color:var(--inchiostro);cursor:pointer;font-weight:700}
.mio-elenco .mio-comandi button:hover{border-color:var(--bordo)}
.mio-nota-testo{flex-basis:100%;margin:0;font-size:.92rem;color:var(--grigio);white-space:pre-wrap}
.mio-vuoto{color:var(--grigio);font-size:.92rem;margin:0}
.mio-progresso{height:.45rem;border-radius:999px;background:var(--linea);overflow:hidden;margin:.5rem 0 .2rem}
.mio-progresso i{display:block;height:100%;background:var(--corallo)}
.mio-azioni-sp{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.mio-azioni-sp label.btn{cursor:pointer}
.mio-azioni-sp input[type=file]{position:absolute;width:1px;height:1px;opacity:0}
.mio-select{padding:.45rem .6rem;border:1.5px solid var(--bordo);border-radius:10px;font:500 .92rem var(--testo);background:#fff;color:var(--inchiostro);max-width:100%}

/* ── il grafo della conoscenza ── */
.gf-legenda{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr));gap:.5rem 1.2rem;margin:0 0 1.4rem;font-size:.9rem;color:var(--grigio)}
.gf-legenda li{display:flex;align-items:center;gap:.6rem}
.gf-legenda b{color:var(--inchiostro)}
.gf-legenda i{flex:none;display:inline-block;width:2.2rem;height:0;border-top:3px solid}
.gf-l-storia i{border-top-color:var(--inchiostro)}
.gf-l-pensiero i{border-top-color:#5E86AE}
.gf-l-confronto i{border-top:3px dashed var(--corallo)}
.gf-l-scienza i{border-top:3px dotted #2E6B55}
.gf-esplora{margin:0 0 clamp(1.6rem,4vw,2.4rem);padding:clamp(.8rem,2.4vw,1.3rem);background:#fff;border:1.5px solid var(--bordo);border-radius:22px;box-shadow:4px 4px 0 var(--riflesso)}
.gf-scegli{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.6rem}
.gf-scegli label{font-weight:700}
.gf-scegli input{flex:1;min-width:12rem;padding:.55rem .8rem;border:1.5px solid var(--bordo);border-radius:999px;font:500 1rem var(--testo);color:var(--inchiostro);background:var(--fondo)}
.gf-vista{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1.2rem;align-items:start}
@media (max-width:900px){.gf-vista{grid-template-columns:1fr}}
.gf-svg{width:100%;height:auto;display:block}
.gf-e{stroke-width:2.2}
.gf-e-storia{stroke:var(--inchiostro)}
.gf-e-pensiero{stroke:#5E86AE}
.gf-e-confronto{stroke:var(--corallo);stroke-dasharray:7 5}
.gf-e-scienza{stroke:#2E6B55;stroke-dasharray:2 5;stroke-linecap:round}
.gf-nodo circle{fill:#fff;stroke:var(--inchiostro);stroke-width:1.6}
.gf-t-problema circle{fill:#FFF3C4}.gf-t-concetto circle{fill:#EBF1F7}.gf-t-pensatore circle{fill:#F6EAE7}.gf-t-scuola circle{fill:#F0EDF6}.gf-t-testo circle{fill:#F7F0DC}.gf-t-tema circle{fill:#E8F1EC}
.gf-centro circle{stroke-width:2.6}
.gf-han{font-family:var(--han);font-weight:600;fill:var(--inchiostro);text-anchor:middle}
.gf-et{font:600 12px var(--testo);fill:var(--grigio);text-anchor:middle}
.gf-et-dentro{fill:var(--inchiostro);font-size:11px}
.gf-svg a{cursor:pointer}
.gf-svg a:hover circle,.gf-svg a:focus circle{fill:var(--inchiostro)}
.gf-svg a:hover .gf-han,.gf-svg a:focus .gf-han,.gf-svg a:hover .gf-et-dentro,.gf-svg a:focus .gf-et-dentro{fill:#fff}
.gf-svg a:focus{outline:none}
.gf-svg a:focus-visible circle{stroke:var(--tiffany-inchiostro);stroke-width:4}
.gf-dettaglio{font-size:.95rem}
.gf-d-tipo{margin:0;font:700 .74rem/1 var(--testo);letter-spacing:.1em;text-transform:uppercase;color:var(--grigio)}
.gf-d-nome{font-size:clamp(1.6rem,3vw,2.1rem);margin:.3rem 0 .4rem}
.gf-d-nome:focus{outline:none}
.gf-d-descr{color:var(--grigio)}
.gf-tipo{margin:.9rem 0 .35rem;font:700 .72rem/1 var(--testo);letter-spacing:.08em;text-transform:uppercase;color:var(--grigio);padding-left:2.6rem;position:relative}
.gf-tipo::before{content:"";position:absolute;left:0;top:50%;width:2rem;border-top:3px solid var(--linea)}
.gf-tipo.gf-storia::before{border-top-color:var(--inchiostro)}
.gf-tipo.gf-pensiero::before{border-top-color:#5E86AE}
.gf-tipo.gf-confronto::before{border-top:3px dashed var(--corallo)}
.gf-tipo.gf-scienza::before{border-top:3px dotted #2E6B55}
.gf-legami,.gf-pagine{margin:0;padding-left:1.1rem;line-height:1.5}
.gf-legami li,.gf-pagine li{margin:.25rem 0}
.gf-vai{padding:0;border:0;background:none;font:600 .95rem var(--testo);color:var(--tiffany-inchiostro);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.gf-nota{display:block;color:var(--grigio);font-size:.88rem}
.gf-pag{font-size:.84rem}
.gf-gruppo-t{font-size:clamp(1.7rem,3.4vw,2.4rem);margin:clamp(2rem,5vw,3rem) 0 1rem;scroll-margin-top:6rem}
.gf-schede{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.9rem,2vw,1.3rem)}
@media (max-width:900px){.gf-schede{grid-template-columns:1fr}}
.gf-scheda{padding:1.1rem 1.25rem 1.2rem;background:#fff;border:1.5px solid var(--linea);border-radius:18px;scroll-margin-top:6rem;min-width:0}
.gf-scheda:target{border-color:var(--bordo);box-shadow:4px 4px 0 var(--riflesso)}
.gf-nome{font-size:1.3rem}
.gf-descr{margin:.3rem 0 .2rem;color:var(--grigio);font-size:.93rem}
.gf-vuoto{margin:.8rem 0 0;font-size:.88rem;color:var(--grigio);font-style:italic}
.ce-nodo a{background:var(--tiffany-velo)}
.ce-nodo small{font-weight:600;color:var(--grigio);font-size:.78rem}
/* l'ingresso comune nella ricerca vuota */
.ce-vuoto{padding:.6rem 1rem .4rem}
.ce-vuoto-t{margin:.4rem 0 .5rem;font:700 .72rem/1 var(--testo);letter-spacing:.1em;text-transform:uppercase;color:var(--grigio)}
.ce-ingressi{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(13.5rem,100%),1fr));gap:.4rem}
.ce-ingressi a{display:flex;align-items:center;gap:.65rem;padding:.55rem .7rem;border-radius:12px;border:1.5px solid var(--linea);background:#fff;color:var(--inchiostro);text-decoration:none}
.ce-ingressi a:hover,.ce-ingressi a:focus-visible{border-color:var(--bordo);background:var(--tiffany-velo)}
.ce-ingressi .han{flex:none;display:grid;place-items:center;align-content:center;width:3rem;height:3rem;border-radius:9px;background:var(--inchiostro);color:#fff;font-size:.9rem;line-height:1.12;letter-spacing:.03em}
.ce-ingressi .han span{display:block}
.ce-ingressi b{display:block;font-size:.92rem}
.ce-ingressi small{display:block;font-size:.8rem;color:var(--grigio)}
.ce-partenze{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.4rem}
.ce-partenze a{display:inline-block;padding:.3rem .8rem;border-radius:999px;border:1.5px solid var(--linea);background:var(--fondo);color:var(--inchiostro);text-decoration:none;font:600 1.05rem var(--han)}
.ce-partenze a:hover,.ce-partenze a:focus-visible{border-color:var(--bordo)}
/* salvare una parola */
.fu-salva{border:1.5px solid var(--bordo);border-radius:999px;background:#fff;color:var(--inchiostro);font:600 .86rem var(--testo);padding:.4rem .85rem;cursor:pointer}
.fu-salva:hover{background:var(--tiffany-velo)}
.fu-salva:disabled{cursor:default;background:var(--tiffany-velo);border-color:var(--linea);color:var(--tiffany-inchiostro)}
.fu-invito{margin:.6rem 0 0!important;padding:.55rem .7rem;border-radius:10px;background:var(--tiffany-velo);font-size:.86rem}
.fu-attiva{margin-left:.3rem;border:0;border-radius:999px;background:var(--inchiostro);color:#fff;font:600 .82rem var(--testo);padding:.3rem .7rem;cursor:pointer}
/* My Cinese360: che cosa c'è, la parola del giorno, il ripasso */
.mio-cosa{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(13rem,100%),1fr));gap:.6rem;margin:1rem 0}
.mio-cosa li{padding:.75rem .9rem;border-radius:14px;background:var(--fondo);border:1px solid var(--linea)}
.mio-cosa b{display:block;font-size:.95rem}
.mio-cosa span{font-size:.85rem;color:var(--grigio)}
.mio-oggi{display:block;text-align:left;background:linear-gradient(135deg,#fff 0%,#fff 60%,var(--tiffany-velo) 100%)}
.mio-oggi[hidden]{display:none}
.mio-oggi-et{margin:0;font:700 .74rem/1 var(--testo);letter-spacing:.1em;text-transform:uppercase;color:var(--corallo)}
.mio-oggi-han{margin:.4rem 0 .2rem;font:500 3.4rem/1.1 var(--han)}
.mio-oggi-py{margin:0 0 .4rem;font-size:1.05rem}
.mio-oggi .fu-azioni{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.mio-nota-piccola:empty{display:none}
.mio-nota-piccola{font-size:.84rem;color:var(--grigio)}
.mio-p-han{font-size:1.4rem;min-width:2.4rem}
.mio-ripasso{margin:.6rem 0 1rem;padding:1rem;border-radius:16px;border:1.5px solid var(--bordo);background:var(--fondo);text-align:center}
.mio-rip-conta{margin:0;font-size:.82rem;color:var(--grigio)}
.mio-rip-han{margin:.3rem 0;font:500 3.6rem/1.1 var(--han)}
.mio-rip-risposta p{font-size:1.1rem}
.mio-rip-azioni{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin:.6rem 0 0}
.gf-altrove{margin:.2rem 0 .3rem;font-size:.86rem}
.cc-grafo{margin-left:.2rem;font-weight:600;color:var(--tiffany-inchiostro)!important}
/* la testata sui telefoni piccoli: il segnalibro va nel menu */
@media (max-width:400px){.apri-mio{display:none}.testata .wrap{gap:.6rem}.apri-menu{padding:.45rem .8rem}}
@media (max-width:340px){.marchio-logo{height:2.8rem}}
.mio-barra .mio-btn,.mio-invito .mio-btn{background:var(--inchiostro);border-color:var(--inchiostro);color:#fff}
.mio-barra .mio-btn:hover,.mio-invito .mio-btn:hover{background:var(--blu-bottone-su,#294C77)}
.mio-pannello .mio-btn{display:inline-flex;align-items:center;padding:.4rem .9rem;border-radius:999px;border:1.5px solid var(--inchiostro);font:600 .86rem var(--testo);cursor:pointer}
@media (min-width:1101px){.piede .wrap{grid-template-columns:1.25fr repeat(5,minmax(0,1fr));gap:1.6rem}}
.pc-mio-nota{margin:.4rem 0 0;font-size:.84rem;color:var(--grigio)}
/* tenere il sito a portata di mano, il ritmo, i sigilli, le novità */
.mio-mano[hidden]{display:none}
.mio-mano h3{font-size:1.1rem;margin-bottom:.35rem}
.mio-mano-griglia{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
@media (max-width:900px){.mio-mano-griglia{grid-template-columns:1fr}}
.mio-mano p{font-size:.93rem}
.mio-giorni{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .6rem;padding:0;border:0}
.mio-giorni label{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .55rem;border:1.5px solid var(--linea);border-radius:999px;font-size:.86rem;cursor:pointer;background:#fff}
.mio-giorni label:has(input:checked){border-color:var(--inchiostro);background:var(--tiffany-velo)}
.mio-ritmo-griglia{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;align-items:center}
@media (max-width:520px){.mio-ritmo-griglia{grid-template-columns:1fr}}
.mio-serie{margin:0;display:grid;justify-items:center;padding:.8rem 1.2rem;border-radius:16px;background:var(--fondo);border:1.5px solid var(--linea)}
.mio-serie b{font:600 2.6rem/1 var(--display);color:var(--corallo);font-variant-numeric:tabular-nums}
.mio-serie span{font-size:.84rem;color:var(--grigio)}
.mio-obi-t{margin:0}
.mio-sigilli{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(9.5rem,100%),1fr));gap:.7rem}
.mio-sigilli li{display:grid;justify-items:start;gap:.15rem;padding:.7rem .8rem;border-radius:14px;border:1.5px dashed var(--linea);background:#fff}
.mio-sigillo{display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;width:2.5rem;height:3rem;border-radius:8px;border:2px solid #B9C3CE;color:#8A97A6;font:600 1.02rem/1 var(--han);letter-spacing:.08em;transform:rotate(-4deg);margin-bottom:.25rem}
.mio-sigillo-ok{border-style:solid!important;border-color:var(--linea)!important}
.mio-sigillo-ok .mio-sigillo{background:var(--sigillo,#B5382C);border-color:var(--sigillo,#B5382C);color:#fff}
.mio-sigilli b{font-size:.92rem}
.mio-riprendi{background:var(--tiffany-velo)!important;border-color:var(--tiffany-inchiostro)!important}
.ce-oggi{margin:0 0 .4rem}
.ce-oggi a{display:inline-block;padding:.35rem .8rem;border-radius:10px;background:var(--fondo);border:1.5px solid var(--linea);color:var(--inchiostro);text-decoration:none}
.ce-oggi a:hover{border-color:var(--bordo)}
.ce-oggi span{font:600 1.15rem var(--han)}
.nv-lista{list-style:none;display:grid;gap:1.6rem}
.nv-data{font-size:clamp(1.4rem,3vw,1.9rem);margin-bottom:.6rem}
.nv-etichetta{display:inline-block;vertical-align:middle;margin-left:.5rem;padding:.15rem .6rem;border-radius:999px;background:var(--corallo);color:#fff;font:700 .74rem/1.4 var(--testo);letter-spacing:.04em}
.nv-voci{list-style:none;display:grid;gap:.1rem}
.nv-voci li{display:flex;flex-direction:column;padding:.7rem 0;border-top:1px solid var(--linea)}
.nv-voci a{font-weight:600;font-size:1.05rem}
.nv-voci span{color:var(--grigio);font-size:.93rem}
.nv-nuovo .nv-voci a{color:var(--corallo)}
.mio-privacy-attivo > p:not(.mio-stato),.mio-privacy-attivo .mio-cosa,.mio-privacy-attivo noscript{display:none}

/* ── Il laboratorio del cervello (laboratorio/): quattro esperimenti sui caratteri ── */
.lab-carte{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(16rem,100%),1fr));gap:.7rem;margin:0 0 1rem}
.lab-carte a{display:flex;gap:.8rem;align-items:flex-start;height:100%;padding:.9rem 1rem;border:1.5px solid var(--bordo);border-radius:16px;background:#fff;color:var(--inchiostro);text-decoration:none;box-shadow:3px 3px 0 var(--riflesso)}
.lab-carte a:hover{background:var(--tiffany-velo)}
.lab-carte b{display:block;font-size:1rem;line-height:1.3}
.lab-carte small{display:block;margin-top:.25rem;font-size:.86rem;line-height:1.45;color:var(--grigio)}
.lab-zh{flex:none;display:grid;place-items:center;min-width:3.2rem;height:3.2rem;padding:0 .3rem;border-radius:10px;background:var(--inchiostro);color:#fff;font-size:1.05rem;letter-spacing:.04em}
.lab-nota{max-width:46rem;margin:0 0 clamp(1.8rem,4vw,2.6rem);font-size:.95rem;color:var(--grigio)}
.lab-esp{margin:0 0 clamp(2.4rem,5vw,3.4rem);padding-top:clamp(1.4rem,3vw,2rem);border-top:1.5px solid var(--linea);scroll-margin-top:5.5rem}
.lab-testa{display:flex;gap:1.1rem;align-items:flex-start;margin:0 0 1.1rem}
.lab-num{flex:none;margin:0;display:grid;justify-items:center;gap:.15rem;min-width:4.6rem;padding:.55rem .6rem .45rem;border-radius:14px;background:var(--carta-millimetrata,none),#fff;border:1.5px solid var(--bordo)}
.lab-num .han{font-size:1.5rem;line-height:1.1;letter-spacing:.04em}
.lab-num i{font-size:.8rem;color:var(--grigio)}
.lab-n{margin:0 0 .2rem;font:600 .76rem/1 ui-monospace,"SF Mono",Menlo,Consolas,"Noto Serif SC",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--tiffany-inchiostro)}
.lab-testa h2{font-size:clamp(1.5rem,3vw,2rem)}
.lab-misura{margin:.35rem 0 0;color:var(--grigio)}
.lab-area{margin:0 0 1.4rem;padding:clamp(1rem,2.6vw,1.5rem);border:1.5px solid var(--bordo);border-radius:20px;background:var(--carta-millimetrata,none),#fff;box-shadow:4px 4px 0 var(--riflesso)}
.lab-come{margin:0 0 .8rem;max-width:46rem}
.lab-avviso{margin:0;font-weight:600}
.lab-prima{margin:0 0 .8rem;padding:.45rem .8rem;border-radius:10px;background:var(--tiffany-velo);font-size:.92rem}
.lab-azioni{margin:.6rem 0 0}
.lab-stato{margin:.4rem 0 0;min-height:1.2em;font-size:.9rem;color:var(--grigio)}
.lab-in-corso .lab-come,.lab-in-corso .lab-prima{display:none}
.lab-palco{min-height:12rem}
.lab-passo,.lab-domanda,.lab-esito{max-width:40rem}
.lab-istr{margin:0 0 .9rem;font-size:1.08rem;line-height:1.5}
.lab-lampo{display:grid;place-items:center;align-content:center;gap:.4rem;min-height:12rem;margin:0}
.lab-lampo .han{font-size:clamp(4.5rem,14vw,6.5rem);line-height:1}
.lab-lampo-senso{font:600 1.15rem/1.2 var(--testo);color:var(--tiffany-inchiostro)}
.lab-griglia{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(4.2rem,1fr));gap:.5rem;margin:0 0 1rem;max-width:30rem}
.lab-carta{width:100%;aspect-ratio:1;display:grid;place-items:center;border:1.5px solid var(--linea);border-radius:12px;background:#fff;color:var(--inchiostro);font-size:2rem;cursor:pointer}
.lab-carta:hover{border-color:var(--bordo)}
.lab-carta[aria-pressed="true"]{background:var(--inchiostro);border-color:var(--inchiostro);color:#fff;box-shadow:inset 0 0 0 3px var(--limone-vivo,#F2D14B)}
.lab-cerca{display:grid;justify-items:center;gap:.9rem}
.lab-fisso{margin:0;display:grid;place-items:center;min-height:12rem;font:300 3rem/1 var(--testo);color:var(--grigio)}
.lab-campo{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.5rem,2vw,1rem);padding:clamp(.8rem,2.4vw,1.2rem);border-radius:14px;background:#fff;border:1.5px solid var(--linea)}
.lab-campo .han{display:grid;place-items:center;width:clamp(2.6rem,9vw,3.4rem);height:clamp(2.6rem,9vw,3.4rem);font-size:clamp(1.7rem,6vw,2.3rem);line-height:1}
.lab-sn{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:0}
.lab-sn kbd,.lab-s-tasti kbd{margin-left:.35rem;padding:.05rem .35rem;border-radius:5px;border:1px solid currentColor;font:600 .72rem/1.2 ui-monospace,"SF Mono",Menlo,Consolas,"Noto Serif SC",monospace;opacity:.75}
.lab-stroop{display:grid;gap:1rem}
.lab-s-campo{margin:0;display:grid;place-items:center;min-height:11rem;border-radius:16px;background:var(--notte,#13233A)}
.lab-s-campo .lab-fisso{min-height:0;color:#9FB2C8}
.lab-s-han{font-size:clamp(4rem,13vw,6rem);line-height:1}
.lab-s-tasti{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
.lab-s-tasti button{width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:3rem;padding:.5rem;border:1.5px solid var(--bordo);border-radius:12px;background:#fff;color:var(--inchiostro);font:600 .98rem/1.2 var(--testo);cursor:pointer}
.lab-s-tasti button:hover{background:var(--fondo)}
.lab-campione{flex:none;display:inline-block;width:1rem;height:1rem;border-radius:50%;border:1.5px solid var(--inchiostro)}
@media (max-width:520px){.lab-s-tasti{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-s-tasti kbd,.lab-sn kbd{display:none}}
.lab-colori{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.6rem;margin:0 0 1rem}
.lab-colori li{display:grid;justify-items:center;gap:.2rem;padding:.8rem .5rem;border:1.5px solid var(--linea);border-radius:14px;background:#fff}
.lab-c-han{font-size:2.6rem;line-height:1.1}
.lab-colori i{font-size:.9rem;color:var(--grigio)}
.lab-dom-t{margin:0 0 .8rem;font-size:1.08rem}
.lab-dom-t p{margin:0 0 .4rem}
.lab-grande{margin:0 0 .4rem!important}
.lab-grande .han{font-size:clamp(3.4rem,11vw,4.6rem);line-height:1.1}
.lab-opzioni{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(11rem,100%),1fr));gap:.5rem;margin:0 0 .6rem}
.lab-opz{width:100%;min-height:3rem;display:flex;align-items:center;gap:.35rem;padding:.55rem .8rem;border:1.5px solid var(--linea);border-radius:12px;background:#fff;color:var(--inchiostro);font:500 1rem/1.3 var(--testo);text-align:left;cursor:pointer}
.lab-opz:hover:not(:disabled){border-color:var(--bordo);background:var(--fondo)}
.lab-opz:disabled{cursor:default;color:var(--inchiostro)}
.lab-opz-han{font-size:1.8rem;line-height:1}
.lab-rad{display:inline-block;min-width:1.6em;font-size:1.3rem;text-align:center}
.lab-opz.lab-giusta{border-color:#1B6E45;background:#E6F4EC;box-shadow:inset 0 0 0 1px #1B6E45}
.lab-opz.lab-giusta::after{content:" ✓";font-weight:700;color:#1B6E45}
.lab-opz.lab-sbagliata{border-color:#B3261E;background:#FBEAE8}
.lab-opz.lab-sbagliata::after{content:" ✗";font-weight:700;color:#B3261E}
.lab-spiega{margin:.2rem 0 .7rem;min-height:1.4em;line-height:1.5}
.lab-avanti{margin:0}
.lab-esito:focus{outline:none}
.lab-esito-et{margin:0 0 .2rem;font:700 .76rem/1 var(--testo);letter-spacing:.09em;text-transform:uppercase;color:var(--corallo)}
.lab-esito-t{margin:0 0 .8rem;font-size:clamp(1.4rem,3vw,1.8rem)}
.lab-numeri{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(10rem,100%),1fr));gap:.5rem;margin:0 0 .9rem}
.lab-numeri li{display:grid;gap:.15rem;padding:.7rem .8rem;border-radius:12px;background:#fff;border:1.5px solid var(--linea)}
.lab-numeri b{font:600 1.35rem/1.15 ui-monospace,"SF Mono",Menlo,Consolas,"Noto Serif SC",monospace;font-variant-numeric:tabular-nums}
.lab-numeri span{font-size:.88rem;color:var(--grigio)}
.lab-lettura{margin:0 0 .6rem;line-height:1.55}
.lab-prima-esito{margin:0 0 .6rem;font-size:.92rem;color:var(--grigio)}
.lab-salva{margin:0;font-size:.92rem}
.lab-salva .mio-btn{margin-left:.3rem}
.lab-sapere{max-width:46rem}
.lab-sapere h3{margin:1.2rem 0 .5rem;font-size:1.12rem}
.lab-sapere .gr{margin:0 0 .6rem}
.lab-corso{margin:1.2rem 0 0;padding:.9rem 1.1rem;border-radius:14px;background:var(--tiffany-velo);border:1.5px solid var(--linea)}
.lab-corso h3{margin:0 0 .35rem}
.lab-corso p{margin:0}
.lab-fonti{margin:0;padding-left:1.3rem;font-size:.88rem;line-height:1.5;color:var(--grigio)}
.lab-fonti li{margin:0 0 .35rem}
.lab-fonti li:target{background:var(--limone);border-radius:4px}

/* ── Il cammino: in fondo alle tappe di un percorso ── */
.cam{margin:0 0 clamp(1.6rem,4vw,2.4rem)}
.cam-box{max-width:46rem;padding:clamp(1rem,2.6vw,1.4rem);border:1.5px solid var(--bordo);border-radius:20px;background:#fff;box-shadow:4px 4px 0 var(--riflesso)}
.cam-et{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .7rem;font:700 .8rem/1.3 var(--testo);letter-spacing:.06em;text-transform:uppercase;color:var(--tiffany-inchiostro)}
.cam-et .han{display:inline-grid;place-items:center;padding:.15rem .45rem;border-radius:8px;background:var(--sigillo,#B5382C);color:#fff;font-size:.9rem;letter-spacing:.06em;text-transform:none}
.cam-punti{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .8rem}
.cam-punti li{width:.9rem;height:.9rem;border-radius:50%;border:1.5px solid var(--bordo);background:#fff}
.cam-punti .cam-fatta{background:var(--tiffany-inchiostro);border-color:var(--tiffany-inchiostro)}
.cam-punti .cam-qui{background:var(--sigillo,#B5382C);border-color:var(--sigillo,#B5382C);transform:scale(1.25)}
.cam-dopo{margin:0 0 .5rem;font-size:1.05rem;line-height:1.45}
.cam-dopo a{font-weight:600}
.cam-tutte{margin:0;font-size:.9rem}
.cam-su{margin:-.4rem 0 1rem;font-size:.88rem;color:var(--grigio)}
/* nei percorsi: le tappe lette, lo stato del mio percorso */
.pc-tappa.pc-fatta .pc-tappa-t::before{content:"✓ ";color:var(--tiffany-inchiostro);font-weight:700}
.pc-mio-stato{margin:.3rem 0 0;font-size:.88rem;font-weight:600;color:var(--tiffany-inchiostro)}
/* nel mio spazio: il cammino, il laboratorio, il corso */
.mio-cam-nome{margin:0 0 .6rem;font:600 1.12rem/1.3 var(--testo)}
.mio-cam-nome .han{display:inline-grid;place-items:center;padding:.1rem .4rem;margin-right:.3rem;border-radius:7px;background:var(--sigillo,#B5382C);color:#fff;font-size:.82rem;letter-spacing:.06em;vertical-align:.1em}
.mio-lab-zh{display:inline-grid;place-items:center;padding:.05rem .35rem;margin-right:.45rem;border-radius:6px;background:var(--inchiostro);color:#fff;font-size:.82rem;letter-spacing:.04em}
.mio-corso{background:var(--limone-velo,#FFF8DC)!important;border-color:var(--bordo)!important}
.mio-corso p{margin:0 0 .6rem}

/* ── l'atlante della filosofia, nel grafo: le domande, i confronti, le lenti ── */
.gf-lenti{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .8rem}
.gf-lente{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .75rem;border:1.5px solid var(--linea);border-radius:999px;background:#fff;color:var(--inchiostro);font:600 .86rem/1.2 var(--testo);cursor:pointer}
.gf-lente i{flex:none;display:inline-block;width:1.4rem;height:0;border-top:3px solid}
.gf-lente[aria-pressed="false"]{color:var(--grigio);background:var(--fondo);text-decoration:line-through}
.gf-lente[aria-pressed="false"] i{opacity:.35}
.gf-nascosti{margin:.6rem 0 0;font-size:.86rem;color:var(--grigio)}
.gf-atlante{margin:0 0 clamp(2rem,4vw,2.8rem);padding:clamp(1.1rem,3vw,1.7rem);border-radius:22px;background:var(--tiffany-velo);border:1.5px solid var(--bordo)}
.gf-atlante h2{font-size:clamp(1.5rem,3vw,2rem)}
.gf-atlante h3{margin:1.3rem 0 .6rem;font-size:1.1rem}
.gf-atlante-lead{margin:.5rem 0 0;max-width:46rem}
.gf-domande{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr));gap:.55rem}
.gf-domande a{display:grid;gap:.25rem;height:100%;padding:.75rem .9rem;border:1.5px solid var(--linea);border-left:5px solid #E2B93B;border-radius:12px;background:#fff;color:var(--inchiostro);text-decoration:none}
.gf-domande a:hover{border-color:var(--bordo)}
.gf-domande b{font-size:1rem;line-height:1.3}
.gf-domande small{font-size:.84rem;color:var(--grigio)}
.gf-confronti{list-style:none;display:grid;gap:.5rem;max-width:52rem}
.gf-confronti li{padding:.6rem .85rem;border-radius:12px;background:#fff;border:1.5px dashed var(--corallo)}
.gf-confronti a{font-weight:700}
.gf-confronti .gf-c-nota{margin:.2rem 0 0;font-size:.9rem;color:var(--grigio)}
.gf-lente.gf-l-storia i{border-top-color:var(--inchiostro)}.gf-lente.gf-l-pensiero i{border-top-color:#5E86AE}.gf-lente.gf-l-confronto i{border-top:3px dashed var(--corallo)}.gf-lente.gf-l-scienza i{border-top:3px dotted #2E6B55}
.gf-c-leggi{margin:.35rem 0 0;font-size:.9rem}
.gf-c-leggi a{font-weight:700}
.gf-atlante-piede{margin:1rem 0 0;font-size:.92rem;color:var(--grigio)}
.gf-atlante-piede a{font-weight:700}

/* ── i numeri delle note: mai sottolineati, in nessuna pagina ── */
sup.rif{font-size:.7em;line-height:0;vertical-align:super;margin-left:.08em}
sup.rif a,sup.rif a:link,sup.rif a:visited,sup.rif a:hover,sup.rif a:focus,sup.rif a:active{text-decoration:none!important;font-weight:700;color:var(--tiffany-inchiostro);padding:0 .12em;border-radius:3px}
sup.rif a:hover{background:var(--tiffany-velo)}
/* ── il cinese con il carattere del sito, ovunque: anche dove un elemento non ha la classe .han ── */
:where([lang|="zh"]){font-family:var(--han)}
/* un carattere cinese dentro una frase italiana (un titolo, un menu, un risultato della ricerca) usa lo stesso font: Figtree e Fraunces
   non hanno caratteri cinesi, e il secondo nome della famiglia è Noto Serif SC (si veda --testo e --display) */
/* ════ Esplorare senza salti: pagine che cominciano dall'alto, e dentro niente si sposta ════ */
html{scrollbar-gutter:stable;overflow-anchor:auto}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.16s}
.nd-vista{view-transition-name:esploratore}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}
/* la pagina di un nodo, di un concetto, di un universo: la vista a sinistra resta ferma, il testo a destra */
.nd-griglia{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"vista testa" "vista corpo";gap:0 clamp(1.4rem,3.4vw,2.6rem);align-items:start}
.nd-testa{grid-area:testa;margin-bottom:.4rem}
.nd-testa h1{font-size:clamp(2rem,4.6vw,3.1rem)}
.nd-testa h1 i{font-family:var(--display);font-weight:500;color:var(--tiffany-inchiostro)}
.nd-vista{grid-area:vista;position:sticky;top:5.6rem;margin:0}
.nd-corpo{grid-area:corpo;min-width:0}
@media (max-width:900px){.nd-griglia{grid-template-columns:minmax(0,1fr);grid-template-areas:"testa" "vista" "corpo"}.nd-vista{position:static}}
@media (max-height:640px){.nd-vista{position:static}}
.nd-h2{font-size:clamp(1.3rem,2.4vw,1.6rem);margin:1.6rem 0 .5rem;padding-top:1rem;border-top:1px solid var(--linea)}
.nd-corpo > .nd-h2:first-child{margin-top:.6rem}
.nd-legami{list-style:none;margin:0 0 .6rem;padding:0;display:grid;gap:.45rem}
.nd-legami li{padding:.55rem .75rem;border:1.5px solid var(--linea);border-radius:12px;background:#fff}
.nd-a{font-weight:700;color:var(--inchiostro);text-decoration:none}
.nd-a:hover,.nd-a:focus-visible{text-decoration:underline;text-underline-offset:.2em}
.nd-legami .gf-nota{margin-top:.15rem}
.nd-legami .gf-pag{display:inline-block;margin-top:.25rem;font-weight:700}
.nd-pagine{list-style:none;margin:0;padding:0;columns:2 15rem;column-gap:1.6rem}
.nd-pagine li{break-inside:avoid;margin:0 0 .35rem;padding-left:.9rem;position:relative}
.nd-pagine li::before{content:"";position:absolute;left:0;top:.62em;width:.4rem;height:.4rem;border-radius:50%;background:var(--bordo)}
h3.gf-tipo{margin:1rem 0 .4rem}
.gf-tipo small{font-weight:600;letter-spacing:0;text-transform:none;font-size:.8rem}
.gf-cap{margin:.5rem .2rem 0;font-size:.86rem;color:var(--grigio)}
.gf-esplora .gf-lenti{margin:0 0 .5rem}
.gf-spento{opacity:.12;pointer-events:none;transition:opacity .15s}
@media (prefers-reduced-motion:reduce){.gf-spento{transition:none}}
.gf-svg a.gf-visto circle{stroke:var(--tiffany-inchiostro);stroke-width:3.2}
.gf-scegli{margin:.6rem 0 1.4rem}
.nd-corpo .gf-scegli{margin:1.6rem 0 0;padding-top:1rem;border-top:1px solid var(--linea)}
.gf-scegli .btn{flex:none}
.gf-scegli-esito{flex-basis:100%;margin:0;min-height:1.3em;font-size:.88rem;color:var(--grigio)}
/* l'ingresso del grafo */
.gf-avvio-t{font-size:clamp(1.4rem,2.6vw,1.8rem);margin:0 0 .7rem}
.gf-avvio{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr));gap:.55rem;margin:0 0 1.6rem}
.gf-avvio a{display:flex;align-items:center;gap:.75rem;height:100%;padding:.65rem .8rem;border:1.5px solid var(--linea);border-radius:14px;background:#fff;color:var(--inchiostro);text-decoration:none}
.gf-avvio a:hover,.gf-avvio a:focus-visible{border-color:var(--bordo);background:var(--tiffany-velo)}
.gf-avvio .han{flex:none;display:grid;place-items:center;min-width:3.2rem;height:3.2rem;padding:0 .35rem;border-radius:10px;background:var(--fondo);border:1.5px solid var(--linea);font-size:1.15rem}
.gf-avvio b{display:block;font-size:.98rem;line-height:1.25}
.gf-avvio small{display:block;font-size:.8rem;color:var(--grigio)}
.gf-indice h2{font-size:clamp(1.5rem,3vw,2rem)}
.gf-indice .gf-gruppo-t{font-size:1.1rem;margin:1.3rem 0 .5rem;scroll-margin-top:0}
.gf-tutti{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}
.gf-tutti a{display:inline-block;padding:.3rem .75rem;border-radius:999px;border:1.5px solid var(--linea);background:#fff;color:var(--inchiostro);text-decoration:none;font-size:.9rem;font-weight:600}
.gf-tutti a:hover,.gf-tutti a:focus-visible{border-color:var(--bordo);background:var(--tiffany-velo)}
.gf-n-problema a{border-left:4px solid #E2B93B}
/* il disco a corone, come il circolo delle quinte */
.dc-box{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(1.2rem,3vw,2.4rem);align-items:center;margin:0 0 clamp(1.8rem,4vw,2.6rem)}
@media (max-width:900px){.dc-box{grid-template-columns:minmax(0,1fr)}}
.dc-figura{margin:0;padding:clamp(.4rem,1.6vw,1rem);background:#fff;border:1.5px solid var(--bordo);border-radius:22px;box-shadow:4px 4px 0 var(--riflesso)}
.nd-vista.dc-figura{padding:clamp(.4rem,1.4vw,.8rem)}
.disco{display:block;width:100%;height:auto;max-width:42rem;margin:0 auto;-webkit-tap-highlight-color:transparent}
.dc-s{stroke:#fff;stroke-width:2;transition:fill .12s,opacity .12s}
@media (prefers-reduced-motion:reduce){.dc-s{transition:none}}
.dc-g .dc-s{fill:#DCE6F0}
.dc-v .dc-s{fill:#EEF3F8}
.dc-g-han{font-family:var(--han);font-weight:600;fill:var(--inchiostro);text-anchor:middle;pointer-events:none}
.dc-g-nome{font-family:var(--testo);font-weight:700;fill:var(--grigio);text-anchor:middle;letter-spacing:.02em;pointer-events:none}
.dc-v-han{font-family:var(--han);font-weight:600;fill:var(--inchiostro);text-anchor:middle;pointer-events:none}
.dc-v-testo{font-family:var(--testo);font-weight:700;fill:var(--inchiostro);text-anchor:middle;pointer-events:none}
.dc-segno{fill:var(--corallo);pointer-events:none}
.dc-v.dc-assente .dc-s{fill:#fff;stroke:#B9C6D3;stroke-dasharray:3 3;stroke-width:1.4}
.dc-centro circle{fill:#fff;stroke:var(--bordo);stroke-width:1.6}
.dc-1{font-family:var(--display);font-weight:600;fill:var(--inchiostro);text-anchor:middle}
.dc-1.dc-1-han{font-family:var(--han);font-weight:600}
.dc-2{font:italic 500 15px var(--display);fill:var(--tiffany-inchiostro);text-anchor:middle}
.disco a{cursor:pointer}
.disco a:focus{outline:none}
.disco a:focus-visible .dc-s{stroke:var(--tiffany-inchiostro);stroke-width:3.5}
.disco.dc-fuoco .dc-v:not(.dc-acceso):not(.dc-legato){opacity:.42}
.disco .dc-legato .dc-s{fill:#C9DAEA}
.disco .dc-acceso .dc-s,.disco .dc-qui .dc-s{fill:var(--inchiostro)}
.disco .dc-acceso .dc-v-han,.disco .dc-acceso .dc-v-testo,.disco .dc-acceso .dc-g-han,.disco .dc-acceso .dc-g-nome,
.disco .dc-qui .dc-v-han,.disco .dc-qui .dc-v-testo,.disco .dc-qui .dc-g-han,.disco .dc-qui .dc-g-nome{fill:#fff}
.disco .dc-visto .dc-s{stroke:var(--tiffany-inchiostro);stroke-width:1.6}
/* i colori dei gruppi, tenui: l'identità sta nel nome, il colore aiuta soltanto */
.dc-g-cosmo .dc-s{fill:#E3ECF5}.dc-g-uomo .dc-s{fill:#F4E6E2}.dc-g-virtu .dc-s{fill:#F5EDD6}.dc-g-sapere .dc-s{fill:#E3EFE7}
.dc-g-vie .dc-s{fill:#ECE8F3}.dc-g-oggi .dc-s{fill:#E8ECF0}.dc-g-europa .dc-s{fill:#E6EEF0}
.dc-gruppi .dc-g-cosmo .dc-s{fill:#CFDDEB}.dc-gruppi .dc-g-uomo .dc-s{fill:#EBD3CC}.dc-gruppi .dc-g-virtu .dc-s{fill:#EADDB7}.dc-gruppi .dc-g-sapere .dc-s{fill:#CBE0D2}
.dc-gruppi .dc-g-vie .dc-s{fill:#D9D2E8}.dc-gruppi .dc-g-oggi .dc-s{fill:#D3DBE3}.dc-gruppi .dc-g-europa .dc-s{fill:#CCDDE2}
.dc-g-lingua .dc-s{fill:var(--u-lingua)}.dc-g-civilta .dc-s{fill:var(--u-civilta)}.dc-g-filosofia .dc-s{fill:var(--u-filosofia)}
.dc-g-arti .dc-s{fill:var(--u-arti)}.dc-g-mente-scienza .dc-s{fill:var(--u-scienza)}.dc-g-umano .dc-s{fill:var(--u-umano)}
.dc-gruppi .dc-g-lingua .dc-s{fill:#CFDDEB}.dc-gruppi .dc-g-civilta .dc-s{fill:#E6DBC6}.dc-gruppi .dc-g-filosofia .dc-s{fill:#DCD5EA}
.dc-gruppi .dc-g-arti .dc-s{fill:#EBD3CC}.dc-gruppi .dc-g-mente-scienza .dc-s{fill:#CBE0D2}.dc-gruppi .dc-g-umano .dc-s{fill:#D3DBE3}
.dc-lato{font-size:.97rem}
.dc-come{margin:0 0 .9rem}
.dc-legenda{list-style:none;display:grid;gap:.45rem;margin:.6rem 0 0;font-size:.88rem;color:var(--grigio)}
.dc-legenda li{display:flex;align-items:center;gap:.55rem}
.dc-legenda i{flex:none;display:inline-block;width:1.15rem;height:1.15rem;border-radius:4px;background:#E3ECF5;border:1.5px solid #fff;box-shadow:0 0 0 1px var(--linea)}
.dc-legenda .dc-l-vuoto{background:#fff;border:1.5px dashed #B9C6D3;box-shadow:none}
.dc-legenda .dc-l-voce{width:.55rem;height:.55rem;margin:0 .3rem;border-radius:50%;background:var(--corallo);border:0;box-shadow:none}
.nd-vista .dc-legenda{grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));margin:.5rem .3rem .2rem}
/* la mappa dei concetti: i gruppi, sotto il disco */
.cc-gruppo{margin:clamp(1.6rem,4vw,2.4rem) 0 0}
.cc-gruppo .cc-gruppo-t{margin:0 0 .25rem;scroll-margin-top:0}
.cc-gruppo-t .han{color:var(--tiffany-inchiostro);margin-right:.2rem}
.cc-gruppo-d{margin:0 0 .7rem;color:var(--grigio);max-width:60ch}
.cc-elenco{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(13rem,100%),1fr));gap:.45rem}
.cc-elenco a{display:flex;align-items:center;gap:.65rem;height:100%;padding:.5rem .7rem;border:1.5px solid var(--linea);border-radius:12px;background:#fff;color:var(--inchiostro);text-decoration:none}
.cc-elenco a:hover,.cc-elenco a:focus-visible{border-color:var(--bordo);background:var(--tiffany-velo)}
.cc-elenco .cc-han{min-width:2.8rem;height:2.8rem;font-size:1.3rem}
.cc-elenco i{display:block;font-family:var(--display);font-size:1rem;color:var(--tiffany-inchiostro)}
.cc-elenco small{display:block;font-size:.84rem;color:var(--grigio);line-height:1.3}
.cc-elenco .cc-assente a{background:var(--fondo);border-style:dashed}
/* il lessico: in cima a ogni voce una riga sola (precedente · «Voce 6 di 36, tutte le voci» · seguente);
   tutte le voci in un pannello sopra la pagina, in una griglia ordinata per gruppi; il testo sotto non si sposta */
.lx-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.4rem;margin:.3rem 0 1.5rem;padding:.3rem;
  border:1.5px solid var(--linea);border-radius:999px;background:var(--carta-calda,#FFFDF8);view-transition-name:lx-nav}
.lx-vai{display:flex;align-items:center;gap:.55rem;min-width:0;padding:.45rem .85rem;border-radius:999px;color:var(--inchiostro);text-decoration:none}
.lx-vai-next{justify-content:flex-end;text-align:right}
.lx-vai:hover,.lx-vai:focus-visible{background:var(--tiffany-velo)}
.lx-vai-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lx-vai-t [lang|="zh"]{font-size:1.15rem}
.lx-vai-it{color:var(--grigio);font-size:.92rem}
.lx-segno{flex:none;font-size:1.35rem;line-height:1;color:var(--grigio)}
.lx-tutte{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem 1.05rem;border:1.5px solid var(--bordo);border-radius:999px;background:#fff;
  color:var(--inchiostro);font:600 .92rem/1.2 var(--testo);cursor:pointer;white-space:nowrap}
.lx-tutte:hover{background:var(--limone)}
.lx-tutte:focus-visible{outline:3px solid var(--tiffany-inchiostro);outline-offset:3px}
.lx-dove{color:var(--grigio);font-weight:500}
.lx-icona{flex:none;width:.95rem;height:.95rem}
@media (max-width:640px){.lx-vai-it,.lx-apri{display:none}.lx-vai{padding:.45rem .7rem}.lx-tutte{padding:.55rem .9rem}}
.lx-pannello{width:min(62rem,calc(100vw - 2rem));max-height:min(84vh,48rem);overflow:auto;overscroll-behavior:contain;margin:auto;padding:0 1.2rem 1.3rem;
  border:1.5px solid var(--bordo);border-radius:20px;background:var(--carta-calda,#FFFDF8);color:var(--inchiostro);box-shadow:0 30px 80px -30px rgba(22,40,63,.5);
  opacity:0;transform:translateY(10px) scale(.985);transition:opacity .2s ease,transform .24s cubic-bezier(.2,.7,.2,1),overlay .24s allow-discrete,display .24s allow-discrete}
.lx-pannello:popover-open{opacity:1;transform:none;view-transition-name:lx-pannello}
@starting-style{.lx-pannello:popover-open{opacity:0;transform:translateY(10px) scale(.985)}}
.lx-pannello::backdrop{background:rgba(22,40,63,.3)}
.lx-pannello-testa{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .2rem;padding:1rem 0 .7rem;
  background:var(--carta-calda,#FFFDF8);border-bottom:1px solid var(--linea)}
.lx-pannello-t{margin:0;font:600 1.1rem/1.3 var(--display)}
.lx-pannello-t span{color:var(--grigio);font:500 .9rem var(--testo)}
.lx-chiudi{flex:none;display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem;border:1.5px solid var(--linea);border-radius:999px;background:#fff;
  color:var(--inchiostro);font:600 .88rem/1.2 var(--testo);cursor:pointer}
.lx-chiudi:hover{border-color:var(--bordo)}
.lx-gruppo{margin:1.05rem 0 .55rem;font:700 .74rem/1.2 var(--testo);letter-spacing:.08em;text-transform:uppercase;color:var(--grigio)}
.lx-gruppo span{font-weight:500;letter-spacing:.04em}
.lx-griglia{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(8.2rem,100%),1fr));grid-auto-rows:5.7rem;gap:.45rem}
.lx-griglia a{position:relative;display:grid;justify-items:center;align-content:center;gap:.12rem;height:100%;padding:.75rem .45rem .65rem;border:1.5px solid var(--linea);
  border-radius:14px;background:#fff;color:var(--inchiostro);text-decoration:none;text-align:center}
.lx-griglia a:hover,.lx-griglia a:focus-visible{border-color:var(--bordo);background:var(--tiffany-velo)}
.lx-griglia a:focus-visible{outline:3px solid var(--tiffany-inchiostro);outline-offset:2px}
.lx-griglia a[aria-current="page"]{background:var(--limone);border-color:var(--bordo)}
.lx-num{position:absolute;top:.35rem;left:.55rem;font:600 .7rem/1 var(--testo);color:var(--grigio)}
.lx-han{font-size:1.55rem;line-height:1.15}
.lx-py{font:italic .86rem/1.2 var(--display);color:var(--tiffany-inchiostro)}
.lx-it{font-size:.8rem;line-height:1.25;color:var(--grigio);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:640px){.lx-pannello{padding:0 .9rem 1.1rem}.lx-griglia{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:6.5rem}.lx-han{font-size:1.35rem}}
.lx-altri{display:flex;flex-wrap:wrap;gap:.5rem 1.3rem;margin:1.2rem 0 0;padding-top:.85rem;border-top:1px solid var(--linea)}
.lx-altri a{font-weight:700;color:var(--corallo)}
/* passando da una voce all'altra: la riga resta ferma, il titolo della nuova voce sale piano al suo posto */
.lessico .mn-testa{view-transition-name:lx-voce}
::view-transition-old(lx-voce){animation:.14s ease both lx-esce}
::view-transition-new(lx-voce){animation:.34s cubic-bezier(.2,.7,.2,1) both lx-entra}
::view-transition-old(lx-pannello){animation:.2s ease both lx-esce}
@keyframes lx-esce{to{opacity:0}}
@keyframes lx-entra{from{opacity:0;transform:translateY(14px)}}
@media (prefers-reduced-motion:reduce){.lx-pannello{transition:none}}
/* mappa e lessico: le stesse parole in due livelli, e il ponte fra le due pagine */
.ponte{margin:1rem 0 1.4rem;padding:.8rem 1.05rem .85rem;max-width:44rem;border:1.5px solid var(--sabbia-linea,#E6D9C3);border-left:4px solid var(--corallo);border-radius:12px;background:var(--carta-calda,#FFFDF8)}
.ponte p{margin:0;line-height:1.55}
.ponte .ponte-et{margin:0 0 .3rem;font:700 .72rem/1.2 var(--testo);letter-spacing:.08em;text-transform:uppercase;color:var(--grigio)}
.ponte a{color:var(--corallo);font-weight:700;text-underline-offset:.18em}
.ponte [lang|="zh"]{font-weight:600}
.cc-pagina .ponte{margin:.8rem 0 0}
.mn .ponte{margin:0 0 clamp(1.4rem,3vw,2rem)}
.ponte-hub{margin:0 0 clamp(1.4rem,3vw,2rem)}
.dc-ponte{margin:0 0 .4rem;padding:0 0 0 .8rem;border-left:3px solid var(--corallo);color:var(--inchiostro)}
.dc-ponte a{color:var(--corallo);font-weight:700}
.cc-elenco .cc-punto{flex:none;align-self:flex-start;width:.55rem;height:.55rem;margin:.25rem 0 0 auto;border-radius:50%;background:var(--corallo)}
.cc-pagina .cc-dove{max-height:none}
/* le pagine dei sei universi */
.un-pagina .un-num{font:700 .78rem/1.2 var(--testo);letter-spacing:.1em;text-transform:uppercase}
.un-pagina.un-lingua h1{color:var(--u-lingua-f)}.un-pagina.un-civilta h1{color:var(--u-civilta-f)}.un-pagina.un-filosofia h1{color:var(--u-filosofia-f)}
.un-pagina.un-arti h1{color:var(--u-arti-f)}.un-pagina.un-mente-scienza h1{color:var(--u-scienza-f)}.un-pagina.un-umano h1{color:var(--u-umano-f)}
.un-campi-p{margin:.4rem 0 0;font-weight:600;color:var(--grigio)}
.un-pagina .un-pagine{grid-template-columns:minmax(0,1fr)}
/* l'ingresso con il disco: il titolo a sinistra, il disco a destra, tutti e due nella prima schermata */
.dc-eroe{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.2rem,3vw,2.6rem);align-items:center;margin:0 0 clamp(1.8rem,4vw,2.6rem)}
.dc-eroe .dc-testo{margin:0}
.dc-eroe .dc-figura{view-transition-name:esploratore}
@media (max-width:900px){.dc-eroe{grid-template-columns:minmax(0,1fr)}}
.disco.dc-fuoco .dc-v:not(.dc-acceso):not(.dc-legato){opacity:.55}
.dc-eroe{grid-template-areas:"testo disco" "spiega disco";align-items:start;row-gap:0}
.dc-eroe .dc-testo{grid-area:testo;align-self:end}
.dc-eroe .dc-spiega{grid-area:spiega;font-size:.97rem}
.dc-eroe .dc-figura{grid-area:disco;align-self:center}
@media (max-width:900px){.dc-eroe{grid-template-areas:"testo" "disco" "spiega";row-gap:1rem}}
/* la rosa dei legami di un nodo: le specie di legame nella corona interna */
.dc-g-storia .dc-s{fill:#E4E8EE}.dc-g-pensiero .dc-s{fill:#E2ECF5}.dc-g-confronto .dc-s{fill:#F7E6E2}.dc-g-scienza .dc-s{fill:#E2EEE6}
.dc-gruppi .dc-g-storia .dc-s{fill:#C9D1DC}.dc-gruppi .dc-g-pensiero .dc-s{fill:#C7D9EA}.dc-gruppi .dc-g-confronto .dc-s{fill:#EDCBC3}.dc-gruppi .dc-g-scienza .dc-s{fill:#C6DECF}
.gf-esplora .disco .gf-spento{opacity:.15;pointer-events:none}
/* la riga lunga del disco, sotto il disco: altezza fissa (quattro righe), così passare da una voce all'altra non sposta niente */
.dc-dida{margin:.5rem auto 0;max-width:42rem;padding:0 .5rem;height:5.8em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;
  font-size:.93rem;line-height:1.45;color:var(--grigio);text-align:center}
@media (max-width:600px){.dc-dida{font-size:.88rem}}
/* la ricerca nella prima pagina: un campo vero, subito sotto l'apertura */
.cerca-casa{padding:clamp(1.6rem,4vw,2.4rem) 0;background:var(--tiffany-velo);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.cerca-casa-testa{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem 1.4rem;margin-bottom:.8rem}
.cerca-casa-testa h2{margin:0;font-size:clamp(1.5rem,3vw,2rem)}
.cerca-casa-testa p{margin:0;max-width:62ch;color:var(--grigio)}
.cerca-casa-f{display:flex;align-items:center;gap:.6rem;max-width:46rem;padding:.35rem .4rem .35rem 1rem;background:#fff;border:2px solid var(--bordo);border-radius:999px;box-shadow:3px 3px 0 var(--riflesso)}
.cerca-casa-f svg{flex:none;color:var(--grigio)}
.cerca-casa-f input{flex:1;min-width:0;border:0;background:none;font:500 1.05rem var(--testo);color:var(--inchiostro);padding:.5rem 0}
.cerca-casa-f input:focus{outline:none}
.cerca-casa-f:focus-within{outline:3px solid var(--tiffany-inchiostro);outline-offset:2px}
.cerca-casa-f .btn{flex:none}
.cerca-casa-vie{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0 0}
.cerca-casa-vie a{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .8rem .35rem .45rem;border:1.5px solid var(--linea);border-radius:999px;background:#fff;color:var(--inchiostro);text-decoration:none;font-weight:600;font-size:.9rem}
.cerca-casa-vie a:hover,.cerca-casa-vie a:focus-visible{border-color:var(--bordo)}
.cerca-casa-vie .han{display:inline-grid;place-items:center;min-width:2rem;height:1.7rem;padding:0 .35rem;border-radius:999px;background:var(--inchiostro);color:#fff;font-size:.82rem;font-weight:500}
/* le parole dell'HSK */
.hsk-livelli-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.2rem}
.hsk-livelli-nav a,.hsk-livelli-nav span{display:inline-block;padding:.35rem .9rem;border-radius:999px;border:1.5px solid var(--linea);background:#fff;color:var(--inchiostro);text-decoration:none;font-weight:700;font-size:.92rem}
.hsk-livelli-nav a:hover{border-color:var(--bordo)}
.hsk-livelli-nav span[aria-current]{background:var(--inchiostro);border-color:var(--inchiostro);color:#fff}
.hsk-lista{list-style:none;margin:0;padding:0;columns:3 17rem;column-gap:1.6rem}
.hsk-lista li{break-inside:avoid;display:grid;grid-template-columns:auto 1fr;column-gap:.6rem;padding:.4rem .3rem;border-top:1px solid var(--linea);scroll-margin-top:6rem}
.hsk-lista .han{grid-row:span 2;font-size:1.25rem;line-height:1.2;min-width:2.4rem}
.hsk-lista i{font-family:var(--display);color:var(--tiffany-inchiostro);font-size:.95rem}
.hsk-g{font-size:.85rem;color:var(--grigio);line-height:1.35}
.hsk-lista li:target{background:var(--tiffany-velo);border-radius:8px;outline:2px solid var(--bordo)}
.hsk-carte{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(16rem,100%),1fr));gap:.7rem;margin:0 0 1.2rem}
.hsk-carta{padding:.9rem 1rem;border:1.5px solid var(--linea);border-radius:16px;background:#fff}
.hsk-carta > a{display:block;color:var(--inchiostro);text-decoration:none}
.hsk-carta > a b{display:block;font:600 1.35rem var(--display)}
.hsk-carta > a span{display:block;font-size:.88rem;color:var(--grigio)}
.hsk-carta > a:hover b{text-decoration:underline}
.hsk-esempi{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem .8rem;margin:.6rem 0 0;font-size:.92rem}
.hsk-esempi i{color:var(--grigio)}
.hsk-fonte{margin-top:1.4rem}
.ce-hsk a{background:#FBF6EA}
/* prossima scoperta: il passo successivo, sempre in fondo alla pagina di un nodo */
.nd-scoperta{margin:1.6rem 0 0}
.nd-scoperta-t{margin:0 0 .4rem;font:700 .74rem/1 var(--testo);letter-spacing:.1em;text-transform:uppercase;color:var(--corallo)}
.nd-scoperta-a{position:relative;display:grid;gap:.2rem;padding:.85rem 2.6rem .85rem 1rem;border:1.5px solid var(--bordo);border-radius:16px;background:#fff;color:var(--inchiostro);text-decoration:none;box-shadow:3px 3px 0 var(--riflesso)}
.nd-scoperta-a b{font:600 1.15rem var(--display)}
.nd-scoperta-a span{font-size:.92rem;color:var(--grigio)}
.nd-scoperta-a .nd-scoperta-vai{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.6rem;color:var(--corallo)}
.nd-scoperta-a:hover,.nd-scoperta-a:focus-visible{background:var(--tiffany-velo)}
/* ════ Armonia: freddo e caldo in equilibrio. Quattro tradizioni, una tavolozza:
   藍 l'indaco giapponese e il blu d'inchiostro (il freddo, per il testo e le fasce scure),
   朱 il cinabro dei sigilli cinesi e la terra di Siena italiana (il caldo, per gli inviti e le scoperte),
   la betulla e la nebbia del Nord (i fondi neutri, chiari, funzionali), la carta di riso e il travertino (il bianco caldo). ════ */
:root{--sabbia:#F5EFE4;--sabbia-linea:#E6D9C3;--riflesso-caldo:#E3CDAE;--terra:#9A4A2C;--ocra:#C79A3E;--nebbia:#EEF2F5;--salvia:#E5EDE7;--carta-calda:#FFFDF8}
/* gli inviti a scoprire sono caldi; gli strumenti e il testo restano freschi */
.cerca-casa{background:var(--sabbia);border-color:var(--sabbia-linea)}
.cerca-casa-f{box-shadow:3px 3px 0 var(--riflesso-caldo)}
.ng-box{background:var(--sabbia);border-color:var(--sabbia-linea)}
.ng-t{color:var(--terra)}
.gf-atlante{background:var(--sabbia)}
.nd-scoperta-a{background:var(--carta-calda);box-shadow:3px 3px 0 var(--riflesso-caldo)}
.nd-scoperta-a:hover,.nd-scoperta-a:focus-visible{background:var(--sabbia)}
.nd-scoperta-t{color:var(--terra)}
.dc-figura{background:var(--carta-calda);box-shadow:4px 4px 0 var(--riflesso-caldo)}
.dc-centro circle{fill:var(--carta-calda)}
/* la prima pagina resta com'era: gli inviti caldi solo fuori dalla prima pagina */
.hsk-invito a{box-shadow:3px 3px 0 var(--riflesso-caldo)}
.hsk-carta,.cc-elenco a,.gf-avvio a{background:var(--carta-calda)}
/* i fondi delle schede legate: nebbia del Nord, non più azzurro pieno */
.nd-legami li{background:#fff}
.cc-gruppo-t .han{color:var(--terra)}