@font-face{font-family:SUIT;src:url('/assets/fonts/suit-latin.fd3143e8.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0020-007E, U+00A0, U+00A5, U+00A9, U+00AD-00AE, U+00B0-00B3, U+00B6-00B7, U+00B9, U+00D7, U+00F7, U+2015, U+2018-2019, U+201C-201D, U+2025-2026, U+2032-2033, U+203B, U+2074, U+2081-2084, U+20A9, U+20AC, U+2103, U+2109, U+2122, U+2190-2199, U+2219, U+2248, U+2295-2297, U+2460-246E, U+24C3, U+24D8, U+25A0-25A1, U+25A3, U+25B2-25B3, U+25B6-25B7, U+25BC-25BD, U+25C0-25C1, U+25C6-25C8, U+25CB, U+25CE-25D1, U+2605-2606, U+260E-260F, U+261C-261F, U+2660-2661, U+2663, U+2665, U+2669-266A, U+266C, U+26A0, U+2713, U+3008-3011, U+3014-3015, U+3131-3163, U+321C, U+327C, U+33A1, U+33A5, U+FFE6}
@font-face{font-family:SUIT;src:url('/assets/fonts/suit-site.3990de6d.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+AC00-AC01, U+AC04, U+AC08, U+AC11-AC12, U+AC19, U+AC1C-AC1D, U+AC70, U+AC74, U+AC78, U+AC80, U+AC83, U+AC8C, U+ACA0, U+ACA8-ACA9, U+ACAC, U+ACB0, U+ACBC-ACBD, U+ACC4, U+ACE0-ACE1, U+ACF3, U+ACF5, U+ACFC, U+AD00, U+AD11, U+AD1C, U+AD50, U+AD6C, U+AD81, U+ADDC, U+ADF8, U+ADFC, U+AE00, U+AE08-AE09, U+AE30, U+AE34, U+AE38, U+AE40-AE41, U+AE4C, U+AED8, U+AFB8, U+AFC0, U+B010, U+B05D, U+B07C, U+B080, U+B098, U+B09C, U+B0A0, U+B0A8, U+B0B4, U+B0C9, U+B123-B124, U+B137, U+B155, U+B193, U+B204, U+B215, U+B220, U+B274, U+B290, U+B294, U+B2A5-B2A6, U+B2C8-B2C9, U+B2D8-B2D9, U+B2DD, U+B2E4, U+B2E8, U+B2EB-B2EC, U+B2F4-B2F5, U+B2F9, U+B300, U+B313, U+B354, U+B358, U+B370, U+B3C4, U+B3C8, U+B3CC, U+B3D5, U+B3D9, U+B3FC, U+B410, U+B418, U+B41C, U+B420, U+B428-B429, U+B450, U+B454, U+B458, U+B4A4, U+B4DC, U+B4E0, U+B4E3-B4E4, U+B4EC, U+B4F1, U+B514, U+B530, U+B54C, U+B5A4, U+B5B4, U+B5BB, U+B610-B611, U+B744, U+B77C-B77D, U+B798, U+B79C, U+B7C9, U+B7EC, U+B7FC, U+B808-B809, U+B824-B825, U+B828, U+B835, U+B839, U+B840, U+B85C-B85D, U+B86D, U+B8CC, U+B8F8, U+B958, U+B978, U+B97C, U+B984-B985, U+B9AC, U+B9B4, U+B9BC-B9BD, U+B9C8, U+B9CC, U+B9D0, U+B9DB, U+B9DD-B9DE, U+B9E1, U+B9E4, U+B9E8, U+BA38, U+BA3C, U+BA54, U+BA58, U+BA64, U+BA70, U+BA74, U+BA85, U+BA87, U+BAA8-BAA9, U+BAB8, U+BABB, U+BB34, U+BB38, U+BB3C, U+BBA4, U+BBF8, U+BBFC, U+BC00, U+BC0F, U+BC14, U+BC18, U+BC1B-BC1C, U+BC29, U+BC30, U+BC84, U+BC88, U+BC94-BC95, U+BCA0, U+BCC0, U+BCC4, U+BCD1, U+BCF4-BCF5, U+BCF8, U+BCFC, U+BD05, U+BD80, U+BD84, U+BD88, U+BDF0, U+BE0C, U+BE14, U+BE44, U+C0AC-C0AD, U+C0B0, U+C0B4, U+C0C1, U+C0C8, U+C0D8, U+C0DD, U+C0E4, U+C11C, U+C120, U+C124, U+C131, U+C138, U+C13C, U+C154, U+C168, U+C18C-C18D, U+C190, U+C1C4, U+C218, U+C21C, U+C22B, U+C26C, U+C27C-C27D, U+C288, U+C2A4, U+C2B5, U+C2B9, U+C2DC-C2DD, U+C2E0, U+C2E4, U+C2EC-C2ED, U+C2F6, U+C4F0, U+C4F4, U+C4F8, U+C500-C501, U+C544, U+C548, U+C54A, U+C54C, U+C558, U+C55E, U+C560, U+C571, U+C57C-C57D, U+C591, U+C5B4, U+C5B8, U+C5BB, U+C5C5-C5C8, U+C5D0, U+C5D4, U+C5EC-C5ED, U+C5F0, U+C5F4, U+C5FD, U+C601, U+C608, U+C624, U+C628, U+C62C, U+C640, U+C644, U+C654-C655, U+C65C, U+C678, U+C694, U+C6A9, U+C6B0, U+C6B4, U+C6C0-C6C1, U+C6C3, U+C6CC, U+C6D0, U+C6D4, U+C6E0, U+C6F9, U+C704, U+C720-C721, U+C73C, U+C740, U+C744, U+C74C-C74D, U+C751, U+C758, U+C774-C775, U+C778, U+C77C-C77D, U+C784-C785, U+C787-C788, U+C790-C791, U+C7A0, U+C7A5, U+C7AC, U+C7C1, U+C800-C801, U+C804, U+C808, U+C810-C811, U+C815, U+C81C, U+C838, U+C84C, U+C870, U+C874, U+C881, U+C885, U+C88B, U+C8FC, U+C900, U+C904, U+C911, U+C988, U+C98C, U+C99D, U+C9C0-C9C1, U+C9C4, U+C9C8, U+C9D1, U+C9D5, U+C9DC, U+C9F8, U+CABD, U+CC28-CC29, U+CC2E, U+CC30, U+CC38, U+CC3D-CC3E, U+CC44, U+CC59, U+CC98, U+CC9C, U+CCAB, U+CCAD, U+CCB4, U+CCD0, U+CD08, U+CD5C, U+CD94, U+CD9C, U+CDB0, U+CDE8, U+CE21, U+CE58, U+CE60, U+CE68, U+CE74, U+CEA0, U+CEE4, U+CF1C, U+CF54, U+CF58, U+CFE0, U+D06C, U+D074, U+D0C0, U+D0C8, U+D0D5, U+D0DC-D0DD, U+D130, U+D14C, U+D15C, U+D1A0-D1A1, U+D1B5, U+D1F4, U+D2B8-D2B9, U+D2BC, U+D2F0, U+D301, U+D305, U+D310, U+D314, U+D328, U+D37C, U+D398, U+D3B4, U+D3B8, U+D3C9, U+D3EC-D3ED, U+D3F0, U+D45C, U+D478, U+D488, U+D504, U+D508, U+D50C, U+D53C, U+D544, U+D54D, U+D558, U+D55C, U+D560, U+D568-D569, U+D56D, U+D574, U+D588-D589, U+D5A5, U+D5D0, U+D5D8, U+D5E4, U+D600, U+D604, U+D611, U+D615, U+D61C, U+D638, U+D648, U+D64D, U+D654-D655, U+D658, U+D65C, U+D68C-D68D, U+D69F, U+D6C4, U+D734, U+D754, U+D76C, U+D788, U+D7A3}
@font-face{font-family:SUIT;src:url('/assets/fonts/suit-common-1.2ff3f02c.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+AC07, U+AC09-AC0A, U+AC10, U+AC13-AC17, U+AC1A-AC1B, U+AC20, U+AC24, U+AC2C-AC2D, U+AC2F-AC31, U+AC38-AC39, U+AC3C, U+AC40, U+AC4B, U+AC4D, U+AC54, U+AC58, U+AC5C, U+AC71, U+AC77, U+AC7A, U+AC81, U+AC84-AC86, U+AC89-AC8B, U+AC90, U+AC94, U+AC9C-AC9D, U+AC9F, U+ACA1, U+ACAA, U+ACAF, U+ACB8-ACB9, U+ACBB, U+ACC1, U+ACC8, U+ACCC, U+ACD5, U+ACD7, U+ACE4, U+ACE7-ACE8, U+ACEA, U+ACEC, U+ACEF-ACF1, U+ACF6, U+ACFD, U+AD04, U+AD06, U+AD0C-AD0D, U+AD0F, U+AD18, U+AD20, U+AD29, U+AD2C-AD2D, U+AD34-AD35, U+AD38, U+AD3C, U+AD44-AD45, U+AD47, U+AD49, U+AD54, U+AD58, U+AD61, U+AD63, U+AD6D, U+AD70, U+AD73-AD76, U+AD7B-AD7D, U+AD7F, U+AD82, U+AD88-AD89, U+AD8C, U+AD90, U+AD9C-AD9D, U+ADA4, U+ADB7, U+ADC0-ADC1, U+ADC4, U+ADC8, U+ADD0-ADD1, U+ADD3, U+ADE0, U+ADE4, U+ADF9, U+ADFF, U+AE01, U+AE0B, U+AE0D, U+AE14, U+AE31, U+AE37, U+AE3A, U+AE43, U+AE45-AE46, U+AE4A, U+AE4D-AE4E, U+AE50, U+AE54, U+AE56, U+AE5C-AE5D, U+AE5F-AE61, U+AE65, U+AE68-AE69, U+AE6C, U+AE70, U+AE78-AE79, U+AE7B-AE7D, U+AE84-AE85, U+AE8C, U+AEBC-AEBE, U+AEC0, U+AEC4, U+AECC-AECD, U+AECF-AED1, U+AED9, U+AEDC, U+AEE8, U+AEEB, U+AEED, U+AEF4, U+AEF8, U+AEFC, U+AF07-AF08, U+AF0D, U+AF10, U+AF2C-AF2D, U+AF30, U+AF32, U+AF34, U+AF3C-AF3D, U+AF3F, U+AF41-AF43, U+AF48-AF49, U+AF50, U+AF5C-AF5D, U+AF64-AF65, U+AF79, U+AF80, U+AF84, U+AF88, U+AF90-AF91, U+AF95, U+AF9C, U+AFB9, U+AFBC, U+AFC7-AFC9, U+AFCB, U+AFCD-AFCE, U+AFD4, U+AFDC, U+AFE8-AFE9, U+AFF0-AFF1, U+AFF4, U+AFF8, U+B000-B001, U+B004, U+B00C, U+B014, U+B01C-B01D, U+B028, U+B044-B045, U+B048, U+B04A, U+B04C, U+B04E, U+B053-B055, U+B057, U+B059, U+B07D, U+B084, U+B08C-B08D, U+B08F, U+B091, U+B099-B09A, U+B09F, U+B0A1-B0A2, U+B0A9, U+B0AB-B0AF, U+B0B1, U+B0B3, U+B0B5, U+B0B8, U+B0BC, U+B0C4-B0C5, U+B0C7-B0C8, U+B0D0-B0D1, U+B0D4, U+B0D8, U+B0E0, U+B0E5, U+B108-B109, U+B10B-B10C, U+B110, U+B112-B113, U+B118-B119, U+B11B-B11D, U+B125, U+B128, U+B12C, U+B134-B135, U+B138-B139, U+B140-B141, U+B144, U+B148, U+B150-B151, U+B154, U+B158, U+B15C, U+B160, U+B178-B179, U+B17C, U+B180, U+B182, U+B188-B189, U+B18B, U+B18D, U+B192, U+B194, U+B198, U+B19C, U+B1A8, U+B1CC, U+B1D0, U+B1D4, U+B1DC-B1DD, U+B1DF, U+B1E8-B1E9, U+B1EC, U+B1F0, U+B1F9, U+B1FB, U+B1FD, U+B205, U+B208, U+B20B-B20C, U+B214, U+B217, U+B219, U+B234, U+B23C, U+B258, U+B25C, U+B260, U+B268-B269, U+B275, U+B27C, U+B284-B285, U+B289, U+B291, U+B298-B29A, U+B2A0-B2A1, U+B2A3, U+B2AA, U+B2AC, U+B2B0, U+B2B4, U+B2CC, U+B2D0, U+B2D2, U+B2DB, U+B2E2, U+B2E5-B2E6, U+B2ED-B2EF, U+B2F3, U+B2F7-B2F8, U+B2FA-B2FB, U+B2FF, U+B301, U+B304, U+B308, U+B310-B311, U+B314-B315, U+B31C, U+B355-B356, U+B35B-B35C, U+B35E-B35F, U+B364-B365, U+B367, U+B369, U+B36B, U+B36E, U+B371, U+B374, U+B378, U+B380-B381, U+B383-B385, U+B38C, U+B390, U+B394, U+B3A0-B3A1, U+B3A8, U+B3AC, U+B3C5, U+B3CB, U+B3CE, U+B3D0, U+B3D4, U+B3D7, U+B3DB, U+B3DD, U+B3E0, U+B3E4, U+B3E8, U+B42B, U+B434, U+B451, U+B460-B461, U+B463, U+B465, U+B46C, U+B480, U+B488, U+B49D, U+B4A8, U+B4AC, U+B4B5, U+B4B7, U+B4B9, U+B4C0, U+B4C4, U+B4C8, U+B4D0, U+B4D5, U+B4DD, U+B4E6, U+B4ED, U+B4EF, U+B4F8, U+B515, U+B518, U+B51B-B51C, U+B524-B525, U+B527-B52A, U+B531, U+B534, U+B538, U+B540-B541, U+B543-B545, U+B54B, U+B54D, U+B550, U+B554, U+B55C-B55D, U+B55F-B561, U+B5A0-B5A1, U+B5A8, U+B5AA-B5AB, U+B5B0-B5B1, U+B5B3}
@font-face{font-family:SUIT;src:url('/assets/fonts/suit-common-2.0e6ac3ba.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+B5B5, U+B5BC-B5BD, U+B5C0, U+B5C4, U+B5CC-B5CD, U+B5CF-B5D1, U+B5D8, U+B5EC, U+B614, U+B618, U+B625, U+B62C, U+B634, U+B648, U+B664, U+B668, U+B69C-B69D, U+B6A0, U+B6A4, U+B6AB-B6AC, U+B6B1, U+B6D4, U+B6F0, U+B6F4, U+B6F8, U+B700-B701, U+B705, U+B728-B729, U+B72C, U+B72F-B730, U+B738-B739, U+B73B, U+B748, U+B74C, U+B754-B755, U+B760, U+B764, U+B768, U+B770-B771, U+B773, U+B775, U+B780, U+B784, U+B78C-B78D, U+B78F-B792, U+B796-B797, U+B799, U+B7A0, U+B7A8-B7A9, U+B7AB-B7AD, U+B7B4-B7B5, U+B7B8, U+B7C7, U+B7ED, U+B7F0, U+B7F4, U+B7FD, U+B7FF-B801, U+B807, U+B80C, U+B810, U+B818-B819, U+B81B, U+B81D, U+B82C, U+B834, U+B837-B838, U+B844, U+B851, U+B853, U+B860, U+B864, U+B86C, U+B86F, U+B871, U+B878, U+B87C, U+B88D, U+B8A8, U+B8B0, U+B8B4, U+B8B8, U+B8C0-B8C1, U+B8C3, U+B8C5, U+B8D0, U+B8D4, U+B8DD, U+B8DF, U+B8E1, U+B8E8-B8E9, U+B8EC, U+B8F0, U+B8F9, U+B8FB, U+B8FD, U+B904, U+B918, U+B920, U+B93C-B93D, U+B940, U+B944, U+B94C, U+B94F, U+B951, U+B959, U+B95C, U+B960, U+B968-B969, U+B96B, U+B96D, U+B974-B975, U+B987, U+B989-B98A, U+B98D-B98E, U+B9AD, U+B9B0, U+B9BF, U+B9C1, U+B9C9, U+B9CE-B9CF, U+B9D1-B9D2, U+B9D8-B9D9, U+B9E3, U+B9E5, U+B9EC, U+B9F4-B9F5, U+B9F7-B9FA, U+BA00-BA01, U+BA08, U+BA15, U+BA39, U+BA40, U+BA42, U+BA48-BA49, U+BA4B, U+BA4D-BA4E, U+BA53, U+BA55, U+BA5C, U+BA65, U+BA67-BA69, U+BA71, U+BA78, U+BA83-BA84, U+BA8C, U+BAAB-BAAC, U+BAB0, U+BAB2, U+BAB9, U+BABD, U+BAC4, U+BAC8, U+BAD8-BAD9, U+BAFC, U+BB00, U+BB04, U+BB0D, U+BB0F, U+BB11, U+BB18, U+BB1C, U+BB20, U+BB29, U+BB2B, U+BB35-BB36, U+BB3B, U+BB3D-BB3E, U+BB44-BB45, U+BB47, U+BB49, U+BB4D, U+BB4F-BB50, U+BB54, U+BB58, U+BB61, U+BB63, U+BB6C, U+BB88, U+BB8C, U+BB90, U+BBA8, U+BBAC, U+BBB4, U+BBB7, U+BBC0, U+BBC4, U+BBC8, U+BBD0, U+BBD3, U+BBF9, U+BBFF, U+BC02, U+BC08-BC09, U+BC0B-BC0D, U+BC11, U+BC15-BC17, U+BC1D-BC1F, U+BC24-BC25, U+BC27, U+BC2D, U+BC31, U+BC34, U+BC38, U+BC40-BC41, U+BC43-BC45, U+BC49, U+BC4C-BC4D, U+BC50, U+BC5D, U+BC85, U+BC8B-BC8C, U+BC8E, U+BC97, U+BC99-BC9A, U+BCA1, U+BCA4, U+BCA7-BCA8, U+BCB0-BCB1, U+BCB3-BCB5, U+BCBC-BCBD, U+BCCD, U+BCCF-BCD0, U+BCD5, U+BCD8, U+BCDC, U+BCF6, U+BD04, U+BD07, U+BD09, U+BD10, U+BD14, U+BD24, U+BD2C, U+BD40, U+BD48-BD49, U+BD4C, U+BD50, U+BD58-BD59, U+BD64, U+BD68, U+BD81, U+BD87, U+BD89-BD8A, U+BD90-BD91, U+BD93, U+BD95, U+BD99-BD9A, U+BD9C, U+BDA4, U+BDB0, U+BDB8, U+BDD4-BDD5, U+BDD8, U+BDDC, U+BDE9, U+BDF4, U+BDF8, U+BE00, U+BE03, U+BE05, U+BE0D, U+BE10, U+BE1C-BE1D, U+BE1F, U+BE45, U+BE48, U+BE4C, U+BE4E, U+BE54-BE55, U+BE57, U+BE59-BE5B, U+BE60-BE61, U+BE64, U+BE68, U+BE6A, U+BE70-BE71, U+BE73-BE75, U+BE7B-BE7D, U+BE80, U+BE84, U+BE8C-BE8D, U+BE8F-BE91, U+BE98-BE99, U+BEA8, U+BED0-BED1, U+BED4, U+BED7-BED8, U+BEE0, U+BEE3-BEE5, U+BEEC, U+BF01, U+BF08-BF09, U+BF18-BF19, U+BF1B-BF1D, U+BF40-BF41, U+BF44, U+BF48, U+BF50-BF51, U+BF55, U+BF94, U+BFB0, U+BFC5, U+BFCC-BFCD, U+BFD0, U+BFD4, U+BFDC, U+BFDF, U+BFE1, U+C03C, U+C051, U+C058, U+C05C, U+C060, U+C068-C069, U+C090-C091, U+C094, U+C098, U+C0A0-C0A1, U+C0A3, U+C0A5, U+C0AF, U+C0B3, U+C0B5-C0B6, U+C0BC-C0BD, U+C0BF-C0C0, U+C0C5, U+C0C9, U+C0CC, U+C0D0, U+C0D9, U+C0DB-C0DC, U+C0E5, U+C0E8, U+C0EC, U+C0F4-C0F5, U+C0F7, U+C0F9, U+C100, U+C104, U+C108, U+C110, U+C115, U+C11D-C11F, U+C123, U+C126-C127, U+C12C-C12D, U+C12F-C130, U+C136, U+C139, U+C140, U+C148-C149, U+C14B-C14D, U+C155, U+C158}
@font-face{font-family:SUIT;src:url('/assets/fonts/suit-common-3.17ab2db0.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+C15C, U+C164-C165, U+C167, U+C169, U+C170, U+C174, U+C178, U+C185, U+C18E, U+C194, U+C196, U+C19C-C19D, U+C19F, U+C1A1, U+C1A5, U+C1A8-C1A9, U+C1AC, U+C1B0, U+C1BD, U+C1C8, U+C1CC, U+C1D4, U+C1D7-C1D8, U+C1E0, U+C1E4, U+C1E8, U+C1F0-C1F1, U+C1F3, U+C1FC-C1FD, U+C200, U+C204, U+C20C-C20D, U+C20F, U+C211, U+C219, U+C21F-C220, U+C228-C229, U+C22D, U+C22F, U+C231-C232, U+C234, U+C248, U+C250-C251, U+C254, U+C258, U+C260, U+C265, U+C26D, U+C270, U+C274, U+C27F, U+C281, U+C289, U+C290, U+C298, U+C29B, U+C29D, U+C2A5, U+C2A8, U+C2AC-C2AD, U+C2B4, U+C2B7, U+C2E3, U+C2EB, U+C2EF, U+C2F1, U+C2F8-C2F9, U+C2FB-C2FC, U+C300, U+C308-C309, U+C30C-C30D, U+C313-C315, U+C318, U+C31C, U+C324-C325, U+C328-C329, U+C345, U+C368-C369, U+C36C, U+C370, U+C372, U+C378-C379, U+C37C-C37D, U+C384, U+C388, U+C38C, U+C3C0, U+C3D8-C3D9, U+C3DC, U+C3DF-C3E0, U+C3E2, U+C3E8-C3E9, U+C3ED, U+C3F4-C3F5, U+C3F8, U+C408, U+C410, U+C424, U+C42C, U+C430, U+C434, U+C43C-C43D, U+C448, U+C464-C465, U+C468, U+C46C, U+C474-C475, U+C479, U+C480, U+C494, U+C49C, U+C4B8, U+C4BC, U+C4E9, U+C4F1, U+C4FA, U+C4FF, U+C50C, U+C510, U+C514, U+C51C, U+C528-C529, U+C52C, U+C530, U+C538-C539, U+C53B, U+C53D, U+C545, U+C549, U+C54D-C54E, U+C553-C555, U+C557, U+C559, U+C55D, U+C561, U+C564, U+C568, U+C570, U+C573-C575, U+C580, U+C584, U+C587, U+C58C-C58D, U+C58F, U+C595, U+C597-C598, U+C59C, U+C5A0, U+C5A9, U+C5B5, U+C5B9, U+C5BC-C5BE, U+C5C4, U+C5C9-C5CA, U+C5CC, U+C5CE, U+C5D1, U+C5D8, U+C5E0-C5E1, U+C5E3, U+C5E5, U+C5EE, U+C5F6-C5F7, U+C5FC, U+C5FE-C600, U+C605-C607, U+C60C, U+C610, U+C618-C619, U+C61B-C61C, U+C625, U+C62D-C62E, U+C630, U+C633-C635, U+C637, U+C639, U+C63B, U+C641, U+C648, U+C650-C651, U+C653, U+C65D, U+C660, U+C66C, U+C66F, U+C671, U+C679, U+C67C, U+C680, U+C688-C689, U+C68B, U+C68D, U+C695, U+C698, U+C69C, U+C6A4-C6A5, U+C6A7, U+C6B1, U+C6B8-C6BA, U+C6C5, U+C6CD, U+C6DC-C6DD, U+C6E1, U+C6E8-C6E9, U+C6EC, U+C6F0, U+C6F8, U+C6FD, U+C705, U+C708, U+C70C, U+C714-C715, U+C717, U+C719, U+C724, U+C728, U+C730-C731, U+C733, U+C735, U+C737, U+C73D, U+C74A, U+C74F, U+C752-C757, U+C75C, U+C760, U+C768, U+C76B, U+C77E, U+C783, U+C789-C78A, U+C78E, U+C794, U+C796-C798, U+C79A, U+C7A1, U+C7A3-C7A4, U+C7A6, U+C7AD, U+C7B0, U+C7B4, U+C7BC-C7BD, U+C7BF-C7C0, U+C7C8-C7C9, U+C7CC, U+C7CE, U+C7D0, U+C7D8, U+C7DD, U+C7E4, U+C7E8, U+C7EC, U+C80A, U+C813, U+C816, U+C81D, U+C820, U+C824, U+C82C-C82D, U+C82F, U+C831, U+C83C, U+C840, U+C848-C849, U+C84D, U+C854, U+C871, U+C878, U+C87A, U+C880, U+C883, U+C886-C887, U+C88C-C88D, U+C894, U+C89D, U+C89F, U+C8A1, U+C8A8, U+C8BC-C8BD, U+C8C4, U+C8C8, U+C8CC, U+C8D4-C8D5, U+C8D7, U+C8D9, U+C8E0-C8E1, U+C8E4, U+C8F5, U+C8FD, U+C905-C906, U+C90C-C90D, U+C90F, U+C918, U+C92C, U+C934, U+C950-C951, U+C954, U+C958, U+C960-C961, U+C963, U+C96C, U+C970, U+C974, U+C97C, U+C989, U+C990, U+C998-C999, U+C99B, U+C9C7, U+C9CA, U+C9D0, U+C9D3, U+C9D6, U+C9D9-C9DA, U+C9DD, U+C9E0, U+C9E2, U+C9E4, U+C9E7, U+C9EC-C9ED, U+C9EF-C9F1, U+C9F9, U+C9FC, U+CA00, U+CA08-CA09, U+CA0B-CA0D, U+CA14, U+CA18, U+CA29, U+CA4C-CA4D, U+CA50, U+CA54, U+CA5C-CA5D, U+CA5F-CA61, U+CA68, U+CA7D, U+CA84, U+CA98, U+CABC, U+CAC0, U+CAC4, U+CACC-CACD, U+CACF, U+CAD1, U+CAD3, U+CAD8-CAD9, U+CAE0, U+CAEC, U+CAF4, U+CB08, U+CB10, U+CB14, U+CB18, U+CB20-CB21, U+CB41, U+CB48-CB49, U+CB4C, U+CB50, U+CB58-CB59, U+CB5D, U+CB64, U+CB78-CB79, U+CB9C, U+CBB8, U+CBD4, U+CBE4, U+CBE7, U+CBE9, U+CC0C-CC0D}
@font-face{font-family:SUIT;src:url('/assets/fonts/suit-common-4.e59b862b.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+CC10, U+CC14, U+CC1C-CC1D, U+CC21-CC22, U+CC27, U+CC2C, U+CC39, U+CC3B-CC3C, U+CC45, U+CC48, U+CC4C, U+CC54-CC55, U+CC57-CC58, U+CC60, U+CC64, U+CC66, U+CC68, U+CC70, U+CC75, U+CC99, U+CCA0, U+CCA8-CCA9, U+CCAC, U+CCB5, U+CCB8, U+CCBC, U+CCC4-CCC5, U+CCC7, U+CCC9, U+CCD4, U+CCE4, U+CCEC, U+CCF0, U+CD01, U+CD09, U+CD0C, U+CD10, U+CD18-CD19, U+CD1B, U+CD1D, U+CD24, U+CD28, U+CD2C, U+CD39, U+CD60, U+CD64, U+CD6C-CD6D, U+CD6F, U+CD71, U+CD78, U+CD88, U+CD95, U+CD98, U+CDA4-CDA5, U+CDA7, U+CDA9, U+CDC4, U+CDCC, U+CDD0, U+CDEC, U+CDF0, U+CDF8-CDF9, U+CDFB, U+CDFD, U+CE04, U+CE08, U+CE0C, U+CE14, U+CE19, U+CE20, U+CE24, U+CE28, U+CE30-CE31, U+CE33, U+CE35, U+CE59, U+CE5C, U+CE5F, U+CE61, U+CE69, U+CE6B, U+CE6D, U+CE75, U+CE78, U+CE7C, U+CE84-CE85, U+CE87, U+CE89, U+CE90-CE91, U+CE94, U+CE98, U+CEA1, U+CEA3-CEA5, U+CEAC-CEAD, U+CEC1, U+CEE5, U+CEE8, U+CEEB-CEEC, U+CEF4-CEF5, U+CEF7-CEF9, U+CF00-CF01, U+CF04, U+CF08, U+CF10-CF11, U+CF13, U+CF15, U+CF20, U+CF24, U+CF2C-CF2D, U+CF2F-CF31, U+CF38, U+CF55, U+CF5C, U+CF64-CF65, U+CF67, U+CF69, U+CF70-CF71, U+CF74, U+CF78, U+CF80, U+CF85, U+CF8C, U+CFA1, U+CFA8, U+CFB0, U+CFC4, U+CFE1, U+CFE4, U+CFE8, U+CFF0-CFF1, U+CFF3, U+CFF5, U+CFFC, U+D000, U+D004, U+D011, U+D018, U+D02D, U+D034-D035, U+D038, U+D03C, U+D044-D045, U+D047, U+D049, U+D050, U+D054, U+D058, U+D060, U+D06D, U+D070, U+D07C-D07D, U+D081, U+D0A4-D0A5, U+D0A8, U+D0AC, U+D0B4-D0B5, U+D0B7, U+D0B9, U+D0C1, U+D0C4, U+D0C9, U+D0D0-D0D1, U+D0D3-D0D4, U+D0E0, U+D0E4, U+D0EC-D0ED, U+D0EF-D0F1, U+D0F8, U+D10D, U+D131, U+D134, U+D138, U+D13A, U+D140-D141, U+D143-D145, U+D14D, U+D150, U+D154, U+D15D, U+D15F, U+D161, U+D168, U+D16C, U+D17C, U+D184, U+D188, U+D1A4, U+D1A8, U+D1B0-D1B1, U+D1B3, U+D1BA, U+D1BC, U+D1C0, U+D1D8, U+D1F8, U+D207, U+D209, U+D210, U+D22C-D22D, U+D230, U+D234, U+D23C-D23D, U+D23F, U+D241, U+D248, U+D25C, U+D264, U+D280-D281, U+D284, U+D288, U+D290-D291, U+D295, U+D29C, U+D2A0, U+D2A4, U+D2AC, U+D2B1, U+D2BF-D2C0, U+D2C2, U+D2C8-D2C9, U+D2CB, U+D2D4, U+D2D8, U+D2DC, U+D2E4-D2E5, U+D2F1, U+D2F4, U+D2F8, U+D300, U+D303, U+D30C-D30E, U+D316, U+D31C-D31D, U+D31F-D321, U+D325, U+D329, U+D32C, U+D330, U+D338-D339, U+D33B-D33D, U+D344-D345, U+D37D, U+D380, U+D384, U+D38C-D38D, U+D38F-D391, U+D399, U+D39C, U+D3A0, U+D3A8-D3A9, U+D3AB, U+D3AD, U+D3BC, U+D3C4-D3C5, U+D3C8, U+D3D0, U+D3D8, U+D3E1, U+D3E3, U+D3F4, U+D3FC-D3FD, U+D3FF, U+D401, U+D408, U+D41D, U+D440, U+D444, U+D460, U+D464, U+D46D, U+D46F, U+D479, U+D47C, U+D47F-D480, U+D482, U+D489, U+D48B, U+D48D, U+D494, U+D4A9, U+D4CC, U+D4D0, U+D4D4, U+D4DC, U+D4DF, U+D4E8, U+D4EC, U+D4F0, U+D4F8, U+D4FB, U+D4FD, U+D514-D515, U+D517, U+D53D, U+D540, U+D54C, U+D54F, U+D551, U+D559, U+D565, U+D56B, U+D575, U+D578, U+D57C, U+D584-D585, U+D587, U+D590, U+D5C8-D5C9, U+D5CC, U+D5D2, U+D5D9, U+D5DB, U+D5DD, U+D5E5, U+D5E8, U+D5EC, U+D5F4-D5F5, U+D5F7, U+D5F9, U+D601, U+D608, U+D610, U+D613-D614, U+D620, U+D624, U+D62D, U+D639, U+D63C, U+D640, U+D645, U+D649, U+D64B, U+D651, U+D667, U+D669, U+D670-D671, U+D674, U+D683, U+D685, U+D690, U+D694, U+D69D, U+D6A1, U+D6A8, U+D6AC, U+D6B0, U+D6B9, U+D6BB, U+D6C5, U+D6C8, U+D6CC, U+D6D1, U+D6D4, U+D6D7, U+D6D9, U+D6E0, U+D6E4, U+D6E8, U+D6F0, U+D6F5, U+D6FC-D6FD, U+D700, U+D704, U+D711, U+D718-D719, U+D71C, U+D720, U+D728-D729, U+D72B, U+D72D, U+D735, U+D738, U+D73C, U+D744, U+D747, U+D749, U+D750-D751, U+D756-D759, U+D760-D761, U+D763, U+D765, U+D769, U+D770, U+D774, U+D77C-D77D, U+D781, U+D789, U+D78C, U+D790, U+D798-D799, U+D79B, U+D79D}
@font-face{font-family:SUIT;src:url('/assets/fonts/suit-ext.a211dd3a.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+AC02-AC03, U+AC05-AC06, U+AC0B-AC0F, U+AC18, U+AC1E-AC1F, U+AC21-AC23, U+AC25-AC2B, U+AC2E, U+AC32-AC37, U+AC3A-AC3B, U+AC3D-AC3F, U+AC41-AC4A, U+AC4C, U+AC4E-AC53, U+AC55-AC57, U+AC59-AC5B, U+AC5D-AC6F, U+AC72-AC73, U+AC75-AC76, U+AC79, U+AC7B-AC7F, U+AC82, U+AC87-AC88, U+AC8D-AC8F, U+AC91-AC93, U+AC95-AC9B, U+AC9E, U+ACA2-ACA7, U+ACAB, U+ACAD-ACAE, U+ACB1-ACB7, U+ACBA, U+ACBE-ACC0, U+ACC2-ACC3, U+ACC5-ACC7, U+ACC9-ACCB, U+ACCD-ACD4, U+ACD6, U+ACD8-ACDF, U+ACE2-ACE3, U+ACE5-ACE6, U+ACE9, U+ACEB, U+ACED-ACEE, U+ACF2, U+ACF4, U+ACF7-ACFB, U+ACFE-ACFF, U+AD01-AD03, U+AD05, U+AD07-AD0B, U+AD0E, U+AD10, U+AD12-AD17, U+AD19-AD1B, U+AD1D-AD1F, U+AD21-AD28, U+AD2A-AD2B, U+AD2E-AD33, U+AD36-AD37, U+AD39-AD3B, U+AD3D-AD43, U+AD46, U+AD48, U+AD4A-AD4F, U+AD51-AD53, U+AD55-AD57, U+AD59-AD60, U+AD62, U+AD64-AD6B, U+AD6E-AD6F, U+AD71-AD72, U+AD77-AD7A, U+AD7E, U+AD80, U+AD83-AD87, U+AD8A-AD8B, U+AD8D-AD8F, U+AD91-AD9B, U+AD9E-ADA3, U+ADA5-ADB6, U+ADB8-ADBF, U+ADC2-ADC3, U+ADC5-ADC7, U+ADC9-ADCF, U+ADD2, U+ADD4-ADDB, U+ADDD-ADDF, U+ADE1-ADE3, U+ADE5-ADF7, U+ADFA-ADFB, U+ADFD-ADFE, U+AE02-AE07, U+AE0A, U+AE0C, U+AE0E-AE13, U+AE15-AE2F, U+AE32-AE33, U+AE35-AE36, U+AE39, U+AE3B-AE3F, U+AE42, U+AE44, U+AE47-AE49, U+AE4B, U+AE4F, U+AE51-AE53, U+AE55, U+AE57-AE5B, U+AE5E, U+AE62-AE64, U+AE66-AE67, U+AE6A-AE6B, U+AE6D-AE6F, U+AE71-AE77, U+AE7A, U+AE7E-AE83, U+AE86-AE8B, U+AE8D-AEBB, U+AEBF, U+AEC1-AEC3, U+AEC5-AECB, U+AECE, U+AED2-AED7, U+AEDA-AEDB, U+AEDD-AEE7, U+AEE9-AEEA, U+AEEC, U+AEEE-AEF3, U+AEF5-AEF7, U+AEF9-AEFB, U+AEFD-AF06, U+AF09-AF0C, U+AF0E-AF0F, U+AF11-AF2B, U+AF2E-AF2F, U+AF31, U+AF33, U+AF35-AF3B, U+AF3E, U+AF40, U+AF44-AF47, U+AF4A-AF4F, U+AF51-AF5B, U+AF5E-AF63, U+AF66-AF78, U+AF7A-AF7F, U+AF81-AF83, U+AF85-AF87, U+AF89-AF8F, U+AF92-AF94, U+AF96-AF9B, U+AF9D-AFB7, U+AFBA-AFBB, U+AFBD-AFBF, U+AFC1-AFC6, U+AFCA, U+AFCC, U+AFCF-AFD3, U+AFD5-AFDB, U+AFDD-AFE7, U+AFEA-AFEF, U+AFF2-AFF3, U+AFF5-AFF7, U+AFF9-AFFF, U+B002-B003, U+B005-B00B, U+B00D-B00F, U+B011-B013, U+B015-B01B, U+B01E-B027, U+B029-B043, U+B046-B047, U+B049, U+B04B, U+B04D, U+B04F-B052, U+B056, U+B058, U+B05A-B05C, U+B05E-B07B, U+B07E-B07F, U+B081-B083, U+B085-B08B, U+B08E, U+B090, U+B092-B097, U+B09B, U+B09D-B09E, U+B0A3-B0A7, U+B0AA, U+B0B0, U+B0B2, U+B0B6-B0B7, U+B0B9-B0BB, U+B0BD-B0C3, U+B0C6, U+B0CA-B0CF, U+B0D2-B0D3, U+B0D5-B0D7, U+B0D9-B0DF, U+B0E1-B0E4, U+B0E6-B107, U+B10A, U+B10D-B10F, U+B111, U+B114-B117, U+B11A, U+B11E-B122, U+B126-B127, U+B129-B12B, U+B12D-B133, U+B136, U+B13A-B13F, U+B142-B143, U+B145-B147, U+B149-B14F, U+B152-B153, U+B156-B157, U+B159-B15B, U+B15D-B15F, U+B161-B177, U+B17A-B17B, U+B17D-B17F, U+B181, U+B183-B187, U+B18A, U+B18C, U+B18E-B191, U+B195-B197, U+B199-B19B, U+B19D-B1A7, U+B1A9-B1CB, U+B1CD-B1CF, U+B1D1-B1D3, U+B1D5-B1DB, U+B1DE, U+B1E0-B1E7, U+B1EA-B1EB, U+B1ED-B1EF, U+B1F1-B1F8, U+B1FA, U+B1FC, U+B1FE-B203, U+B206-B207, U+B209-B20A, U+B20D-B213, U+B216, U+B218, U+B21A-B21F, U+B221-B233, U+B235-B23B, U+B23D-B257, U+B259-B25B, U+B25D-B25F, U+B261-B267, U+B26A-B273, U+B276-B27B, U+B27D-B283, U+B286-B288, U+B28A-B28F, U+B292-B293, U+B295-B297, U+B29B-B29F, U+B2A2, U+B2A4, U+B2A7-B2A9, U+B2AB, U+B2AD-B2AF, U+B2B1-B2B3, U+B2B5-B2C7, U+B2CA-B2CB, U+B2CD-B2CF, U+B2D1, U+B2D3-B2D7, U+B2DA, U+B2DC, U+B2DE-B2E1, U+B2E3, U+B2E7, U+B2E9-B2EA, U+B2F0-B2F2, U+B2F6, U+B2FC-B2FE, U+B302-B303, U+B305-B307, U+B309-B30F, U+B312, U+B316-B31B, U+B31D-B353, U+B357, U+B359-B35A, U+B35D, U+B360-B363, U+B366, U+B368, U+B36A, U+B36C-B36D, U+B36F, U+B372-B373, U+B375-B377, U+B379-B37F, U+B382, U+B386-B38B, U+B38D-B38F, U+B391-B393, U+B395-B39F, U+B3A2-B3A7, U+B3A9-B3AB, U+B3AD-B3C3, U+B3C6-B3C7, U+B3C9-B3CA, U+B3CD, U+B3CF, U+B3D1-B3D3, U+B3D6, U+B3D8, U+B3DA, U+B3DC, U+B3DE-B3DF, U+B3E1-B3E3, U+B3E5-B3E7, U+B3E9-B3FB, U+B3FD-B40F, U+B411-B417, U+B419-B41B, U+B41D-B41F, U+B421-B427, U+B42A, U+B42C-B433, U+B435-B44F, U+B452-B453, U+B455-B457, U+B459-B45F, U+B462, U+B464, U+B466-B46B, U+B46D-B47F, U+B481-B487, U+B489-B49C, U+B49E-B4A3, U+B4A5-B4A7, U+B4A9-B4AB, U+B4AD-B4B4, U+B4B6, U+B4B8, U+B4BA-B4BF, U+B4C1-B4C3, U+B4C5-B4C7, U+B4C9-B4CF, U+B4D1-B4D4, U+B4D6-B4DB, U+B4DE-B4DF, U+B4E1-B4E2, U+B4E5, U+B4E7-B4EB, U+B4EE, U+B4F0, U+B4F2-B4F7, U+B4F9-B513, U+B516-B517, U+B519-B51A, U+B51D-B523, U+B526, U+B52B-B52F, U+B532-B533, U+B535-B537, U+B539-B53F, U+B542, U+B546-B54A, U+B54E-B54F, U+B551-B553, U+B555-B55B, U+B55E, U+B562-B59F, U+B5A2-B5A3, U+B5A5-B5A7, U+B5A9, U+B5AC-B5AF, U+B5B2, U+B5B6-B5BA, U+B5BE-B5BF, U+B5C1-B5C3, U+B5C5-B5CB, U+B5CE, U+B5D2-B5D7, U+B5D9-B5EB, U+B5ED-B60F, U+B612-B613, U+B615-B617, U+B619-B624, U+B626-B62B, U+B62D-B633, U+B635-B647, U+B649-B663, U+B665-B667, U+B669-B69B, U+B69E-B69F, U+B6A1-B6A3, U+B6A5-B6AA, U+B6AD-B6B0, U+B6B2-B6D3, U+B6D5-B6EF, U+B6F1-B6F3, U+B6F5-B6F7, U+B6F9-B6FF, U+B702-B704, U+B706-B727, U+B72A-B72B, U+B72D-B72E, U+B731-B737, U+B73A, U+B73C-B743, U+B745-B747, U+B749-B74B, U+B74D-B753, U+B756-B75F, U+B761-B763, U+B765-B767, U+B769-B76F, U+B772, U+B774, U+B776-B77B, U+B77E-B77F, U+B781-B783, U+B785-B78B, U+B78E, U+B793-B795, U+B79A-B79B, U+B79D-B79F, U+B7A1-B7A7, U+B7AA, U+B7AE-B7B3, U+B7B6-B7B7, U+B7B9-B7C6, U+B7C8, U+B7CA-B7EB, U+B7EE-B7EF, U+B7F1-B7F3, U+B7F5-B7FB, U+B7FE, U+B802-B806, U+B80A-B80B, U+B80D-B80F, U+B811-B817, U+B81A, U+B81C, U+B81E-B823, U+B826-B827, U+B829-B82B, U+B82D-B833, U+B836, U+B83A-B83F, U+B841-B843, U+B845-B850, U+B852, U+B854-B85B, U+B85E-B85F, U+B861-B863, U+B865-B86B, U+B86E, U+B870, U+B872-B877, U+B879-B87B, U+B87D-B88C, U+B88E-B8A7, U+B8A9-B8AF, U+B8B1-B8B3, U+B8B5-B8B7, U+B8B9-B8BF, U+B8C2, U+B8C4, U+B8C6-B8CB, U+B8CD-B8CF, U+B8D1-B8D3, U+B8D5-B8DC, U+B8DE, U+B8E0, U+B8E2-B8E7, U+B8EA-B8EB, U+B8ED-B8EF, U+B8F1-B8F7, U+B8FA, U+B8FC, U+B8FE-B903, U+B905-B917, U+B919-B91F, U+B921-B93B, U+B93E-B93F, U+B941-B943, U+B945-B94B, U+B94D-B94E, U+B950, U+B952-B957, U+B95A-B95B, U+B95D-B95F, U+B961-B967, U+B96A, U+B96C, U+B96E-B973, U+B976-B977, U+B979-B97B, U+B97D-B983, U+B986, U+B988, U+B98B-B98C, U+B98F-B9AB, U+B9AE-B9AF, U+B9B1-B9B3, U+B9B5-B9BB, U+B9BE, U+B9C0, U+B9C2-B9C7, U+B9CA-B9CB, U+B9CD, U+B9D3-B9D7, U+B9DA, U+B9DC, U+B9DF-B9E0, U+B9E2, U+B9E6-B9E7, U+B9E9-B9EB, U+B9ED-B9F3, U+B9F6, U+B9FB-B9FF, U+BA02-BA07, U+BA09-BA14, U+BA16-BA37, U+BA3A-BA3B, U+BA3D-BA3F, U+BA41, U+BA43-BA47, U+BA4A, U+BA4C, U+BA4F-BA52, U+BA56-BA57, U+BA59-BA5B, U+BA5D-BA63, U+BA66, U+BA6A-BA6F, U+BA72-BA73, U+BA75-BA77, U+BA79-BA82, U+BA86, U+BA88-BA8B, U+BA8D-BAA7, U+BAAA, U+BAAD-BAAF, U+BAB1, U+BAB3-BAB7, U+BABA, U+BABC, U+BABE-BAC3, U+BAC5-BAC7, U+BAC9-BAD7, U+BADA-BAFB, U+BAFD-BAFF, U+BB01-BB03, U+BB05-BB0C, U+BB0E, U+BB10, U+BB12-BB17, U+BB19-BB1B, U+BB1D-BB1F, U+BB21-BB28, U+BB2A, U+BB2C-BB33, U+BB37, U+BB39-BB3A, U+BB3F-BB43, U+BB46, U+BB48, U+BB4A-BB4C, U+BB4E, U+BB51-BB53, U+BB55-BB57, U+BB59-BB60, U+BB62, U+BB64-BB6B, U+BB6D-BB87, U+BB89-BB8B, U+BB8D-BB8F, U+BB91-BBA3, U+BBA5-BBA7, U+BBA9-BBAB, U+BBAD-BBB3, U+BBB5-BBB6, U+BBB8-BBBF, U+BBC1-BBC3, U+BBC5-BBC7, U+BBC9-BBCF, U+BBD1-BBD2, U+BBD4-BBF7, U+BBFA-BBFB, U+BBFD-BBFE, U+BC01, U+BC03-BC07, U+BC0A, U+BC0E, U+BC10, U+BC12-BC13, U+BC19-BC1A, U+BC20-BC23, U+BC26, U+BC28, U+BC2A-BC2C, U+BC2E-BC2F, U+BC32-BC33, U+BC35-BC37, U+BC39-BC3F, U+BC42, U+BC46-BC48, U+BC4A-BC4B, U+BC4E-BC4F, U+BC51-BC5C, U+BC5E-BC83, U+BC86-BC87, U+BC89-BC8A, U+BC8D, U+BC8F-BC93, U+BC96, U+BC98, U+BC9B-BC9F, U+BCA2-BCA3, U+BCA5-BCA6, U+BCA9-BCAF, U+BCB2, U+BCB6-BCBB, U+BCBE-BCBF, U+BCC1-BCC3, U+BCC5-BCCC, U+BCCE, U+BCD2-BCD4, U+BCD6-BCD7, U+BCD9-BCDB, U+BCDD-BCF3, U+BCF7, U+BCF9-BCFB, U+BCFD-BD03, U+BD06, U+BD08, U+BD0A-BD0F, U+BD11-BD13, U+BD15-BD23, U+BD25-BD2B, U+BD2D-BD3F, U+BD41-BD47, U+BD4A-BD4B, U+BD4D-BD4F, U+BD51-BD57, U+BD5A-BD63, U+BD65-BD67, U+BD69-BD7F, U+BD82-BD83, U+BD85-BD86, U+BD8B-BD8F, U+BD92, U+BD94, U+BD96-BD98, U+BD9B, U+BD9D-BDA3, U+BDA5-BDAF, U+BDB1-BDB7, U+BDB9-BDD3, U+BDD6-BDD7, U+BDD9-BDDB, U+BDDD-BDE8, U+BDEA-BDEF, U+BDF1-BDF3, U+BDF5-BDF7, U+BDF9-BDFF, U+BE01-BE02, U+BE04, U+BE06-BE0B, U+BE0E-BE0F, U+BE11-BE13, U+BE15-BE1B, U+BE1E, U+BE20-BE43, U+BE46-BE47, U+BE49-BE4B, U+BE4D, U+BE4F-BE53, U+BE56, U+BE58, U+BE5C-BE5F, U+BE62-BE63, U+BE65-BE67, U+BE69, U+BE6B-BE6F, U+BE72, U+BE76-BE7A, U+BE7E-BE7F, U+BE81-BE83, U+BE85-BE8B, U+BE8E, U+BE92-BE97, U+BE9A-BEA7, U+BEA9-BECF, U+BED2-BED3, U+BED5-BED6, U+BED9-BEDF, U+BEE1-BEE2, U+BEE6-BEEB, U+BEED-BF00, U+BF02-BF07, U+BF0A-BF17, U+BF1A, U+BF1E-BF3F, U+BF42-BF43, U+BF45-BF47, U+BF49-BF4F, U+BF52-BF54, U+BF56-BF93, U+BF95-BFAF, U+BFB1-BFC4, U+BFC6-BFCB, U+BFCE-BFCF, U+BFD1-BFD3, U+BFD5-BFDB, U+BFDD-BFDE, U+BFE0, U+BFE2-C03B, U+C03D-C050, U+C052-C057, U+C059-C05B, U+C05D-C05F, U+C061-C067, U+C06A-C08F, U+C092-C093, U+C095-C097, U+C099-C09F, U+C0A2, U+C0A4, U+C0A6-C0AB, U+C0AE, U+C0B1-C0B2, U+C0B7-C0BB, U+C0BE, U+C0C2-C0C4, U+C0C6-C0C7, U+C0CA-C0CB, U+C0CD-C0CF, U+C0D1-C0D7, U+C0DA, U+C0DE-C0E3, U+C0E6-C0E7, U+C0E9-C0EB, U+C0ED-C0F3, U+C0F6, U+C0F8, U+C0FA-C0FF, U+C101-C103, U+C105-C107, U+C109-C10F, U+C111-C114, U+C116-C11B, U+C121-C122, U+C125, U+C128-C12B, U+C12E, U+C132-C135, U+C137, U+C13A-C13B, U+C13D-C13F, U+C141-C147, U+C14A, U+C14E-C153, U+C156-C157, U+C159-C15B, U+C15D-C163, U+C166, U+C16A-C16F, U+C171-C173, U+C175-C177, U+C179-C184, U+C186-C18B, U+C18F, U+C191-C193, U+C195, U+C197-C19B, U+C19E, U+C1A0, U+C1A2-C1A4, U+C1A6-C1A7, U+C1AA-C1AB, U+C1AD-C1AF, U+C1B1-C1BC, U+C1BE-C1C3, U+C1C5-C1C7, U+C1C9-C1CB, U+C1CD-C1D3, U+C1D5-C1D6, U+C1D9-C1DF, U+C1E1-C1E3, U+C1E5-C1E7, U+C1E9-C1EF, U+C1F2, U+C1F4-C1FB, U+C1FE-C1FF, U+C201-C203, U+C205-C20B, U+C20E, U+C210, U+C212-C217, U+C21A-C21B, U+C21D-C21E, U+C221-C227, U+C22A, U+C22C, U+C22E, U+C230, U+C233, U+C235-C247, U+C249-C24F, U+C252-C253, U+C255-C257, U+C259-C25F, U+C261-C264, U+C266-C26B, U+C26E-C26F, U+C271-C273, U+C275-C27B, U+C27E, U+C280, U+C282-C287, U+C28A-C28F, U+C291-C297, U+C299-C29A, U+C29C, U+C29E-C2A3, U+C2A6-C2A7, U+C2A9-C2AB, U+C2AE-C2B3, U+C2B6, U+C2B8, U+C2BA-C2DB, U+C2DE-C2DF, U+C2E1-C2E2, U+C2E5-C2EA, U+C2EE, U+C2F0, U+C2F2-C2F5, U+C2F7, U+C2FA, U+C2FD-C2FF, U+C301-C307, U+C30A-C30B, U+C30E-C312, U+C316-C317, U+C319-C31B, U+C31D-C323, U+C326-C327, U+C32A-C344, U+C346-C367, U+C36A-C36B, U+C36D-C36F, U+C371, U+C373-C377, U+C37A-C37B, U+C37E-C383, U+C385-C387, U+C389-C38B, U+C38D-C3BF, U+C3C1-C3D7, U+C3DA-C3DB, U+C3DD-C3DE, U+C3E1, U+C3E3-C3E7, U+C3EA-C3EC, U+C3EE-C3F3, U+C3F6-C3F7, U+C3F9-C407, U+C409-C40F, U+C411-C423, U+C425-C42B, U+C42D-C42F, U+C431-C433, U+C435-C43B, U+C43E-C447, U+C449-C463, U+C466-C467, U+C469-C46B, U+C46D-C473, U+C476-C478, U+C47A-C47F, U+C481-C493, U+C495-C49B, U+C49D-C4B7, U+C4B9-C4BB, U+C4BD-C4E8, U+C4EA-C4EF, U+C4F2-C4F3, U+C4F5-C4F7, U+C4F9, U+C4FB-C4FE, U+C502-C50B, U+C50D-C50F, U+C511-C513, U+C515-C51B, U+C51D-C527, U+C52A-C52B, U+C52D-C52F, U+C531-C537, U+C53A, U+C53C, U+C53E-C543, U+C546-C547, U+C54B, U+C54F-C552, U+C556, U+C55A-C55C, U+C55F, U+C562-C563, U+C565-C567, U+C569-C56F, U+C572, U+C576-C57B, U+C57E-C57F, U+C581-C583, U+C585-C586, U+C588-C58B, U+C58E, U+C590, U+C592-C594, U+C596, U+C599-C59B, U+C59D-C59F, U+C5A1-C5A8, U+C5AA-C5B3, U+C5B6-C5B7, U+C5BA, U+C5BF-C5C3, U+C5CB, U+C5CD, U+C5CF, U+C5D2-C5D3, U+C5D5-C5D7, U+C5D9-C5DF, U+C5E2, U+C5E4, U+C5E6-C5EB, U+C5EF, U+C5F1-C5F3, U+C5F5, U+C5F8-C5FB, U+C602-C604, U+C609-C60B, U+C60D-C60F, U+C611-C617, U+C61A, U+C61D-C623, U+C626-C627, U+C629-C62B, U+C62F, U+C631-C632, U+C636, U+C638, U+C63A, U+C63C-C63F, U+C642-C643, U+C645-C647, U+C649-C64F, U+C652, U+C656-C65B, U+C65E-C65F, U+C661-C66B, U+C66D-C66E, U+C670, U+C672-C677, U+C67A-C67B, U+C67D-C67F, U+C681-C687, U+C68A, U+C68C, U+C68E-C693, U+C696-C697, U+C699-C69B, U+C69D-C6A3, U+C6A6, U+C6A8, U+C6AA-C6AF, U+C6B2-C6B3, U+C6B5-C6B7, U+C6BB-C6BF, U+C6C2, U+C6C4, U+C6C6-C6CB, U+C6CE-C6CF, U+C6D1-C6D3, U+C6D5-C6DB, U+C6DE-C6DF, U+C6E2-C6E7, U+C6EA-C6EB, U+C6ED-C6EF, U+C6F1-C6F7, U+C6FA-C6FC, U+C6FE-C703, U+C706-C707, U+C709-C70B, U+C70D-C713, U+C716, U+C718, U+C71A-C71F, U+C722-C723, U+C725-C727, U+C729-C72F, U+C732, U+C734, U+C736, U+C738-C73B, U+C73E-C73F, U+C741-C743, U+C745-C749, U+C74B, U+C74E, U+C750, U+C759-C75B, U+C75D-C75F, U+C761-C767, U+C769-C76A, U+C76C-C773, U+C776-C777, U+C779-C77B, U+C77F-C782, U+C786, U+C78B-C78D, U+C78F, U+C792-C793, U+C795, U+C799, U+C79B-C79F, U+C7A2, U+C7A7-C7AB, U+C7AE-C7AF, U+C7B1-C7B3, U+C7B5-C7BB, U+C7BE, U+C7C2-C7C7, U+C7CA-C7CB, U+C7CD, U+C7CF, U+C7D1-C7D7, U+C7D9-C7DC, U+C7DE-C7E3, U+C7E5-C7E7, U+C7E9-C7EB, U+C7ED-C7FF, U+C802-C803, U+C805-C807, U+C809, U+C80B-C80F, U+C812, U+C814, U+C817-C81B, U+C81E-C81F, U+C821-C823, U+C825-C82B, U+C82E, U+C830, U+C832-C837, U+C839-C83B, U+C83D-C83F, U+C841-C847, U+C84A-C84B, U+C84E-C853, U+C855-C86F, U+C872-C873, U+C875-C877, U+C879, U+C87B-C87F, U+C882, U+C884, U+C888-C88A, U+C88E-C893, U+C895-C89C, U+C89E, U+C8A0, U+C8A2-C8A7, U+C8A9-C8BB, U+C8BE-C8C3, U+C8C5-C8C7, U+C8C9-C8CB, U+C8CD-C8D3, U+C8D6, U+C8D8, U+C8DA-C8DF, U+C8E2-C8E3, U+C8E5-C8F4, U+C8F6-C8FB, U+C8FE-C8FF, U+C901-C903, U+C907-C90B, U+C90E, U+C910, U+C912-C917, U+C919-C92B, U+C92D-C933, U+C935-C94F, U+C952-C953, U+C955-C957, U+C959-C95F, U+C962, U+C964-C96B, U+C96D-C96F, U+C971-C973, U+C975-C97B, U+C97D-C987, U+C98A-C98B, U+C98D-C98F, U+C991-C997, U+C99A, U+C99C, U+C99E-C9BF, U+C9C2-C9C3, U+C9C5-C9C6, U+C9C9, U+C9CB-C9CF, U+C9D2, U+C9D4, U+C9D7-C9D8, U+C9DB, U+C9DE-C9DF, U+C9E1, U+C9E3, U+C9E5-C9E6, U+C9E8-C9EB, U+C9EE, U+C9F2-C9F7, U+C9FA-C9FB, U+C9FD-C9FF, U+CA01-CA07, U+CA0A, U+CA0E-CA13, U+CA15-CA17, U+CA19-CA28, U+CA2A-CA4B, U+CA4E-CA4F, U+CA51-CA53, U+CA55-CA5B, U+CA5E, U+CA62-CA67, U+CA69-CA7C, U+CA7E-CA83, U+CA85-CA97, U+CA99-CABB, U+CABE-CABF, U+CAC1-CAC3, U+CAC5-CACB, U+CACE, U+CAD0, U+CAD2, U+CAD4-CAD7, U+CADA-CADF, U+CAE1-CAEB, U+CAED-CAF3, U+CAF5-CB07, U+CB09-CB0F, U+CB11-CB13, U+CB15-CB17, U+CB19-CB1F, U+CB22-CB40, U+CB42-CB47, U+CB4A-CB4B, U+CB4D-CB4F, U+CB51-CB57, U+CB5A-CB5C, U+CB5E-CB63, U+CB65-CB77, U+CB7A-CB9B, U+CB9D-CBB7, U+CBB9-CBD3, U+CBD5-CBE3, U+CBE5-CBE6, U+CBE8, U+CBEA-CC0B, U+CC0E-CC0F, U+CC11-CC13, U+CC15-CC1B, U+CC1E-CC20, U+CC23-CC26, U+CC2A-CC2B, U+CC2D, U+CC2F, U+CC31-CC37, U+CC3A, U+CC3F-CC43, U+CC46-CC47, U+CC49-CC4B, U+CC4D-CC53, U+CC56, U+CC5A-CC5F, U+CC61-CC63, U+CC65, U+CC67, U+CC69-CC6F, U+CC71-CC74, U+CC76-CC97, U+CC9A-CC9B, U+CC9D-CC9F, U+CCA1-CCA7, U+CCAA, U+CCAE-CCB3, U+CCB6-CCB7, U+CCB9-CCBB, U+CCBD-CCC3, U+CCC6, U+CCC8, U+CCCA-CCCF, U+CCD1-CCD3, U+CCD5-CCE3, U+CCE5-CCEB, U+CCED-CCEF, U+CCF1-CD00, U+CD02-CD07, U+CD0A-CD0B, U+CD0D-CD0F, U+CD11-CD17, U+CD1A, U+CD1C, U+CD1E-CD23, U+CD25-CD27, U+CD29-CD2B, U+CD2D-CD38, U+CD3A-CD5B, U+CD5D-CD5F, U+CD61-CD63, U+CD65-CD6B, U+CD6E, U+CD70, U+CD72-CD77, U+CD79-CD87, U+CD89-CD93, U+CD96-CD97, U+CD99-CD9B, U+CD9D-CDA3, U+CDA6, U+CDA8, U+CDAA-CDAF, U+CDB1-CDC3, U+CDC5-CDCB, U+CDCD-CDCF, U+CDD1-CDE7, U+CDE9-CDEB, U+CDED-CDEF, U+CDF1-CDF7, U+CDFA, U+CDFC, U+CDFE-CE03, U+CE05-CE07, U+CE09-CE0B, U+CE0D-CE13, U+CE15-CE18, U+CE1A-CE1F, U+CE22-CE23, U+CE25-CE27, U+CE29-CE2F, U+CE32, U+CE34, U+CE36-CE57, U+CE5A-CE5B, U+CE5D-CE5E, U+CE62-CE67, U+CE6A, U+CE6C, U+CE6E-CE73, U+CE76-CE77, U+CE79-CE7B, U+CE7D-CE83, U+CE86, U+CE88, U+CE8A-CE8F, U+CE92-CE93, U+CE95-CE97, U+CE99-CE9F, U+CEA2, U+CEA6-CEAB, U+CEAE-CEC0, U+CEC2-CEE3, U+CEE6-CEE7, U+CEE9-CEEA, U+CEED-CEF3, U+CEF6, U+CEFA-CEFF, U+CF02-CF03, U+CF05-CF07, U+CF09-CF0F, U+CF12, U+CF14, U+CF16-CF1B, U+CF1D-CF1F, U+CF21-CF23, U+CF25-CF2B, U+CF2E, U+CF32-CF37, U+CF39-CF53, U+CF56-CF57, U+CF59-CF5B, U+CF5D-CF63, U+CF66, U+CF68, U+CF6A-CF6F, U+CF72-CF73, U+CF75-CF77, U+CF79-CF7F, U+CF81-CF84, U+CF86-CF8B, U+CF8D-CFA0, U+CFA2-CFA7, U+CFA9-CFAF, U+CFB1-CFC3, U+CFC5-CFDF, U+CFE2-CFE3, U+CFE5-CFE7, U+CFE9-CFEF, U+CFF2, U+CFF4, U+CFF6-CFFB, U+CFFD-CFFF, U+D001-D003, U+D005-D010, U+D012-D017, U+D019-D02C, U+D02E-D033, U+D036-D037, U+D039-D03B, U+D03D-D043, U+D046, U+D048, U+D04A-D04F, U+D051-D053, U+D055-D057, U+D059-D05F, U+D061-D06B, U+D06E-D06F, U+D071-D073, U+D075-D07B, U+D07E-D080, U+D082-D0A3, U+D0A6-D0A7, U+D0A9-D0AB, U+D0AD-D0B3, U+D0B6, U+D0B8, U+D0BA-D0BF, U+D0C2-D0C3, U+D0C5-D0C7, U+D0CA-D0CF, U+D0D2, U+D0D6-D0DB, U+D0DE-D0DF, U+D0E1-D0E3, U+D0E5-D0EB, U+D0EE, U+D0F2-D0F7, U+D0F9-D10C, U+D10E-D12F, U+D132-D133, U+D135-D137, U+D139, U+D13B-D13F, U+D142, U+D146-D14B, U+D14E-D14F, U+D151-D153, U+D155-D15B, U+D15E, U+D160, U+D162-D167, U+D169-D16B, U+D16D-D17B, U+D17D-D183, U+D185-D187, U+D189-D19F, U+D1A2-D1A3, U+D1A5-D1A7, U+D1A9-D1AF, U+D1B2, U+D1B4, U+D1B6-D1B9, U+D1BB, U+D1BD-D1BF, U+D1C1-D1D7, U+D1D9-D1F3, U+D1F5-D1F7, U+D1F9-D206, U+D208, U+D20A-D20F, U+D211-D22B, U+D22E-D22F, U+D231-D233, U+D235-D23B, U+D23E, U+D240, U+D242-D247, U+D249-D25B, U+D25D-D263, U+D265-D27F, U+D282-D283, U+D285-D287, U+D289-D28F, U+D292-D294, U+D296-D29B, U+D29D-D29F, U+D2A1-D2A3, U+D2A5-D2AB, U+D2AD-D2B0, U+D2B2-D2B7, U+D2BA-D2BB, U+D2BD-D2BE, U+D2C1, U+D2C3-D2C7, U+D2CA, U+D2CC-D2D3, U+D2D5-D2D7, U+D2D9-D2DB, U+D2DD-D2E3, U+D2E6-D2EF, U+D2F2-D2F3, U+D2F5-D2F7, U+D2F9-D2FF, U+D302, U+D304, U+D306-D30B, U+D30F, U+D311-D313, U+D315, U+D317-D31B, U+D31E, U+D322-D324, U+D326-D327, U+D32A-D32B, U+D32D-D32F, U+D331-D337, U+D33A, U+D33E-D343, U+D346-D37B, U+D37E-D37F, U+D381-D383, U+D385-D38B, U+D38E, U+D392-D397, U+D39A-D39B, U+D39D-D39F, U+D3A1-D3A7, U+D3AA, U+D3AC, U+D3AE-D3B3, U+D3B5-D3B7, U+D3B9-D3BB, U+D3BD-D3C3, U+D3C6-D3C7, U+D3CA-D3CF, U+D3D1-D3D7, U+D3D9-D3E0, U+D3E2, U+D3E4-D3EB, U+D3EE-D3EF, U+D3F1-D3F3, U+D3F5-D3FB, U+D3FE, U+D400, U+D402-D407, U+D409-D41C, U+D41E-D43F, U+D441-D443, U+D445-D45B, U+D45D-D45F, U+D461-D463, U+D465-D46C, U+D46E, U+D470-D477, U+D47A-D47B, U+D47D-D47E, U+D481, U+D483-D487, U+D48A, U+D48C, U+D48E-D493, U+D495-D4A8, U+D4AA-D4CB, U+D4CD-D4CF, U+D4D1-D4D3, U+D4D5-D4DB, U+D4DD-D4DE, U+D4E0-D4E7, U+D4E9-D4EB, U+D4ED-D4EF, U+D4F1-D4F7, U+D4F9-D4FA, U+D4FC, U+D4FE-D503, U+D505-D507, U+D509-D50B, U+D50D-D513, U+D516, U+D518-D53B, U+D53E-D53F, U+D541-D543, U+D545-D54B, U+D54E, U+D550, U+D552-D557, U+D55A-D55B, U+D55D-D55F, U+D561-D564, U+D566-D567, U+D56A, U+D56C, U+D56E-D573, U+D576-D577, U+D579-D57B, U+D57D-D583, U+D586, U+D58A-D58F, U+D591-D5A4, U+D5A6-D5C7, U+D5CA-D5CB, U+D5CD-D5CF, U+D5D1, U+D5D3-D5D7, U+D5DA, U+D5DC, U+D5DE-D5E3, U+D5E6-D5E7, U+D5E9-D5EB, U+D5ED-D5F3, U+D5F6, U+D5F8, U+D5FA-D5FF, U+D602-D603, U+D605-D607, U+D609-D60F, U+D612, U+D616-D61B, U+D61D-D61F, U+D621-D623, U+D625-D62C, U+D62E-D637, U+D63A-D63B, U+D63D-D63F, U+D641-D644, U+D646-D647, U+D64A, U+D64C, U+D64E-D650, U+D652-D653, U+D656-D657, U+D659-D65B, U+D65D-D666, U+D668, U+D66A-D66F, U+D672-D673, U+D675-D682, U+D684, U+D686-D68B, U+D68E-D68F, U+D691-D693, U+D695-D69C, U+D69E, U+D6A0, U+D6A2-D6A7, U+D6A9-D6AB, U+D6AD-D6AF, U+D6B1-D6B8, U+D6BA, U+D6BC-D6C3, U+D6C6-D6C7, U+D6C9-D6CB, U+D6CD-D6D0, U+D6D2-D6D3, U+D6D5-D6D6, U+D6D8, U+D6DA-D6DF, U+D6E1-D6E3, U+D6E5-D6E7, U+D6E9-D6EF, U+D6F1-D6F4, U+D6F6-D6FB, U+D6FE-D6FF, U+D701-D703, U+D705-D710, U+D712-D717, U+D71A-D71B, U+D71D-D71F, U+D721-D727, U+D72A, U+D72C, U+D72E-D733, U+D736-D737, U+D739-D73B, U+D73D-D743, U+D745-D746, U+D748, U+D74A-D74F, U+D752-D753, U+D755, U+D75A-D75F, U+D762, U+D764, U+D766-D768, U+D76A-D76B, U+D76D-D76F, U+D771-D773, U+D775-D77B, U+D77E-D780, U+D782-D787, U+D78A-D78B, U+D78D-D78F, U+D791-D797, U+D79A, U+D79C, U+D79E-D7A2}
/* site.css */
/* Quiet Titanium: source app/lib/config/theme.dart and docs/design-system/MASTER.md.
   App text/components remain 16/14/12px; public-page display headings are 26–36px. */
/* Light and dark (2026-09-27, 대표님): the visitor picks one with the toggle (theme.js, account menu and footer); the OS
   setting is never followed. <html data-theme="dark"> switches every token below. Dark is a soft warm grey, not black
   (the /beniai/ palette). --paper: the brightest card (white in light). --on-accent: text on accent, danger or success
   fills. --faint: the lightest readable grey. Print is always light. */
:root{color-scheme:light;--bg:#F0EFEC;--surface:#F7F6F3;--paper:#FFFFFF;--outer:#E4E3DF;--input:#EEEDEA;--text:#3F3C39;--muted:#625F5B;--caption:#625F5B;--faint:#888581;--line:#E0DFDB;--divider:#D2D0CC;--accent:#3D6189;--accent-hover:#345576;--on-accent:#FFFFFF;--success:#2B8A6B;--danger:#C4465A;--warning:#946017;--info-bg:#EAEFF4;--warm-bg:#F8F2E4;--hover-bg:#E7EBEC;--hover-line:#9EAFBE;--soft-line:#BECAD1;--shadow:0 4px 12px -2px rgb(0 0 0 / 7%);--shadow-hover:0 6px 16px -2px rgb(0 0 0 / 13%);--action-shadow:0 4px 10px -2px rgb(61 97 137 / 25%);--action-hover:0 6px 14px -2px rgb(61 97 137 / 40%);--radius:12px;--space:16px;--large-space:24px;--max:1280px}
:root[data-theme=dark]{color-scheme:dark;--bg:#1B1A19;--surface:#242321;--paper:#2A2927;--outer:#151413;--input:#2D2B29;--text:#ECEAE6;--muted:#B3AFA9;--caption:#B3AFA9;--faint:#8A8680;--line:#343230;--divider:#44413E;--accent:#8FB0D6;--accent-hover:#A9C3E2;--on-accent:#161514;--success:#5DB896;--danger:#E27686;--warning:#D6A25A;--info-bg:#26303B;--warm-bg:#302A20;--hover-bg:#2E3338;--hover-line:#5A6D82;--soft-line:#3E4750;--shadow:0 4px 12px -2px rgb(0 0 0 / 35%);--shadow-hover:0 6px 16px -2px rgb(0 0 0 / 45%);--action-shadow:0 4px 10px -2px rgb(0 0 0 / 40%);--action-hover:0 6px 14px -2px rgb(0 0 0 / 50%)}
@media print{:root[data-theme=dark]{color-scheme:light;--bg:#F0EFEC;--surface:#F7F6F3;--paper:#FFFFFF;--outer:#E4E3DF;--input:#EEEDEA;--text:#3F3C39;--muted:#625F5B;--caption:#625F5B;--faint:#888581;--line:#E0DFDB;--divider:#D2D0CC;--accent:#3D6189;--accent-hover:#345576;--on-accent:#FFFFFF;--success:#2B8A6B;--danger:#C4465A;--warning:#946017;--info-bg:#EAEFF4;--warm-bg:#F8F2E4;--hover-bg:#E7EBEC;--hover-line:#9EAFBE;--soft-line:#BECAD1;--shadow:0 4px 12px -2px rgb(0 0 0 / 7%);--shadow-hover:0 6px 16px -2px rgb(0 0 0 / 13%);--action-shadow:0 4px 10px -2px rgb(61 97 137 / 25%);--action-hover:0 6px 14px -2px rgb(61 97 137 / 40%)}}
*{box-sizing:border-box}html,body{margin:0}html{scroll-padding-top:24px}body{font-family:SUIT,-apple-system,BlinkMacSystemFont,'Malgun Gothic',sans-serif;font-size:14px;font-weight:500;line-height:1.7;color:var(--text);background:var(--bg);word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}p,h1,h2,h3,figure,dl,dd{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}h1{font-size:32px;font-weight:750;line-height:1.4;letter-spacing:-.8px}h1 em{font-style:normal;color:var(--accent)}h2{font-size:18px;line-height:1.5;letter-spacing:-.2px;font-weight:800}h3{font-size:14px;line-height:1.5;font-weight:700}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.lead{font-size:16px;line-height:1.8;color:var(--muted)}.eyebrow{font-size:14px;font-weight:700;color:var(--accent);margin-bottom:12px}.note,.quiet-note{font-size:12px;line-height:1.8;color:var(--muted)}.button,.app-button{display:inline-flex;gap:16px;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--accent);font-size:14px;font-weight:700;box-shadow:var(--action-shadow);transition:box-shadow 160ms ease}.button:hover,.app-button:hover{box-shadow:var(--action-hover)}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);width:48px;height:48px;flex:0 0 48px}.icon-button:hover{box-shadow:var(--shadow-hover)}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--accent);font-weight:700}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.skip-link{position:fixed;left:16px;top:-90px;z-index:20;background:var(--surface);padding:12px 20px;border-radius:12px}.skip-link:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;height:88px;border-bottom:1px solid var(--line)}.brand-group{display:flex;align-items:center;gap:16px}.brand img{width:171px}.primary-nav{display:flex;align-items:center;gap:32px}.primary-nav a{min-height:48px;display:flex;align-items:center;font-size:14px;font-weight:700;color:var(--muted)}.primary-nav a[aria-current],.primary-nav a:hover{color:var(--accent)}.app-button{min-width:130px;font-size:12px;padding-inline:16px}.app-button svg{width:16px;height:16px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:40px;padding-block:24px 32px;font-size:12px;color:var(--muted)}.site-footer strong{font-weight:700}.site-footer p{margin-top:4px}.site-footer nav{display:flex;gap:24px;flex-wrap:wrap}.site-footer a{min-height:44px;display:flex;align-items:center}.site-footer a:hover{color:var(--accent)}
.section-nav{display:flex;gap:8px;padding:20px 0 24px;border-bottom:1px solid var(--line);margin-bottom:32px;flex-wrap:wrap}.section-nav a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;border-radius:24px;font-size:14px;font-weight:700;color:var(--muted)}.section-nav a[aria-current=page]{background:var(--surface);box-shadow:var(--action-shadow);color:var(--accent)}.section-nav a:hover{color:var(--accent)}.home-hero{display:grid;grid-template-columns:1fr 1.45fr;gap:32px;align-items:center;padding-block:40px 24px}.home-copy h1{font-size:36px;line-height:1.42}.home-copy>p{font-size:16px;line-height:1.9;margin-top:24px;color:var(--muted)}.home-copy p.home-principle{font-size:14px;margin-top:16px}.home-copy .button{margin-top:24px}.anatomy{min-width:0}.anatomy-picture{position:relative;isolation:isolate}.anatomy-picture img{width:100%;height:auto;mix-blend-mode:multiply}.anatomy figcaption{font-size:12px;color:var(--caption);line-height:1.6;margin:8px 0 0}.home-hero .anatomy figcaption{max-width:450px;margin-left:auto;text-align:right}.home-entries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px}.home-entries>a{background:var(--surface);padding:24px;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);position:relative;transition:box-shadow 160ms ease}.home-entries>a:hover{box-shadow:var(--shadow-hover)}.home-entries span{font-size:12px;color:var(--accent);font-weight:700}.home-entries h2{font-size:20px;font-weight:750;line-height:1.55;margin-top:12px}.home-entries p{font-size:12px;line-height:1.7;margin-top:12px;color:var(--muted);padding-right:20px}.home-entries>a>svg{position:absolute;right:24px;top:24px;color:var(--accent)}
.menu-dialog,.install-dialog{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;max-width:760px;width:calc(100% - 48px);max-height:calc(100svh - 48px);box-shadow:0 24px 70px rgb(0 0 0 / 15%)}dialog::backdrop{background:rgb(39 40 42 / 30%);backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.dialog-heading h2{font-size:16px}.menu-groups{display:grid;grid-template-columns:1fr 1.25fr;gap:40px}.menu-groups h3{font-size:12px;color:var(--caption);margin-bottom:8px}.menu-groups nav>a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding-block:12px;border-bottom:1px solid var(--line);font-size:14px;font-weight:700}.menu-groups a:hover{color:var(--accent)}.menu-groups svg{width:16px;height:16px}.menu-account{display:flex;align-items:center;justify-content:space-between;min-height:56px;margin-top:24px;padding:16px;border-radius:12px;background:var(--info-bg);color:var(--accent);font-size:14px;font-weight:700}.dialog-active{overflow:hidden}.install-dock{display:none}.install-dialog{max-width:460px}.install-preview{border-radius:16px;margin-bottom:24px;box-shadow:var(--shadow)}.install-dialog p{font-size:14px;line-height:1.8}.install-dialog ol{padding-left:20px;font-size:14px;line-height:1.8;margin-block:16px}.install-dialog li+li{margin-top:8px}.install-dialog .note{font-size:12px;margin-bottom:24px}.install-dialog>.button{width:100%}
.inspection-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:40px}.inspection-nav{display:flex;flex-direction:column;gap:8px;align-self:start}.inspection-nav a{display:flex;align-items:center;min-height:48px;padding:12px 16px;color:var(--muted);border-radius:12px;font-size:14px}.inspection-nav a[aria-current=page]{background:var(--surface);color:var(--accent);font-weight:800;box-shadow:var(--shadow)}.inspection-nav a:hover{color:var(--accent)}.service-heading{max-width:720px;margin-bottom:24px}.service-heading h1{font-size:28px;line-height:1.45;letter-spacing:-.5px}.service-heading>.lead{font-size:14px;margin-top:16px;max-width:650px}.inspection-visual{display:grid;grid-template-columns:1.35fr 1fr;gap:32px;align-items:center;margin-bottom:32px}.anatomy-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.anatomy-controls button{min-height:44px;border:1px solid transparent;background:transparent;border-radius:12px;font-size:12px;font-weight:700;color:var(--muted);padding:8px 4px}.anatomy-controls button[aria-pressed=true]{border-color:var(--line);background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}.anatomy-caption{font-size:12px;line-height:1.8;min-height:44px;color:var(--muted);margin-top:12px}.anatomy.interactive figcaption{font-size:11px;margin-top:4px}.anatomy-marker{position:absolute;left:27%;top:49%;width:26px;height:26px;border:2px solid var(--accent);background:color-mix(in srgb,var(--info-bg) 40%,transparent);border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent);transform:translate(-50%,-50%);pointer-events:none}.anatomy-marker[data-marker=brakes]{left:39%;top:73%}.anatomy-marker[data-marker=chassis]{left:79%;top:40%}.anatomy-marker[data-marker=electric]{left:44%;top:35%}.scope-list{display:grid;gap:16px}.scope-list>div{padding-bottom:16px;border-bottom:1px solid var(--line)}.scope-list>div:last-child{padding-bottom:0;border:0}.scope-list h2{font-size:14px;font-weight:800}.scope-list p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:8px}.service-details{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:1px solid var(--line);padding-top:24px}.service-details h2,.detail-columns h2{font-size:16px;margin-bottom:16px}.steps{list-style:none;padding:0;margin:0}.steps li{margin:0;padding:0 0 20px 18px;position:relative;border-left:1px solid var(--divider)}.steps li:last-child{padding-bottom:0;border-color:transparent}.steps li:before{content:'';position:absolute;top:8px;left:-3px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.steps p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:8px}.results-block>p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:16px}.sample-preview{display:block;max-width:430px}.paper-preview{background:var(--surface);padding:24px;border:1px solid var(--divider);box-shadow:var(--shadow);border-radius:4px}.sample-preview:hover .paper-preview{box-shadow:var(--shadow-hover)}.paper-brand{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.paper-brand img{width:106px}.paper-brand>span{font-size:11px;color:var(--caption)}.paper-preview h3{font-size:16px}.paper-vehicle{font-size:11px;color:var(--caption);margin:8px 0 16px}.paper-finding{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.paper-finding strong{display:block;font-size:12px;margin-top:4px}.paper-finding p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:4px}.state{display:inline-block;color:var(--warning);font-size:12px;font-weight:700}.state.neutral{color:var(--accent)}.paper-line{border-top:1px solid var(--line);margin-block:16px}.paper-preview small{font-size:11px;color:var(--muted)}.sample-link{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;font-weight:700;color:var(--accent);min-height:48px}.sample-link svg{width:18px;height:18px}.record-result{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;border-block:1px solid var(--line);margin-block:16px;padding:8px 0}.record-result span{padding:8px 0;font-size:12px}.service-notes{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.service-notes p{font-size:12px;line-height:1.85;color:var(--muted)}.service-notes strong{display:block;color:var(--text);margin-bottom:8px}.wide-heading{max-width:850px}.maintenance-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-bottom:32px}.fitment-sheet{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:24px}.sheet-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px;font-size:12px;font-weight:700;color:var(--accent)}.sheet-heading>span:last-child{color:var(--muted);font-weight:500}.fitment-sheet dl>div{display:grid;grid-template-columns:90px 1fr;gap:16px;padding-block:14px;border-top:1px solid var(--line)}.fitment-sheet dt{font-size:12px;color:var(--muted)}.fitment-sheet dd{font-size:14px;font-weight:700}.fitment-sheet>p{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:8px}.maintenance-picture .anatomy figcaption{text-align:right}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px}.detail-columns{padding-top:32px;border-top:1px solid var(--line)}.quiet-note{border-top:1px solid var(--line);padding-top:16px;margin-top:24px}.repair-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:40px}.repair-intro .service-heading{margin:0}.diagnosis-map{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);text-align:center}.diagnosis-map>span{font-size:12px;color:var(--muted)}.diagnosis-map>div{border-block:1px solid var(--line);padding-block:16px;width:100%}.diagnosis-map strong{font-size:18px;color:var(--accent)}.diagnosis-map p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:8px}.quote-sheet dl>div{display:grid;grid-template-columns:88px 1fr;gap:24px;padding-block:16px;border-top:1px solid var(--line)}.quote-sheet dt{font-size:14px;font-weight:700}.quote-sheet dd{font-size:14px;line-height:1.8;color:var(--muted)}.repair-result{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.repair-result h2{font-size:16px}.repair-result p{font-size:14px;color:var(--muted);margin-top:12px;line-height:1.8}.repair-result>a{flex-shrink:0}
.about-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center;margin-block:40px}.about-intro h1{font-size:30px}.about-intro .lead{margin-top:24px;font-size:16px}.about-intro>div>p:not(.lead):not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9;margin-top:16px;max-width:470px}.photo img{width:100%;object-fit:cover;border-radius:12px;aspect-ratio:1.5}.photo figcaption{font-size:12px;color:var(--caption);line-height:1.6;margin-top:8px}.photo.front-photo img{object-fit:contain;aspect-ratio:1320/801}.about-principles{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;border-top:1px solid var(--line);padding-top:32px}.about-principles h2{font-size:24px;font-weight:750;line-height:1.55}.about-principles p{font-size:14px;color:var(--muted);line-height:1.85}.about-principles p+p{margin-top:16px}.about-principles strong{color:var(--text)}.related-pages{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}.related-pages>a{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;padding-right:24px;box-shadow:var(--shadow);transition:box-shadow 160ms ease}.related-pages>a:hover{box-shadow:var(--shadow-hover)}.related-pages img{width:130px;height:112px;object-fit:cover;flex-shrink:0}.related-pages strong{font-size:14px;font-weight:800}.related-pages p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:8px}.related-pages svg{margin-left:auto;color:var(--accent)}.about-heading{margin-bottom:32px;max-width:850px}.about-heading h1{font-size:30px}.about-heading>.lead{font-size:14px;margin-top:16px}.story-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:56px}.story-images{display:grid;gap:24px;align-content:start}.story-images .photo img{max-height:290px;aspect-ratio:1.6}.story-copy section+section{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.story-copy h2{font-size:16px}.story-copy p{font-size:14px;color:var(--muted);line-height:1.9;margin-top:12px}.place-gallery{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:16px}.place-gallery .photo img{height:280px;aspect-ratio:auto}.place-gallery .photo.gallery-wide img{object-position:center}.learning-block{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:32px;padding-top:32px;border-top:1px solid var(--line)}.learning-block .photo img{max-height:360px}.learning-block h2{font-size:24px;font-weight:750}.learning-block p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:16px}.learning-block .address{font-size:12px;color:var(--accent);margin-top:24px}
.report-toolbar{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px}.report-toolbar .text-link svg{transform:rotate(180deg)}.sample-notice{max-width:850px;margin:0 auto 24px;padding:16px 24px;background:var(--info-bg);border-radius:12px}.sample-notice strong{font-size:14px;color:var(--accent)}.sample-notice p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:8px}.center-report{max-width:850px;background:var(--surface);border:1px solid var(--divider);padding:40px;margin:auto;box-shadow:var(--shadow)}.report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:2px solid var(--text);padding-bottom:24px}.report-head img{width:145px}.report-head h1{font-size:26px;margin-top:24px}.report-head>span{font-size:12px;color:var(--accent);font-weight:700}.report-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;padding-block:24px;border-bottom:1px solid var(--line)}.report-meta div{display:grid;gap:4px}.report-meta dt{font-size:12px;color:var(--muted)}.report-meta dd{font-size:14px;font-weight:700}.center-report section{margin-top:24px}.center-report section>h2{font-size:16px;margin-bottom:16px}.report-item{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.report-item h3{font-size:16px;margin-top:8px}.report-item dl{margin-top:16px}.report-item dl>div{display:grid;grid-template-columns:110px 1fr;gap:16px;margin-top:12px}.report-item dt{font-size:12px;color:var(--muted)}.report-item dd{font-size:14px;line-height:1.8}.example-inline{font-size:12px;color:var(--caption)}.report-evidence{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;border-top:1px solid var(--line);padding-top:24px}.report-evidence h2{font-size:16px;margin-bottom:12px}.report-evidence p{font-size:12px;color:var(--muted);line-height:1.8}.report-evidence .note{margin-top:12px}.report-evidence img{mix-blend-mode:multiply}.report-evidence figcaption{font-size:11px;color:var(--caption)}.report-questions{border-top:1px solid var(--line);padding-top:24px}.report-questions ul{padding-left:20px;margin:0;font-size:14px;line-height:1.8}.report-questions li+li{margin-top:8px}.report-foot{font-size:12px;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.offline-page{min-height:65svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:24px;padding:40px 0}.offline-page h1{font-size:24px}.offline-page>img{border-radius:16px}.offline-page p{color:var(--muted)}
@media(min-width:1500px){.home-hero{padding-block:56px 32px}.home-copy h1{font-size:38px}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.primary-nav{gap:24px}.home-hero{grid-template-columns:1fr 1.2fr;gap:16px}.home-copy h1{font-size:30px}.home-copy>p{font-size:14px}.home-entries>a{padding:20px}.home-entries h2{font-size:18px}.inspection-layout{grid-template-columns:150px minmax(0,1fr);gap:24px}.inspection-nav a{font-size:12px;padding-inline:12px}.inspection-visual{grid-template-columns:1.3fr 1fr;gap:24px}.anatomy-controls{grid-template-columns:1fr 1fr;gap:4px}.anatomy-controls button{min-height:44px}.service-heading h1{font-size:26px}.service-details{gap:24px}.paper-preview{padding:16px}.paper-brand img{width:95px}.about-intro{gap:32px}.about-intro h1,.about-heading h1{font-size:27px}.about-intro .lead{font-size:14px}.related-pages img{width:100px;height:112px}.related-pages>a{padding-right:16px;gap:12px}.story-grid{gap:32px}.place-gallery .photo img{height:240px}.two-columns{gap:32px}.repair-intro{gap:32px}.maintenance-hero{gap:24px}.quote-sheet dl>div{gap:16px;grid-template-columns:75px 1fr}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:80px;gap:12px}.brand-group{gap:12px}.brand img{width:139px}.primary-nav{display:none}.app-button{min-width:0;min-height:44px;padding:10px 13px;gap:5px;font-size:12px}.app-button svg{width:14px}.site-header .icon-button{width:44px;height:44px;flex-basis:44px}.site-footer{display:block;margin-top:32px;padding-block:24px 96px}.site-footer nav{gap:20px;margin-top:8px}.site-footer nav a{font-size:11px}.section-nav{gap:4px;padding-block:16px 20px;margin-bottom:24px;flex-wrap:nowrap}.section-nav a{padding:10px 16px;font-size:12px;min-height:44px}.home-hero{grid-template-columns:1fr;padding-block:28px 16px;gap:16px}.home-copy h1{font-size:30px}.home-copy>p{font-size:14px;margin-top:16px}.home-copy p.home-principle{font-size:12px;margin-top:12px}.home-copy .button{margin-top:20px;font-size:12px;min-height:44px}.home-hero .anatomy{margin-inline:-8px}.home-hero .anatomy figcaption{font-size:10px;text-align:left;margin:0 8px;max-width:none}.home-entries{grid-template-columns:1fr;gap:12px;margin-top:8px}.home-entries>a{padding:16px 20px;display:grid;grid-template-columns:1fr auto;column-gap:12px}.home-entries span{font-size:12px;grid-column:1}.home-entries h2{font-size:16px;margin-top:8px;grid-column:1}.home-entries h2 br{display:none}.home-entries p{margin-top:8px;grid-column:1;padding:0}.home-entries>a>svg{position:static;grid-column:2;grid-row:1/4;align-self:center}.menu-dialog{padding:20px;width:calc(100% - 24px);max-height:calc(100svh - 24px);border-radius:12px}.dialog-heading{margin-bottom:20px}.dialog-heading h2{font-size:16px}.menu-groups{gap:24px;grid-template-columns:1fr 1.2fr}.menu-groups nav>a{font-size:12px;gap:8px;line-height:1.6;min-height:48px}.menu-groups svg{width:14px}.menu-account{font-size:12px;padding:14px;min-height:48px}.install-dock{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--bg);padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);z-index:6}.install-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;padding:10px 16px;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--action-shadow);color:var(--accent);font-size:12px;font-weight:700}.install-button img{border-radius:7px}.install-button svg{width:18px;height:18px}.install-dialog{padding:20px;width:calc(100% - 32px)}.inspection-layout{display:block}.inspection-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:28px}.inspection-nav a{min-height:44px;padding:10px 12px;font-size:12px;justify-content:center;line-height:1.6}.service-heading{margin-bottom:20px}.service-heading h1{font-size:26px;line-height:1.45}.service-heading>.lead{font-size:14px;line-height:1.85;margin-top:16px}.inspection-visual{grid-template-columns:1fr;gap:24px;margin-bottom:24px}.anatomy-controls{grid-template-columns:repeat(4,1fr);gap:4px}.anatomy-controls button{font-size:11px}.anatomy-caption{min-height:44px}.scope-list{grid-template-columns:1fr 1fr;gap:16px}.scope-list>div{padding-bottom:12px}.scope-list>div:last-child{border-bottom:1px solid var(--line);padding-bottom:12px}.scope-list h2{font-size:14px}.scope-list p{font-size:12px}.service-details{grid-template-columns:1fr;gap:28px;padding-top:24px}.steps p{font-size:14px;line-height:1.85}.results-block>p{font-size:14px}.paper-preview{padding:24px}.sample-preview{max-width:none}.sample-link{font-size:12px}.service-notes{grid-template-columns:1fr;gap:16px;margin-top:24px}.maintenance-hero{display:flex;flex-direction:column-reverse;gap:24px;margin-bottom:28px}.maintenance-picture{width:100%}.maintenance-picture .anatomy figcaption{font-size:10px;text-align:left}.fitment-sheet{padding:20px;width:100%}.fitment-sheet dl>div{grid-template-columns:72px 1fr;gap:12px}.fitment-sheet dd{font-size:12px}.two-columns,.repair-intro{grid-template-columns:1fr;gap:28px}.detail-columns{padding-top:24px}.repair-intro{margin-bottom:28px;gap:24px}.diagnosis-map{padding:20px}.quote-sheet dl>div{grid-template-columns:72px 1fr;gap:16px}.quote-sheet dd{font-size:13px}.repair-result{display:block;padding-top:24px;margin-top:24px}.repair-result .text-link{margin-top:16px}.repair-result p br{display:none}.about-intro{grid-template-columns:1fr;gap:24px;margin-block:28px}.about-intro h1,.about-heading h1{font-size:26px}.about-intro .lead{font-size:14px;margin-top:20px}.about-intro .lead br{display:none}.about-intro>div>p:not(.lead):not(.eyebrow){font-size:14px;line-height:1.85}.photo img{border-radius:12px}.photo figcaption{font-size:11px}.about-principles{grid-template-columns:1fr;gap:20px;padding-top:24px}.about-principles h2{font-size:22px}.about-principles p{font-size:14px}.related-pages{grid-template-columns:1fr;gap:12px;margin-top:28px}.related-pages img{width:100px;height:100px}.related-pages>a{padding-right:16px;gap:16px}.related-pages p{font-size:12px;margin-top:4px}.about-heading{margin-bottom:24px}.story-grid{grid-template-columns:1fr;gap:24px}.story-images{grid-template-columns:1fr 1fr;gap:12px}.story-images .photo img{aspect-ratio:1;height:auto}.story-images .photo figcaption{font-size:10px}.story-copy section+section{margin-top:24px;padding-top:24px}.story-copy p{font-size:14px}.place-gallery{grid-template-columns:1fr 1fr;gap:16px}.place-gallery .gallery-wide{grid-column:1/-1}.place-gallery .photo img{height:auto;aspect-ratio:1}.place-gallery .gallery-wide img{aspect-ratio:1.55}.learning-block{grid-template-columns:1fr;gap:24px;margin-top:24px;padding-top:24px}.learning-block h2{font-size:22px}.learning-block p{font-size:14px}.report-toolbar{gap:12px;align-items:center}.report-toolbar .text-link{font-size:12px;gap:8px}.report-toolbar .button{font-size:12px;padding:10px 14px;min-height:44px;white-space:nowrap}.sample-notice{padding:16px;margin-bottom:20px}.center-report{padding:24px 20px;margin-inline:-4px}.report-head{gap:16px}.report-head img{width:124px}.report-head h1{font-size:22px;margin-top:20px}.report-head>span{font-size:10px;white-space:nowrap}.report-meta{gap:16px}.report-meta dd{font-size:12px}.report-item dl>div{grid-template-columns:1fr;gap:4px;margin-top:12px}.report-item h3{font-size:14px}.report-item dd{font-size:13px}.report-evidence{grid-template-columns:1fr;gap:16px}.report-evidence figure{max-width:320px}.report-questions ul{font-size:13px}.report-foot{font-size:11px}.offline-page{padding:32px 0}.offline-page h1{font-size:22px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.brand-group{gap:8px}.brand img{width:116px}.site-header{gap:8px}.app-button{padding-inline:11px;font-size:11px}.app-button svg{display:none}.home-copy h1{font-size:26px}.service-heading h1,.about-intro h1,.about-heading h1{font-size:24px}.section-nav a{padding-inline:12px;font-size:11px}.menu-groups{grid-template-columns:1fr;gap:20px}.menu-groups nav>a{font-size:14px}.anatomy-controls button{font-size:10px}.related-pages img{width:82px;height:110px}.related-pages>a{gap:12px;padding-right:12px}.related-pages strong{font-size:13px}.related-pages p{font-size:11px}.report-toolbar .button{padding-inline:10px;font-size:11px}.center-report{padding:20px 16px}.report-head h1{font-size:20px}}
@media(display-mode:standalone){.install-dock{display:none!important}.site-footer{padding-bottom:calc(32px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{@page{size:A4;margin:12mm}.site-header,.site-footer,.section-nav,.report-toolbar,.sample-notice,.install-dock,dialog,.skip-link{display:none!important}body{background:white;font-size:10pt}.wrap{width:100%;max-width:none}.center-report{padding:0;border:0;box-shadow:none;max-width:none;background:white}.report-head{padding-bottom:12px}.report-head h1{font-size:20pt;margin-top:16px}.report-meta{padding-block:14px;gap:10px}.center-report section{margin-top:16px}.report-item{break-inside:avoid;padding-top:12px;margin-top:12px}.report-item dl>div{margin-top:8px}.report-meta dd,.report-item dd,.report-questions ul{font-size:9pt}.report-evidence{grid-template-columns:1.5fr 1fr;padding-top:16px;break-inside:avoid}.report-questions{padding-top:16px}.report-foot{font-size:8pt;margin-top:16px;padding-top:12px}.report-head img{width:120px}a{color:inherit}}

/* home-rebuild.css */
/* Homepage: Quiet Titanium, SUIT, R12. Shared service pages are unchanged. */
.home-page .button,.home-page .app-button,.home-page .menu-dialog { border-radius:12px; }
.home-page .app-button { box-shadow:none; }
.home-intro { display:grid; grid-template-columns:1.12fr 1fr; gap:80px; align-items:center; padding:56px 0 76px; }
.home-eyebrow { color:var(--accent); font-size:14px; font-weight:700; margin-bottom:26px; }
.home-message h1 { font-size:clamp(32px,3vw,42px); line-height:1.45; letter-spacing:-1.1px; }
.home-lead { color:var(--muted); font-size:19px; line-height:1.8; margin-top:24px; }
.home-intro-detail { border-top:1px solid var(--divider); margin-top:32px; padding-top:24px; max-width:470px; }
.home-question { font-size:18px; line-height:1.65; font-weight:750; }
.home-question br { display:none; }
.home-intro-detail > p + p { font-size:14px; color:var(--muted); line-height:1.9; margin-top:12px; max-width:440px; }
.home-hero-photo img { width:100%; height:550px; object-fit:cover; object-position:center 67%; border-radius:12px; }
.home-hero-photo figcaption,.home-service-photo figcaption,.home-repair-photo figcaption,.home-consumables-photo figcaption { color:var(--caption); font-size:12px; margin-top:10px; line-height:1.6; }
.home-service-photo figcaption { font-size:14px; line-height:1.8; color:var(--muted); }
.home-hero-photo figcaption { text-align:right; }
.home-section { padding:64px 0; border-top:1px solid var(--divider); }
.home-section h2 { font-size:32px; line-height:1.4; letter-spacing:-.8px; font-weight:800; }
.home-section-lead { font-size:21px; line-height:1.6; font-weight:650; margin-top:18px; letter-spacing:-.3px; }
.home-section-copy { font-size:15px; line-height:1.9; color:var(--muted); margin-top:16px; }
.home-inspection { display:grid; grid-template-columns:1fr 1.08fr; gap:80px; }
.home-service-photo { margin-top:30px; }
.home-service-photo img { width:100%; aspect-ratio:1.55; object-fit:cover; border-radius:12px; }
.home-product-list { list-style:none; padding:0; margin:0; }
.home-product-list > li { padding:20px 0; border-bottom:1px solid var(--line); }
.home-product-list > li:first-child { padding-top:0; }
.home-product-list h3 { font-size:19px; font-weight:750; line-height:1.55; letter-spacing:-.3px; }
.home-product-list p { color:var(--muted); font-size:14px; line-height:1.85; margin-top:7px; }
.home-product-heading { display:flex; align-items:baseline; gap:10px 18px; flex-wrap:wrap; }
.home-product-heading > span { color:var(--accent); font-weight:700; font-size:12px; }
.home-detail-link { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-height:48px; color:var(--accent); font-size:14px; font-weight:750; margin-top:22px; }
.home-detail-link:hover { text-decoration:underline; text-underline-offset:6px; }
.home-detail-link svg { width:18px; height:18px; }
.home-maintenance { display:grid; grid-template-columns:1fr 1.08fr; gap:80px; background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:42px; margin:12px 0; }
.home-consumables { margin-top:26px; }
.home-consumables > div { padding:16px 0; border-bottom:1px solid var(--line); }
.home-consumables > div:first-child { padding-top:0; }
.home-consumables > div:last-child { border-bottom:0; padding-bottom:0; }
.home-consumables dt { font-size:17px; font-weight:750; letter-spacing:-.3px; }
.home-consumables dd { color:var(--muted); font-size:14px; line-height:1.85; margin-top:5px; }
.home-consumables-photo { align-self:center; }
.home-consumables-photo img { width:100%; height:auto; aspect-ratio:1.5; object-fit:cover; border-radius:12px; }
.home-repair { display:grid; grid-template-columns:1fr 1.08fr; gap:80px; align-items:center; border-top:0; padding-top:64px; }
.home-repair-photo img { width:100%; height:480px; object-fit:cover; object-position:45% center; border-radius:12px; }
.home-repair-steps { list-style:none; padding:0; margin:24px 0 0; }
.home-repair-steps li { display:flex; gap:16px; padding:14px 0; border-bottom:1px solid var(--line); }
.home-repair-steps li > span { font-size:12px; line-height:24px; color:var(--accent); font-weight:700; font-variant-numeric:tabular-nums; }
.home-repair-steps h3 { font-size:15px; font-weight:750; }
.home-repair-steps p { font-size:13px; color:var(--muted); line-height:1.8; margin-top:4px; }
.home-visit { display:grid; grid-template-columns:1fr 1.08fr; gap:80px; align-items:center; }
.home-visit-photo img { width:100%; aspect-ratio:1.1; object-fit:cover; object-position:30% center; border-radius:12px; }
.home-visit .home-section-lead { font-size:19px; }
.home-visit .home-section-lead br { display:none; }
.home-visit-details { margin-top:26px; }
.home-visit-details > div { display:grid; grid-template-columns:98px minmax(0,1fr); gap:16px; padding:12px 0; }
.home-visit-details dt { color:var(--muted); font-size:13px; }
.home-visit-details dd { font-size:14px; line-height:1.8; }
.home-visit-note { color:var(--muted); font-size:12px; }
.home-operating-notice { border-top:1px solid var(--line); margin-top:12px; padding-top:14px; color:var(--muted); font-size:12px; line-height:1.8; }
.home-visit-links { display:flex; gap:10px; flex-wrap:wrap; margin-top:22px; }
.home-visit-links a { display:inline-flex; gap:10px; align-items:center; justify-content:center; min-height:48px; padding:10px 14px; border:1px solid var(--divider); border-radius:12px; font-size:13px; font-weight:700; color:var(--accent); background:var(--surface); }
.home-visit-links a:hover { background:var(--info-bg); }
.home-visit-links svg { width:14px; height:14px; }
.home-page .site-footer { margin-top:0; padding-bottom:calc(28px + env(safe-area-inset-bottom)); }
@media (max-width:1100px) {
  .home-intro,.home-inspection,.home-maintenance,.home-repair,.home-visit { column-gap:44px; }
  .home-hero-photo img { height:500px; }
  .home-message h1 { font-size:34px; }
  .home-question br { display:initial; }
  .home-section-copy br { display:none; }
  .home-maintenance { padding:32px; }
  .home-repair-photo img { height:460px; }
  .home-visit-details > div { grid-template-columns:86px minmax(0,1fr); gap:12px; }
}
@media (max-width:760px) {
  .home-page .site-header { gap:12px; }
  .home-page .app-button { min-height:44px; min-width:auto; padding-inline:12px; font-size:12px; }
  .home-intro { grid-template-columns:minmax(0,1fr); padding:32px 0 40px; gap:28px; }
  .home-eyebrow { font-size:12px; margin-bottom:20px; }
  .home-message h1 { font-size:clamp(28px,7.7vw,36px); letter-spacing:-.8px; }
  .home-lead { font-size:17px; margin-top:18px; }
  .home-intro-detail { margin-top:24px; padding-top:20px; max-width:none; }
  .home-question { font-size:17px; }
  .home-question br { display:none; }
  .home-intro-detail > p + p { font-size:14px; max-width:480px; }
  .home-hero-photo img { height:auto; aspect-ratio:1; object-position:center 68%; }
  .home-hero-photo figcaption { font-size:11px; }
  .home-section { padding:40px 0; }
  .home-section h2 { font-size:28px; }
  .home-section-lead { font-size:20px; margin-top:14px; }
  .home-section-copy { font-size:14px; margin-top:12px; }
  .home-inspection,.home-repair,.home-visit { grid-template-columns:minmax(0,1fr); gap:28px; }
  .home-service-photo { margin-top:22px; }
  .home-service-photo img { aspect-ratio:1.6; }
  .home-product-list h3 { font-size:18px; }
  .home-product-list > li { padding:20px 0; }
  .home-product-list > li:first-child { padding-top:0; }
  .home-product-heading { gap:6px 16px; }
  .home-detail-link { margin-top:18px; }
  .home-maintenance { grid-template-columns:minmax(0,1fr); gap:28px; padding:26px 22px; margin:4px 0 0; }
  .home-maintenance .home-section-intro { display:contents; }
  .home-maintenance h2 { order:0; }
  .home-maintenance .home-section-lead { order:1; margin-top:-16px; }
  .home-maintenance .home-section-copy { order:2; margin-top:-18px; }
  .home-maintenance .home-consumables-photo { order:3; }
  .home-maintenance .home-consumables { order:4; margin-top:0; }
  .home-maintenance .home-detail-link { order:5; margin-top:0; justify-self:start; }
  .home-consumables > div { padding:20px 0; }
  .home-consumables dt { font-size:18px; }
  .home-repair { padding-top:40px; }
  .home-repair-photo img { height:auto; aspect-ratio:1.2; }
  .home-visit-photo { order:1; }
  .home-visit-info { order:0; }
  .home-visit-photo img { aspect-ratio:1.5; }
  .home-visit-details { margin-top:22px; }
  .home-visit-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .home-visit-links a { font-size:12px; padding-inline:12px; }
}
@media (max-width:370px) {
  .home-page .site-header { gap:8px; }
  .home-page .app-button { padding-inline:10px; }
  .home-message h1 { font-size:27px; }
  .home-eyebrow { font-size:11px; }
  .home-question br { display:initial; }
  .home-maintenance { padding:24px 18px; }
  .home-visit-details > div { grid-template-columns:minmax(0,1fr); gap:4px; }
}

/* inspection-choice.css */

.inspection-catalog .report-intro{grid-template-columns:.88fr 1.12fr;gap:56px;padding-block:44px 46px}
.inspection-catalog .report-intro h1{font-size:34px;max-width:390px}
.inspection-catalog .report-glimpse{min-width:0}
.inspection-catalog .report-sheets{height:360px;position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at center,var(--outer) 0,transparent 70%)}
.inspection-catalog .report-sheet{position:absolute;height:auto;border:1px solid var(--line);border-radius:7px;box-shadow:0 12px 32px #242e3b1a;background:var(--surface)}
.inspection-catalog .sheet-front{width:72%;left:13%;top:60px;z-index:3;transform:rotate(-3deg)}
.inspection-catalog .sheet-middle{width:58%;right:0;top:24px;z-index:2;transform:rotate(7deg)}
.inspection-catalog .sheet-back{width:55%;left:1%;top:0;z-index:1;transform:rotate(-9deg)}
.inspection-catalog .report-glimpse figcaption{font-size:12px;color:var(--muted);margin-top:14px;text-align:center}
.inspection-catalog .choice-tabs{display:flex;align-items:stretch;gap:0;border-top:0;border-bottom:1px solid var(--divider);overflow-x:auto;scrollbar-width:thin}
.inspection-catalog .choice-tabs > a{flex:1;display:flex;align-items:center;justify-content:center;padding:17px 16px;min-height:74px;font-size:16px;line-height:1.5;text-align:center;border:0;border-bottom:3px solid transparent;position:relative}
.inspection-catalog .choice-tabs > a[aria-expanded=true]{color:var(--accent);border-bottom-color:var(--accent);background:var(--info-bg);font-weight:800}
.inspection-catalog .choice-tabs > a:hover{background:var(--input)}
.inspection-catalog .choice-panel{display:block;padding:36px 0 24px;border-bottom:0;scroll-margin-top:20px}
.inspection-catalog .choice-heading h2{font-size:36px;line-height:1.45;letter-spacing:-1px}
.inspection-catalog .choice-heading .eyebrow{font-size:13px;margin-bottom:10px}
.inspection-catalog .choice-lead{font-size:20px;margin-top:16px;font-weight:650}
.inspection-catalog .choice-description{max-width:790px;color:var(--muted);font-size:15px;line-height:1.9;margin-top:10px}
.inspection-catalog .choice-details{display:grid;grid-template-columns:1.2fr 1fr;gap:76px;margin-top:30px;align-items:start}
.inspection-catalog .choice-scope>div{display:flex;gap:18px;padding:18px 0;border-top:1px solid var(--line)}
.inspection-catalog .choice-scope>div>span{font-size:12px;color:var(--accent);padding-top:2px}
.inspection-catalog .choice-scope h3{font-size:16px}
.inspection-catalog .choice-scope p{font-size:14px;color:var(--muted);margin-top:6px;line-height:1.8}
.inspection-catalog .choice-flow{padding:22px 26px;background:var(--input);border-radius:12px}
.inspection-catalog .flow-label{font-size:12px;color:var(--accent);margin-bottom:18px}
.inspection-catalog .choice-flow ol{list-style:none;padding:0;margin:0;display:flex;gap:10px}
.inspection-catalog .choice-flow li{flex:1;min-width:0;position:relative}
.inspection-catalog .flow-point{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid var(--soft-line);color:var(--accent);background:var(--bg);border-radius:7px;font-size:12px;margin-bottom:12px;position:relative;z-index:1}
.inspection-catalog .choice-flow li:not(:last-child)::after{content:'';position:absolute;left:28px;right:-10px;top:13px;height:1px;background:var(--soft-line)}
.inspection-catalog .choice-flow strong{font-size:14px}
.inspection-catalog .choice-flow li p{font-size:12px;line-height:1.75;color:var(--muted);margin-top:5px}
.inspection-catalog .choice-prepare{font-size:13px;color:var(--muted);line-height:1.8;border-top:1px solid var(--divider);margin-top:24px;padding-top:16px}
.inspection-catalog .choice-prepare strong{display:block;font-size:12px;margin-bottom:6px;color:var(--text)}
.inspection-catalog .choice-booking{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:28px;padding:24px 0 0;border:0;border-top:1px solid var(--divider);border-radius:0;background:transparent}
.inspection-catalog .choice-booking dl{display:flex;gap:60px}
.inspection-catalog .choice-booking dt{font-size:12px;color:var(--muted);margin-bottom:5px}
.inspection-catalog .choice-booking dd{font-size:20px;font-weight:650;line-height:1.6}
.inspection-catalog .choice-booking dd span{font-size:12px;font-weight:500;color:var(--muted);margin-left:9px}
.inspection-catalog .choice-booking .choice-reserve{background:var(--accent);color:var(--on-accent);border:0;box-shadow:none;min-width:180px;min-height:50px;border-radius:12px}
.inspection-catalog .choice-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:14px}
.inspection-catalog .inspection-closing{border-top:1px solid var(--line);display:flex;gap:32px;align-items:center;justify-content:space-between;padding:24px 0}
.inspection-catalog .inspection-closing p{font-size:14px;color:var(--muted);line-height:1.8}
.inspection-catalog .inspection-closing a{flex-shrink:0;font-size:13px}
@media(max-width:1050px){
.inspection-catalog .report-intro{gap:32px}
.inspection-catalog .report-intro h1{font-size:29px}
.inspection-catalog .report-sheets{height:310px}
.inspection-catalog .choice-tabs > a{font-size:14px;padding:14px 10px}
.inspection-catalog .choice-details{gap:36px}
.inspection-catalog .choice-booking dl{gap:28px}
.inspection-catalog .choice-booking dd span{display:block;margin:0}
.inspection-catalog .choice-flow{padding:20px}
.inspection-catalog .choice-flow ol{gap:8px}
.inspection-catalog .choice-flow strong{font-size:13px}}
@media(max-width:760px){
.inspection-catalog .report-intro{grid-template-columns:1fr;gap:22px;padding:30px 0}
.inspection-catalog .report-intro h1{font-size:29px;max-width:320px}
.inspection-catalog .report-intro .detail-lead{font-size:17px}
.inspection-catalog .report-sheets{height:255px}
.inspection-catalog .sheet-front{top:45px}
.inspection-catalog .sheet-middle{top:20px}
.inspection-catalog .report-glimpse figcaption{font-size:11px;margin-top:10px}
.inspection-catalog .choice-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;border:1px solid var(--divider);border-radius:12px;gap:0}
.inspection-catalog .choice-tabs > a{padding:13px 12px;min-height:64px;font-size:14px;border:0;border-bottom:1px solid var(--divider);border-left:1px solid var(--divider);text-align:left;justify-content:flex-start}
.inspection-catalog .choice-tabs > a:nth-child(odd){border-left:0}
.inspection-catalog .choice-tabs > a:first-child{border-top-left-radius:11px}
.inspection-catalog .choice-tabs > a:nth-child(2){border-top-right-radius:11px}
.inspection-catalog .choice-tabs > a:last-child{grid-column:1/-1;min-height:50px;border-bottom:0;border-radius:0 0 11px 11px;flex-direction:row}
.inspection-catalog .choice-tabs > a[aria-expanded=true]{background:var(--accent);color:var(--on-accent)}
.inspection-catalog .choice-panel{padding:28px 0 22px}
.inspection-catalog .choice-heading h2{font-size:29px}
.inspection-catalog .choice-heading .eyebrow{font-size:12px}
.inspection-catalog .choice-lead{font-size:18px;line-height:1.65;margin-top:12px}
.inspection-catalog .choice-description{font-size:14px;line-height:1.85}
.inspection-catalog .choice-details{grid-template-columns:1fr;gap:20px;margin-top:24px}
.inspection-catalog .choice-scope>div{padding:15px 0;gap:14px}
.inspection-catalog .choice-scope h3{font-size:15px}
.inspection-catalog .choice-scope p{font-size:13px}
.inspection-catalog .choice-flow{padding:20px}
.inspection-catalog .choice-booking{display:block;padding:20px 0 0;margin-top:24px}
.inspection-catalog .choice-booking dl{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}
.inspection-catalog .choice-booking dd{font-size:20px}
.inspection-catalog .choice-booking .choice-reserve{width:100%;margin-top:20px}
.inspection-catalog .choice-note{font-size:12px}
.inspection-catalog .inspection-closing{display:block;padding:20px 0}
.inspection-catalog .inspection-closing .text-link{margin-top:8px}}
@media(max-width:370px){
.inspection-catalog .report-sheets{height:215px}
.inspection-catalog .choice-heading h2{font-size:26px}
.inspection-catalog .choice-tabs > a{font-size:13px}
.inspection-catalog .choice-booking{padding:18px 0 0}
.inspection-catalog .choice-booking dd{font-size:20px}
.inspection-catalog .choice-booking dl{gap:14px}}
@media print{
.inspection-catalog .choice-tabs,.inspection-catalog .choice-reserve,.inspection-catalog .inspection-closing{display:none!important}
.inspection-catalog .choice-panel[hidden]{display:block!important}
.inspection-catalog .report-sheets{height:260px}
.inspection-catalog .choice-panel{break-inside:avoid}}

.inspection-catalog .diagnosis-intro h3{font-size:26px;line-height:1.55;letter-spacing:-.6px;font-weight:650}
.inspection-catalog .diagnosis-intro h3 strong{color:var(--accent);font-weight:800}
.inspection-catalog .diagnosis-intro p{max-width:620px;font-size:14px;line-height:1.85;color:var(--muted);margin-top:10px}
.inspection-catalog .diagnosis-fee{margin-top:22px;max-width:790px}
.inspection-catalog .diagnosis-fee h3{font-size:15px;font-weight:650}
.inspection-catalog .diagnosis-fee p{font-size:14px;line-height:1.85;color:var(--muted);margin-top:6px}
.inspection-catalog .diagnosis-fee .diagnosis-rate{color:var(--text);font-size:15px;font-weight:500}
.inspection-catalog .diagnosis-rate span{display:inline-block;font-size:12px;font-weight:400;color:var(--muted);margin-left:6px}
@media(max-width:760px){.inspection-catalog .diagnosis-intro h3{font-size:23px}.inspection-catalog .diagnosis-fee .diagnosis-rate{font-size:14px}.inspection-catalog .diagnosis-fee p{font-size:13px}}

.inspection-catalog .diagnosis-intro{margin-top:24px}
.inspection-catalog .diagnosis-booking .diagnosis-fee{margin-top:0;max-width:760px}

/* Product choices: desktop cards, mobile inline detail. */
.inspection-catalog .choice-prompt{font-size:18px;font-weight:650;margin:0 0 18px}
.inspection-catalog .choice-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:0;border-radius:0;overflow:visible}
.inspection-catalog .choice-tabs > a{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;min-height:142px;padding:22px;text-align:left;border:1px solid var(--divider);border-radius:10px;background:transparent;order:0}
.inspection-catalog .choice-tabs > a strong{font-size:17px;line-height:1.55;color:var(--text)}
.inspection-catalog .choice-tabs > a span{font-size:14px;line-height:1.8;color:var(--muted);font-weight:400}
.inspection-catalog .choice-tabs > a[aria-expanded=true]{border-color:var(--accent);background:var(--info-bg);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.inspection-catalog .choice-tabs > a[aria-expanded=true] strong{color:var(--accent)}
.inspection-catalog .choice-tabs > a:hover{background:var(--input)}
.inspection-catalog .choice-tabs > a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.inspection-catalog .choice-tabs>.choice-panel{grid-column:1/-1;order:1;min-width:0;padding-top:28px}
.inspection-catalog .choice-tabs > a:last-of-type{grid-column:auto;min-height:142px;flex-direction:column;border:1px solid var(--divider);border-radius:10px}
.inspection-catalog .choice-tabs > a:last-of-type[aria-expanded=true]{border-color:var(--accent)}
@media(max-width:760px){
.inspection-catalog .choice-tabs{grid-template-columns:minmax(0,1fr);gap:12px}
.inspection-catalog .choice-tabs > a,.inspection-catalog .choice-tabs > a:last-of-type{min-height:0;padding:17px 18px;gap:6px;border-radius:10px;border:1px solid var(--divider);scroll-margin-top:16px}
.inspection-catalog .choice-tabs > a strong{font-size:16px}
.inspection-catalog .choice-tabs > a span{font-size:13px}
.inspection-catalog .choice-tabs > a[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}
.inspection-catalog .choice-tabs>.choice-panel{order:0;padding:16px 0 28px;border-bottom:1px solid var(--divider)}
}
@media print{.inspection-catalog .choice-tabs{display:block!important}.inspection-catalog .choice-tabs>a,.inspection-catalog .choice-prompt{display:none!important}}

/* Four planned inspections plus a separate repair consultation entry. */
.inspection-catalog .choice-tabs > a:nth-child(n){border-left:1px solid var(--divider)}
.inspection-catalog .choice-tabs > a[aria-expanded=true]{border-color:var(--accent)}
.inspection-catalog .choice-repair-heading{grid-column:1/-1;order:2;font-size:18px;font-weight:650;margin:24px 0 4px}
.inspection-catalog .choice-tabs > a[data-product="fault"]{grid-column:1/-1;order:3;min-height:100px;display:grid;grid-template-columns:minmax(190px,.7fr) 2fr;align-items:center;gap:28px;background:var(--input)}
.inspection-catalog .choice-tabs > a[data-product="fault"][aria-expanded=true]{background:var(--info-bg)}
.inspection-catalog .choice-tabs > #fault{order:4}
@media(max-width:760px){
.inspection-catalog .choice-repair-heading{order:0;font-size:17px;margin-top:22px}
.inspection-catalog .choice-tabs > a[data-product="fault"]{order:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:0}
.inspection-catalog .choice-tabs > #fault{order:0}
}
@media print{.inspection-catalog .choice-repair-heading{display:none!important}}

/* Make every product choice visibly actionable. */
.inspection-catalog .choice-tabs > a{cursor:pointer;transition:background-color .15s,border-color .15s}
.inspection-catalog .choice-tabs > a .choice-action{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:8px;color:var(--accent);font-size:13px;font-weight:650}
.inspection-catalog .choice-tabs > a .choice-action span{color:inherit;font-size:inherit;font-weight:inherit}
.inspection-catalog .choice-action svg{width:17px;height:17px;transition:transform .15s}
.inspection-catalog [aria-expanded=true]>.choice-action svg{transform:rotate(180deg)}
.inspection-catalog .choice-tabs > a:hover,.inspection-catalog .choice-tabs > a[data-product="fault"]:hover{background:color-mix(in srgb,var(--accent) 12%,var(--paper));border-color:var(--accent)}
.inspection-catalog .choice-tabs > a[data-product="fault"]{grid-template-columns:minmax(190px,.7fr) 2fr auto}
.inspection-catalog .choice-tabs > a[data-product="fault"] .choice-action{margin-top:0;padding-top:0;white-space:nowrap}
@media(max-width:760px){.inspection-catalog .choice-tabs > a .choice-action,.inspection-catalog .choice-tabs > a[data-product="fault"] .choice-action{margin-top:6px;padding-top:4px}}
@media(prefers-reduced-motion:reduce){.inspection-catalog .choice-tabs>a,.inspection-catalog .choice-action svg{transition:none}}

/* Keep all choices ahead of the detail area at every width. */
.inspection-catalog .choice-tabs>.choice-panel,.inspection-catalog .choice-tabs>#fault{order:4}

.inspection-catalog .choice-hint{font-size:13px;color:var(--muted);line-height:1.7;margin:-10px 0 18px}
.inspection-catalog .choice-tabs>a{position:relative;padding-right:52px}
.inspection-catalog .choice-tabs>a .choice-action,.inspection-catalog .choice-tabs>a[data-product="fault"] .choice-action{position:absolute;right:20px;top:25px;margin:0;padding:0}
.inspection-catalog .choice-tabs>a[data-product="fault"]{grid-template-columns:minmax(190px,.7fr) 2fr;padding-right:52px}
.inspection-catalog .choice-tabs>a[data-product="fault"] .choice-action{top:50%;transform:translateY(-50%)}
@media(max-width:760px){.inspection-catalog .choice-tabs>a,.inspection-catalog .choice-tabs>a:last-of-type{padding-right:46px}.inspection-catalog .choice-tabs>a .choice-action,.inspection-catalog .choice-tabs>a[data-product="fault"] .choice-action{top:20px;right:16px;transform:none}}
@media print{.inspection-catalog .choice-hint{display:none}}

/* site-rebuild.css */
/* Shared navigation and editorial about / service pages. Homepage content stays intact. */
.site-header{height:74px;border-bottom:0;gap:24px}
.site-header #menu-open{position:relative;width:36px;height:36px;flex:0 0 36px;border-radius:9px;box-shadow:none}
.site-header #menu-open::after{content:"";position:absolute;inset:-4px}
.site-header #menu-open svg{width:18px;height:18px}
.site-header .brand-group{gap:14px}
.site-header .app-button{border-radius:12px;box-shadow:none;min-height:44px}
.button,.install-button{border-radius:12px}
.install-button{box-shadow:none}
.primary-nav{display:flex;justify-content:center;gap:48px;min-height:54px;border-bottom:1px solid var(--line)}
.primary-nav a{position:relative;min-height:54px;font-size:15px}
.primary-nav a[aria-current]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}
.menu-dialog{border-radius:12px;max-width:600px}
.menu-groups{grid-template-columns:1fr 1fr;gap:40px}
.menu-groups nav>a{font-size:15px}
.menu-account{border-radius:10px}
.section-nav{justify-content:flex-start;gap:40px;padding:0;margin:0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.section-nav a{position:relative;border:0;border-radius:0;background:none;box-shadow:none;padding:16px 4px;min-height:54px;font-size:14px}
.section-nav a[aria-current]{background:none;box-shadow:none;color:var(--accent)}
.section-nav a[aria-current]::after{content:"";height:2px;position:absolute;left:4px;right:4px;bottom:-1px;background:var(--accent)}
.detail-page{padding-bottom:24px}
.editorial-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center;padding:56px 0 64px}
.editorial-hero h1{font-size:clamp(29px,2.6vw,38px);line-height:1.45;letter-spacing:-1px}
.detail-lead{font-size:19px;line-height:1.85;margin-top:22px}
.hero-copy{font-size:15px;color:var(--muted);line-height:1.95;margin-top:18px;max-width:450px}
.detail-photo img{width:100%;height:auto;aspect-ratio:1.45;object-fit:cover;border-radius:12px}
.detail-photo figcaption{color:var(--muted);font-size:12px;margin-top:10px}
.about-hero .detail-photo img{aspect-ratio:1.4;object-position:54% center}
.inspection-hero .detail-photo img{aspect-ratio:1.45}
.repair-detail-photo img{aspect-ratio:1.3;object-position:center}
.consultation-note{font-size:13px;color:var(--accent);border-top:1px solid var(--line);padding-top:16px;margin-top:22px}
.detail-section{padding:60px 0;border-top:1px solid var(--line)}
.section-heading h2,.story-section h2,.location-section h2,.booking-panel h2{font-size:28px;line-height:1.5;letter-spacing:-.7px}
.section-heading>p:not(.eyebrow),.story-section p:not(.eyebrow),.location-section p{font-size:15px;line-height:1.95;color:var(--muted);margin-top:18px}
.section-heading .eyebrow{margin-top:0}
.section-heading-wide{max-width:660px;margin-bottom:32px}
.principles-section{display:grid;grid-template-columns:.85fr 1.25fr;gap:72px}
.principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 36px}
.principles-grid>div{border-top:1px solid var(--line);padding-top:14px}
.principles-grid span,.consumable-grid article>span{font-size:12px;color:var(--accent);font-weight:700}
.principles-grid h3,.consumable-grid h3{font-size:18px;margin-top:8px}
.principles-grid p,.consumable-grid p{font-size:14px;color:var(--muted);margin-top:8px;line-height:1.9}
.story-section{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.story-section .detail-photo img{aspect-ratio:1;object-position:65% center}
.story-paragraph{margin-top:28px}
.story-paragraph h3{font-size:17px}
.story-section .story-paragraph p{margin-top:10px}
.about-photo-pair{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}
.about-photo-pair img{aspect-ratio:1.5}
.location-section{display:grid;grid-template-columns:1fr 1fr;gap:28px 64px;align-items:start}
.location-heading{grid-column:1/-1}
.location-section .location-heading .eyebrow{margin:0 0 10px;font-size:14px;color:var(--accent)}
.location-section .detail-facts>div{min-height:88px;padding:16px 0;align-items:start}
.location-section .text-link{margin:0;min-height:28px;font-size:14px}
.product-index{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-block:1px solid var(--line)}
.product-index a{padding:18px 20px;min-height:100px;display:flex;flex-direction:column;justify-content:center;font-size:14px;font-weight:700;line-height:1.7;gap:4px;border-left:1px solid var(--line)}
.product-index a:first-child{border-left:0}
.product-index span{font-size:11px;color:var(--accent);font-weight:500}
.product-index a:hover{background:var(--surface);color:var(--accent)}
.inspection-product{display:grid;grid-template-columns:1.12fr 1fr;gap:80px;align-items:center;padding:64px 0;border-bottom:1px solid var(--line);scroll-margin-top:28px}
.product-number{font-size:14px;color:var(--accent);font-weight:700;margin-bottom:16px}
.product-copy h2{font-size:29px;line-height:1.5;letter-spacing:-.6px}
.product-description{font-size:15px;line-height:1.95;margin:20px 0 26px;color:var(--muted)}
.detail-facts>div{display:grid;grid-template-columns:122px minmax(0,1fr);gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}
.detail-facts>div:first-child{padding-top:0}
.detail-facts>div:last-child{border-bottom:0}
.detail-facts dt{font-size:13px;font-weight:750}
.detail-facts dd{font-size:14px;color:var(--muted);line-height:1.85}
.scope-note{font-size:12px;line-height:1.85;color:var(--muted);margin-top:20px}
.product-outcome{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:32px 34px;box-shadow:0 8px 24px #23282b05}
.outcome-label{font-size:11px;letter-spacing:.3px;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:22px}
.product-outcome h3{font-size:22px;letter-spacing:-.5px}
.product-outcome>p:not(.outcome-label):not(.outcome-foot){font-size:13px;color:var(--muted);margin-top:10px;line-height:1.85}
.product-outcome ol{list-style:none;margin:24px 0 0;padding:0}
.product-outcome li{border-top:1px solid var(--line);padding:17px 0;display:flex;flex-direction:column;gap:5px}
.product-outcome li strong{font-size:15px;font-weight:750}
.product-outcome li span{font-size:13px;color:var(--muted);line-height:1.8}
.product-outcome .outcome-foot{font-size:11px;line-height:1.8;color:var(--muted);padding-top:8px}
.inspection-common,.two-part-section,.repair-completion{display:grid;grid-template-columns:1fr 1.12fr;gap:80px}
.inspection-common{border-top:0}
.process-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr}
.process-list>li{display:flex;gap:20px;padding:22px 0;border-top:1px solid var(--line)}
.process-list>li:first-child{border-top:0;padding-top:0}
.process-list>li:last-child{padding-bottom:0}
.step-number{font-size:12px;color:var(--accent);min-width:22px;line-height:27px;font-weight:700}
.process-list h3{font-size:17px;line-height:1.7}
.process-list p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:7px}
.inspection-reservation{padding:26px 30px;border-radius:12px;background:var(--input);margin-bottom:40px}
.inspection-reservation h2{font-size:18px}
.inspection-reservation p{font-size:14px;color:var(--muted);line-height:1.9;margin-top:10px}
.booking-panel{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center;border-block:1px solid var(--line);padding:36px 0;margin-top:0}
.booking-panel>div>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);max-width:720px;margin-top:12px}
.booking-panel>div>p.booking-small{font-size:12px;margin-top:8px}
.contact-actions{display:flex;flex-direction:column;gap:10px;min-width:172px}
.contact-actions .button{border-radius:12px;box-shadow:none;font-size:13px;min-height:46px}
.contact-actions .contact-primary{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}
.contact-actions svg{width:16px;height:16px}
.consumable-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;margin-top:32px}
.consumable-grid article{border-top:1px solid var(--line);padding:22px 0}
.parts-notice{display:grid;grid-template-columns:210px 1fr;gap:36px;padding:30px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-top:36px}
.parts-day{border-right:1px solid var(--line);padding-right:24px;display:flex;flex-direction:column;gap:6px;justify-content:center}
.parts-day strong{font-size:25px;font-weight:750;color:var(--accent);letter-spacing:-.6px}
.parts-day span{font-size:12px;color:var(--muted)}
.parts-notice h3{font-size:17px}
.parts-notice p{font-size:14px;color:var(--muted);line-height:1.9;margin-top:10px}
.parts-notice p strong{font-weight:650;color:var(--text)}
.service-questions{display:grid;grid-template-columns:1fr 1.12fr;gap:80px}
.service-questions>h2{font-size:25px}
.service-questions h3{font-size:16px}
.service-questions h3:not(:first-child){margin-top:28px}
.service-questions p{font-size:14px;color:var(--muted);line-height:1.9;margin-top:10px}
.repair-choices article{border-top:1px solid var(--line);padding:22px 0}
.repair-choices article:first-child{padding-top:0;border-top:0}
.repair-choices article>span,.path-label{color:var(--accent);font-size:12px;font-weight:700}
.repair-choices h3{font-size:20px;margin-top:8px}
.repair-choices p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:12px}
.reservation-paths{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.reservation-paths>article{border-top:2px solid var(--line);padding-top:22px}
.reservation-paths>article>h3{font-size:21px;margin:10px 0 28px}
.reservation-paths .process-list h3{font-size:16px}
.reservation-paths .text-link{font-size:13px;margin-top:18px}
.visit-separation{font-size:14px;color:var(--muted);line-height:1.85;padding-top:28px}
.alias-page{padding:60px 0;min-height:50vh}
.alias-page .text-link{margin-top:20px}
.muted{color:var(--muted)}
@media(max-width:1050px){.editorial-hero,.story-section,.location-section{gap:36px}.principles-section,.inspection-product,.inspection-common,.two-part-section,.repair-completion,.service-questions{gap:40px}.product-index a{padding-inline:12px;font-size:13px}.product-outcome{padding:26px}.detail-facts>div{grid-template-columns:100px 1fr;gap:16px}.parts-notice{grid-template-columns:180px 1fr;gap:26px}.booking-panel{gap:30px}.section-heading h2,.story-section h2,.booking-panel h2{font-size:26px}.product-copy h2{font-size:27px}}
@media(max-width:760px){
 .site-header{height:68px;gap:12px}.site-header .brand-group{gap:10px}.site-header .brand img{width:139px}.site-header .app-button{font-size:12px;padding:9px 11px;min-height:42px}
 .primary-nav{display:flex;min-height:50px;gap:36px}.primary-nav a{min-height:50px;font-size:14px}.section-nav{gap:28px;flex-wrap:nowrap}.section-nav a{font-size:13px;min-height:50px;padding:14px 0}.section-nav a[aria-current]::after{left:0;right:0}
 .menu-groups{grid-template-columns:1fr 1fr;gap:24px}.menu-groups nav>a{font-size:14px}
 .editorial-hero{grid-template-columns:1fr;gap:28px;padding:32px 0 36px}.editorial-hero h1{font-size:29px;letter-spacing:-.8px}.detail-lead{font-size:17px;margin-top:18px}.hero-copy{font-size:14px;max-width:none;margin-top:16px}.hero-copy br{display:none}.consultation-note{font-size:12px;padding-top:14px;margin-top:18px}
 .detail-photo img,.about-hero .detail-photo img,.inspection-hero .detail-photo img{aspect-ratio:1.45}.repair-detail-photo img{aspect-ratio:1.25}
 .detail-section{padding:36px 0}.section-heading h2,.story-section h2,.location-section h2,.booking-panel h2{font-size:25px}.section-heading>p:not(.eyebrow),.story-section p:not(.eyebrow),.location-section p{font-size:14px;margin-top:14px}.section-heading-wide{margin-bottom:24px}
 .principles-section,.story-section,.location-section,.inspection-product,.inspection-common,.two-part-section,.repair-completion,.service-questions,.booking-panel{grid-template-columns:minmax(0,1fr);gap:28px}
 .principles-grid{gap:24px 20px}.principles-grid h3{font-size:16px}.principles-grid p{font-size:13px}.story-section>.detail-photo{order:1}.story-section .detail-photo img{aspect-ratio:1.5}.story-paragraph{margin-top:24px}.about-photo-pair{grid-template-columns:1fr;gap:22px}
 .product-index{grid-template-columns:1fr 1fr;border-bottom:0}.product-index a{padding:14px 12px;min-height:80px;border-bottom:1px solid var(--line);font-size:13px;gap:2px}.product-index a:nth-child(odd){border-left:0}.product-index a:last-child{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-start;min-height:52px;gap:12px}.product-index a br{display:none}
 .inspection-product{padding:36px 0;gap:24px}.product-copy h2{font-size:25px}.product-number{font-size:13px;margin-bottom:12px}.product-description{font-size:14px;margin:16px 0 20px}.detail-facts>div{grid-template-columns:100px minmax(0,1fr);gap:16px;padding:14px 0}.detail-facts dd{font-size:13px}.detail-facts dt{font-size:12px}.scope-note{font-size:12px;margin-top:16px}
 .product-outcome{padding:24px}.product-outcome h3{font-size:21px}.outcome-label{padding-bottom:12px;margin-bottom:18px}.product-outcome li{padding:15px 0}.product-outcome ol{margin-top:20px}
 .process-list>li{gap:14px;padding:18px 0}.process-list h3{font-size:16px}.process-list p{font-size:14px}.inspection-reservation{padding:22px;margin-bottom:30px}.inspection-reservation h2{font-size:17px}
 .booking-panel{padding:28px 0;gap:22px}.contact-actions{flex-direction:row;min-width:0}.contact-actions a{flex:1}.contact-actions .button{padding-inline:12px;font-size:12px}.booking-panel>div>p:not(.eyebrow){font-size:14px}
 .consumable-grid{grid-template-columns:1fr;gap:0;margin-top:24px}.consumable-grid article{padding:20px 0}.consumable-grid h3{font-size:18px}
 .parts-notice{grid-template-columns:1fr;gap:18px;padding:24px;margin-top:28px}.parts-day{border-right:0;border-bottom:1px solid var(--line);padding:0 0 18px}.parts-day strong{font-size:25px}.parts-notice h3{font-size:16px}.parts-notice p{font-size:13px}
 .service-questions>h2{font-size:24px}.reservation-paths{grid-template-columns:1fr;gap:32px}.reservation-paths>article>h3{font-size:20px;margin-bottom:22px}.visit-separation{font-size:13px}
}
@media(max-width:370px){.site-header .brand img{width:116px}.site-header .brand-group{gap:8px}.site-header .app-button{padding-inline:10px;font-size:11px}.editorial-hero h1{font-size:26px}.detail-lead{font-size:16px}.product-copy h2{font-size:23px}.product-outcome{padding:20px}.detail-facts>div{grid-template-columns:1fr;gap:5px}.parts-notice{padding:20px}.primary-nav{gap:28px}.section-nav{gap:24px}.principles-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.primary-nav,.contact-actions,.booking-panel,.product-index{display:none}.detail-section,.inspection-product{break-inside:avoid}.site-header{display:none}}

@media(max-width:760px){.location-section{row-gap:0}.location-heading{margin-bottom:20px}.location-section .detail-facts>div{min-height:0;padding:16px 0}.location-section .detail-facts:last-child{border-top:1px solid var(--line)}}

/* premium.css */
/* Percentin site premium editorial layer. Loaded after site-rebuild.css. */

@media screen {
  :root {
    --premium-ease: cubic-bezier(.2, .72, .28, 1);
    --premium-soft-blue: var(--info-bg);
  }

  body {
    line-height: 1.75;
  }

  .wrap {
    width: min(var(--max), calc(100% - 64px));
  }

  h1,
  h2,
  h3 {
    text-wrap: balance;
  }

  p,
  dd,
  li {
    text-wrap: pretty;
  }

  .button,
  .app-button,
  .install-button,
  .icon-button,
  .menu-dialog,
  .install-dialog {
    border-radius: 12px;
  }

  .button,
  .app-button,
  .install-button,
  .icon-button {
    box-shadow: none;
    transition:
      color 160ms var(--premium-ease),
      background-color 160ms var(--premium-ease),
      border-color 160ms var(--premium-ease),
      transform 160ms var(--premium-ease);
  }

  .button:hover,
  .app-button:hover,
  .install-button:hover,
  .icon-button:hover {
    box-shadow: none;
    border-color: var(--soft-line);
  }

  .button:active,
  .app-button:active,
  .install-button:active,
  .icon-button:active {
    transform: translateY(1px);
  }

  a:focus-visible,
  button:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 3px;
  }

  .site-header {
    height: 76px;
    gap: 24px;
  }

  .site-header #menu-open {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    background: transparent;
  }

  .site-header .app-button {
    min-height: 44px;
    border-color: var(--divider);
    background: transparent;
  }

  .primary-nav {
    min-height: 54px;
    gap: 52px;
  }

  .primary-nav a {
    min-height: 54px;
    font-size: 15px;
    font-weight: 650;
  }

  .section-nav {
    gap: 42px;
  }

  .section-nav a {
    padding-inline: 2px;
    font-weight: 650;
  }

  .menu-dialog,
  .install-dialog {
    border-color: var(--divider);
    box-shadow: 0 24px 64px rgb(39 40 42 / 14%);
  }

  dialog::backdrop {
    background: rgb(39 40 42 / 26%);
    backdrop-filter: blur(3px);
  }

  .menu-groups nav > a,
  .menu-account {
    transition:
      color 160ms var(--premium-ease),
      background-color 160ms var(--premium-ease);
  }

  .menu-groups nav > a:hover {
    background: color-mix(in srgb,var(--accent) 4%,transparent);
  }

  .site-footer {
    margin-top: 40px;
    padding-block: 28px 36px;
    border-color: var(--divider);
  }

  .site-footer a {
    transition: color 160ms var(--premium-ease);
  }

  .text-link svg,
  .home-detail-link svg,
  .home-visit-links svg,
  .menu-groups nav > a svg,
  .menu-account svg,
  .contact-actions svg {
    transition: transform 160ms var(--premium-ease);
  }

  .text-link:hover svg,
  .home-detail-link:hover svg,
  .home-visit-links a:hover svg,
  .menu-groups nav > a:hover svg,
  .menu-account:hover svg,
  .contact-actions a:hover svg {
    transform: translateX(3px);
  }

  /* Home */
  .home-intro {
    grid-template-columns: minmax(0, 1.08fr) minmax(400px, .92fr);
    grid-template-areas:
      "message photo"
      "detail photo";
    gap: 44px 76px;
    align-items:start;
    padding: 64px 0 96px;
  }

  .home-message {
    grid-area: message;
    align-self:end;
    padding-top: 18px;
  }

  .home-message h1 {
    font-size: clamp(42px, 3.7vw, 48px);
    line-height: 1.35;
    letter-spacing: -.035em;
    font-weight: 700;
  }

  .home-eyebrow {
    margin-bottom: 28px;
    font-size: 13px;
    font-weight: 650;
  }

  .home-lead {
    margin-top: 28px;
    font-size: 19px;
    line-height: 1.85;
  }

  .home-hero-photo {
    grid-area: photo;
  }

  .home-hero-photo img {
    height: clamp(560px, 43vw, 620px);
    object-position: center 66%;
  }

  .home-intro-detail {
    grid-area: detail;
    max-width: 520px;
    margin: 0;
    padding-top: 24px;
    border-top-color: var(--divider);
  }

  .home-question {
    font-size: 18px;
    line-height: 1.7;
    font-weight: 650;
  }

  .home-intro-detail > p + p {
    max-width: 500px;
    font-size: 15px;
    line-height: 1.9;
  }

  .home-section {
    padding: 96px 0;
    border-top-color: var(--divider);
  }

  .home-section h2 {
    color: var(--accent);
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0;
    font-weight: 650;
  }

  .home-section-lead {
    margin-top: 18px;
    font-size: clamp(29px, 2.5vw, 34px);
    line-height: 1.5;
    letter-spacing: -.025em;
    font-weight: 650;
  }

  .home-section-copy {
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.95;
  }

  .home-inspection {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 80px;
    align-items:start;
  }

  .home-service-photo {
    margin-top: 36px;
  }

  .home-service-photo img {
    aspect-ratio: 1.18;
    object-position: center;
  }

  .home-service-photo figcaption {
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.75;
  }

  .home-product-list > li {
    padding: 24px 0;
  }

  .home-product-list h3 {
    font-size: 18px;
    font-weight: 650;
  }

  .home-product-list p {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.9;
  }

  .home-detail-link {
    min-height: 44px;
    margin-top: 24px;
    font-weight: 650;
  }

  .home-detail-link:hover {
    text-decoration: none;
  }

  .home-maintenance {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    grid-template-areas:
      "photo intro"
      "photo details";
    gap: 36px 76px;
    align-items:start;
    margin: 0;
    padding: 96px 0;
    border: 0;
    border-top: 1px solid var(--divider);
    border-radius: 0;
    background: transparent;
  }

  .home-maintenance .home-section-intro {
    grid-area: intro;
  }

  .home-maintenance-details {
    grid-area: details;
  }

  .home-consumables-photo {
    grid-area: photo;
    align-self:stretch;
  }

  .home-consumables-photo img {
    height: 100%;
    min-height: 550px;
    aspect-ratio: auto;
    object-position: center;
  }

  .home-consumables {
    margin-top: 0;
  }

  .home-consumables > div {
    padding: 20px 0;
  }

  .home-consumables dt {
    font-size: 17px;
    font-weight: 650;
  }

  .home-repair {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 80px;
    padding-top: 96px;
  }

  .home-repair-photo img {
    height: 540px;
    object-position: 45% center;
  }

  .home-repair-steps {
    margin-top: 30px;
  }

  .home-repair-steps li {
    padding: 17px 0;
  }

  .home-repair-steps h3 {
    font-weight: 650;
  }

  .home-visit {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 76px;
  }

  .home-visit-photo img {
    aspect-ratio: 1.12;
  }

  .home-visit .home-section-lead {
    font-size: 30px;
  }

  .home-visit-details > div {
    grid-template-columns: 104px minmax(0, 1fr);
    padding: 14px 0;
    border-top: 1px solid var(--line);
  }

  .home-visit-details > div:last-child {
    border-bottom: 1px solid var(--line);
  }

  .home-visit-links {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }

  .home-visit-links a {
    min-height: 48px;
    padding: 10px 12px;
    border-color: var(--divider);
    background: transparent;
    font-weight: 650;
  }

  /* Shared editorial pages */
  .detail-page {
    padding-bottom: 40px;
  }

  .editorial-hero {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 80px;
    padding: 72px 0 88px;
  }

  .editorial-hero h1 {
    font-size: clamp(40px, 3.6vw, 48px);
    line-height: 1.38;
    letter-spacing: -.035em;
    font-weight: 700;
  }

  .detail-lead {
    margin-top: 26px;
    font-size: 19px;
    line-height: 1.85;
  }

  .hero-copy {
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.95;
  }

  .detail-photo img {
    border-radius: 12px;
  }

  .detail-photo figcaption {
    line-height: 1.7;
  }

  .detail-section {
    padding: 88px 0;
    border-top-color: var(--divider);
  }

  .section-heading h2,
  .story-section h2,
  .location-section h2,
  .booking-panel h2 {
    font-size: clamp(29px, 2.6vw, 34px);
    line-height: 1.48;
    letter-spacing: -.025em;
    font-weight: 650;
  }

  .section-heading > p:not(.eyebrow),
  .story-section p:not(.eyebrow),
  .location-section p {
    font-size: 15px;
    line-height: 1.95;
  }

  .eyebrow {
    font-weight: 650;
  }

  .principles-section {
    grid-template-columns: minmax(0, .74fr) minmax(0, 1.26fr);
    gap: 88px;
  }

  .principles-grid {
    gap: 40px 44px;
  }

  .principles-grid > div {
    padding-top: 18px;
  }

  .principles-grid h3,
  .consumable-grid h3 {
    font-weight: 650;
  }

  .story-section {
    gap: 80px;
  }

  .story-section .detail-photo img {
    aspect-ratio: 1.08;
  }

  .about-photo-pair {
    gap: 28px;
  }

  .about-photo-pair img {
    height: 420px;
    aspect-ratio: auto;
    object-fit: cover;
  }

  .location-section {
    gap: 32px 80px;
  }

  .detail-facts > div,
  .process-list > li,
  .repair-choices article,
  .consumable-grid article {
    border-color: var(--divider);
  }

  .consumable-grid {
    column-gap: 72px;
    margin-top: 40px;
  }

  .consumable-grid article {
    padding: 26px 0;
  }

  .process-list > li {
    padding: 24px 0;
  }

  .parts-notice {
    border-color: var(--divider);
    background: var(--input);
    box-shadow: none;
  }

  .repair-choices article,
  .reservation-paths > article {
    padding-top: 26px;
  }

  .reservation-paths {
    gap: 64px;
  }

  .booking-panel {
    padding: 44px 0;
    border-color: var(--divider);
  }

  .contact-actions .contact-primary,
  .inspection-catalog .choice-booking .choice-reserve {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
  }

  .contact-actions .contact-primary:hover,
  .inspection-catalog .choice-booking .choice-reserve:hover {
    border-color: var(--accent-hover);
    background: var(--accent-hover);
  }

  /* Inspection catalog */
  .inspection-catalog .report-intro {
    grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
    gap: 72px;
    padding: 64px 0 76px;
  }

  .inspection-catalog .report-intro h1 {
    max-width: 520px;
    font-size: clamp(40px, 3.6vw, 48px);
  }

  .inspection-catalog .report-sheets {
    height: 410px;
    overflow: hidden;
    border-bottom: 1px solid var(--divider);
    background: transparent;
  }

  .inspection-catalog .report-sheet {
    border-color: var(--divider);
    border-radius: 4px;
    box-shadow: 0 10px 28px rgb(39 40 42 / 10%);
  }

  .inspection-catalog .sheet-front {
    width: 72%;
    left: 13%;
    top: 66px;
    transform: rotate(-2deg);
  }

  .inspection-catalog .sheet-middle {
    width: 58%;
    right: 1%;
    top: 28px;
    transform: rotate(2deg);
  }

  .inspection-catalog .sheet-back {
    width: 56%;
    left: 1%;
    top: 8px;
    transform: rotate(-2deg);
  }

  .inspection-catalog .choice-prompt {
    margin-bottom: 8px;
    font-size: 22px;
    font-weight: 650;
  }

  .inspection-catalog .choice-hint {
    margin: 0 0 22px;
  }

  .inspection-catalog .choice-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    overflow: visible;
    border: 0;
  }

  .inspection-catalog .choice-tabs > a,
  .inspection-catalog .choice-tabs > a:last-of-type {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    min-height: 0;
    padding: 20px 50px 20px 20px;
    border: 1px solid var(--divider);
    border-radius: 12px;
    background: transparent;
    box-shadow: none;
    order: 0;
    transition:
      color 160ms var(--premium-ease),
      background-color 160ms var(--premium-ease),
      border-color 160ms var(--premium-ease),
      transform 160ms var(--premium-ease);
  }

  .inspection-catalog .choice-tabs > a strong {
    color: var(--text);
    font-size: 16px;
    line-height: 1.55;
    font-weight: 650;
  }

  .inspection-catalog .choice-tabs > a > span:not(.choice-action) {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.8;
    font-weight: 500;
  }

  .inspection-catalog .choice-tabs > a:hover,
  .inspection-catalog .choice-tabs > a[data-product="fault"]:hover {
    border-color: var(--accent);
    background: color-mix(in srgb,var(--accent) 6%,transparent);
    transform: translateY(-2px);
  }

  .inspection-catalog .choice-tabs > a[aria-expanded="true"],
  .inspection-catalog .choice-tabs > a[data-product="fault"][aria-expanded="true"] {
    color: var(--accent);
    border-color: var(--accent);
    background: var(--premium-soft-blue);
    box-shadow: inset 0 0 0 1px var(--accent);
    transform: none;
  }

  .inspection-catalog .choice-tabs > a[aria-expanded="true"] strong {
    color: var(--accent);
  }

  .inspection-catalog .choice-tabs > a .choice-action,
  .inspection-catalog .choice-tabs > a[data-product="fault"] .choice-action {
    position: absolute;
    top: 20px;
    right: 18px;
    margin: 0;
    padding: 0;
    transform: none;
  }

  .inspection-catalog .choice-action svg {
    width: 17px;
    height: 17px;
    transition: transform 160ms var(--premium-ease);
  }

  .inspection-catalog [aria-expanded="true"] > .choice-action svg {
    transform: rotate(180deg);
  }

  .inspection-catalog .choice-repair-heading {
    grid-column: 1 / -1;
    order: 2;
    margin: 28px 0 0;
    font-size: 18px;
    font-weight: 650;
  }

  .inspection-catalog .choice-tabs > a[data-product="fault"] {
    grid-column: 1 / -1;
    order: 3;
    display: grid;
    grid-template-columns: minmax(190px, .7fr) 2fr;
    gap: 28px;
    align-items:center;
    padding: 20px 52px 20px 20px;
    background: var(--input);
  }

  .inspection-catalog .choice-tabs > .choice-panel,
  .inspection-catalog .choice-tabs > #fault {
    grid-column: 1 / -1;
    order: 4;
    min-width: 0;
    padding: 44px 0 28px;
    border-bottom: 1px solid var(--divider);
    scroll-margin-top: 20px;
  }

  .inspection-catalog .choice-panel:focus {
    outline: none;
  }

  .inspection-catalog .choice-panel:not([hidden]) {
    animation: premium-panel-in 180ms var(--premium-ease) both;
  }

  .inspection-catalog .choice-heading h2 {
    font-size: clamp(30px, 2.8vw, 36px);
    font-weight: 650;
  }

  .inspection-catalog .choice-details {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    gap: 72px;
    margin-top: 34px;
  }

  .inspection-catalog .choice-flow {
    padding: 22px 0 0;
    border-top: 1px solid var(--divider);
    border-radius: 0;
    background: transparent;
  }

  .inspection-catalog .choice-booking {
    margin-top: 32px;
    padding-top: 26px;
  }

  .inspection-catalog .choice-booking .choice-reserve {
    border-radius: 12px;
  }

  .inspection-catalog .inspection-closing {
    padding: 30px 0;
  }

  @keyframes premium-panel-in {
    from {
      opacity: .72;
      transform: translateY(6px);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
}

@media screen and (max-width: 1050px) {
  .wrap {
    width: calc(100% - 48px);
  }

  .home-intro {
    grid-template-columns: minmax(0, 1fr) minmax(360px, .92fr);
    gap: 38px 44px;
  }

  .home-message h1 {
    font-size: 39px;
  }

  .home-hero-photo img {
    height: 560px;
  }

  .home-inspection,
  .home-repair,
  .home-visit {
    gap: 48px;
  }

  .home-maintenance {
    gap: 32px 48px;
  }

  .home-consumables-photo img {
    min-height: 520px;
  }

  .home-visit-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .editorial-hero,
  .story-section,
  .location-section {
    gap: 48px;
  }

  .principles-section,
  .inspection-product,
  .inspection-common,
  .two-part-section,
  .repair-completion,
  .service-questions {
    gap: 48px;
  }

  .inspection-catalog .report-intro,
  .inspection-catalog .choice-details {
    gap: 44px;
  }
}

@media screen and (max-width: 760px) {
  .wrap {
    width: calc(100% - 40px);
  }

  .site-header {
    height: 68px;
    gap: 10px;
  }

  .site-header #menu-open {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }

  .site-header .app-button {
    min-height: 42px;
    padding-inline: 11px;
  }

  .primary-nav {
    min-height: 50px;
    gap: 34px;
  }

  .primary-nav a {
    min-height: 50px;
    font-size: 14px;
  }

  .section-nav {
    gap: 28px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .section-nav::-webkit-scrollbar {
    display: none;
  }

  .site-footer {
    margin-top: 24px;
    padding-block: 24px 96px;
  }

  .home-intro {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "message"
      "photo"
      "detail";
    gap: 26px;
    padding: 34px 0 56px;
  }

  .home-message {
    padding-top: 0;
  }

  .home-message h1 {
    font-size: clamp(31px, 8.7vw, 35px);
    line-height: 1.4;
  }

  .home-eyebrow {
    margin-bottom: 18px;
    font-size: 12px;
  }

  .home-lead {
    margin-top: 18px;
    font-size: 17px;
  }

  .home-hero-photo img {
    width: 100%;
    height: auto;
    aspect-ratio: 6 / 5;
    object-position: center 60%;
  }

  .home-intro-detail {
    max-width: none;
    padding-top: 20px;
  }

  .home-question {
    font-size: 17px;
  }

  .home-intro-detail > p + p {
    font-size: 14px;
  }

  .home-section,
  .home-maintenance {
    padding: 56px 0;
  }

  .home-section-lead,
  .home-visit .home-section-lead {
    margin-top: 14px;
    font-size: 26px;
    line-height: 1.5;
  }

  .home-section-copy {
    margin-top: 16px;
    font-size: 14px;
  }

  .home-inspection,
  .home-repair,
  .home-visit {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }

  .home-service-photo {
    margin-top: 28px;
  }

  .home-service-photo img {
    aspect-ratio: 6 / 5;
  }

  .home-product-list > li {
    padding: 20px 0;
  }

  .home-maintenance {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "intro"
      "photo"
      "details";
    gap: 28px;
  }

  .home-maintenance .home-section-intro {
    display: block;
    order: initial;
  }

  .home-maintenance .home-section-intro h2 {
    order: initial;
  }

  .home-maintenance .home-section-lead {
    order: initial;
    margin-top: 14px;
  }

  .home-maintenance .home-section-copy {
    order: initial;
    margin-top: 16px;
  }

  .home-maintenance .home-consumables-photo,
  .home-maintenance .home-maintenance-details {
    order: initial;
  }

  .home-consumables-photo img {
    height: auto;
    min-height: 0;
    aspect-ratio: 3 / 2;
  }

  .home-maintenance-details .home-detail-link {
    margin-top: 18px;
  }

  .home-repair {
    padding-top: 56px;
  }

  .home-repair-photo img {
    height: auto;
    aspect-ratio: 6 / 5;
  }

  .home-visit-info {
    order: 0;
  }

  .home-visit-photo {
    order: 1;
  }

  .home-visit-photo img {
    aspect-ratio: 3 / 2;
  }

  .home-visit-details > div {
    grid-template-columns: 92px minmax(0, 1fr);
  }

  .editorial-hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
    padding: 42px 0 56px;
  }

  .editorial-hero h1 {
    font-size: clamp(31px, 8.5vw, 35px);
    line-height: 1.42;
  }

  .detail-lead {
    margin-top: 20px;
    font-size: 17px;
  }

  .hero-copy {
    font-size: 14px;
  }

  .detail-section {
    padding: 56px 0;
  }

  .section-heading h2,
  .story-section h2,
  .location-section h2,
  .booking-panel h2 {
    font-size: 26px;
  }

  .principles-section,
  .story-section,
  .location-section,
  .inspection-product,
  .inspection-common,
  .two-part-section,
  .repair-completion,
  .service-questions,
  .booking-panel {
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
  }

  .principles-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 20px;
  }

  .story-section > .detail-photo {
    order: 1;
  }

  .story-section .detail-photo img {
    aspect-ratio: 3 / 2;
  }

  .about-photo-pair {
    grid-template-columns: minmax(0, 1fr);
  }

  .about-photo-pair img {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
  }

  .consumable-grid {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 28px;
  }

  .reservation-paths {
    grid-template-columns: minmax(0, 1fr);
    gap: 38px;
  }

  .booking-panel {
    padding: 34px 0;
  }

  .inspection-catalog .report-intro {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    padding: 40px 0 50px;
  }

  .inspection-catalog .report-intro h1 {
    font-size: clamp(31px, 8.5vw, 35px);
  }

  .inspection-catalog .report-sheets {
    height: 275px;
  }

  .inspection-catalog .choice-prompt {
    font-size: 19px;
  }

  .inspection-catalog .choice-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .inspection-catalog .choice-tabs > a,
  .inspection-catalog .choice-tabs > a:last-of-type {
    gap: 7px;
    min-height: 0;
    padding: 14px;
    border-radius: 12px;
  }

  .inspection-catalog .choice-tabs > a strong {
    width: 100%;
    padding-right: 22px;
    font-size: 14px;
    line-height: 1.55;
  }

  .inspection-catalog .choice-tabs > a > span:not(.choice-action) {
    font-size: 13px;
    line-height: 1.72;
  }

  .inspection-catalog .choice-tabs > a .choice-action,
  .inspection-catalog .choice-tabs > a[data-product="fault"] .choice-action {
    top: 16px;
    right: 14px;
  }

  .inspection-catalog .choice-repair-heading {
    order: 2;
    margin-top: 20px;
    font-size: 16px;
  }

  .inspection-catalog .choice-tabs > a[data-product="fault"] {
    order: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 16px;
  }

  .inspection-catalog .choice-tabs > .choice-panel,
  .inspection-catalog .choice-tabs > #fault {
    order: 4;
    padding: 34px 0 24px;
  }

  .inspection-catalog .choice-heading h2 {
    font-size: 28px;
  }

  .inspection-catalog .choice-details {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    margin-top: 28px;
  }

  .inspection-catalog .choice-flow {
    padding-top: 20px;
  }

  .inspection-catalog .choice-flow ol {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 14px;
  }

  .inspection-catalog .choice-flow li:not(:last-child)::after {
    display: none;
  }

  .inspection-catalog .choice-booking {
    display: block;
    margin-top: 26px;
    padding-top: 22px;
  }

  .inspection-catalog .choice-booking dl {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 18px;
  }

  .inspection-catalog .choice-booking .choice-reserve {
    width: 100%;
    margin-top: 20px;
  }
}

@media screen and (max-width: 370px) {
  .wrap {
    width: calc(100% - 32px);
  }

  .site-header .brand img {
    width: 116px;
  }

  .site-header .app-button {
    padding-inline: 9px;
    font-size: 11px;
  }

  .primary-nav {
    gap: 26px;
  }

  .section-nav {
    gap: 24px;
  }

  .home-message h1,
  .editorial-hero h1,
  .inspection-catalog .report-intro h1 {
    font-size: 30px;
  }

  .home-section-lead,
  .home-visit .home-section-lead {
    font-size: 24px;
  }

  .home-visit-details > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }

  .home-visit-links a {
    padding-inline: 8px;
    font-size: 11px;
  }

  .principles-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .inspection-catalog .report-sheets {
    height: 225px;
  }

  .inspection-catalog .choice-tabs > a,
  .inspection-catalog .choice-tabs > a:last-of-type {
    padding: 14px;
  }

  .inspection-catalog .choice-tabs {
    grid-template-columns: minmax(0, 1fr);
  }

  .inspection-catalog .choice-tabs > a strong {
    font-size: 14px;
  }

  .inspection-catalog .choice-tabs > a > span:not(.choice-action) {
    font-size: 13px;
    line-height: 1.72;
  }

  .inspection-catalog .choice-tabs > a .choice-action,
  .inspection-catalog .choice-tabs > a[data-product="fault"] .choice-action {
    top: 14px;
    right: 12px;
  }

  .inspection-catalog .choice-tabs > a[data-product="fault"] {
    padding: 14px;
  }

  .inspection-catalog .choice-heading h2 {
    font-size: 26px;
  }
}

/* Local entry animation leaves navigation and history entirely native. */
@media screen and (prefers-reduced-motion: no-preference) {
  main {
    animation: premium-page-in 160ms ease-out;
  }

  .menu-dialog[open],
  .install-dialog[open] {
    animation: premium-panel-in 180ms var(--premium-ease);
  }

  @keyframes premium-page-in {
    from { opacity: .85; }
    to { opacity: 1; }
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }

  .inspection-catalog .choice-panel:not([hidden]) {
    animation: none;
  }
}

/* motion.css */
/* Percentin site motion layer. Load after premium.css. */

@media screen {
  :root {
    --motion-in: 220ms ease-in;
    --motion-out: 340ms cubic-bezier(.2, .72, .28, 1);
    --motion-tint: color-mix(in srgb,var(--accent) 5%,transparent);
    --motion-shadow: 0 10px 28px rgb(39 40 42 / 8%);
  }

  html {
    scroll-behavior: auto;
    scrollbar-gutter: stable;
  }

  /* Keep shared header geometry identical while the router changes body state. */
  .site-header,
  .home-page .site-header {
    height: 76px;
    gap: 24px;
  }

  .site-header .app-button,
  .home-page .site-header .app-button {
    min-width: 130px;
    min-height: 44px;
    padding: 12px 16px;
    font-size: 12px;
  }

  /* Routing and panels use the JS lifecycle; legacy CSS entry effects stay off. */
  main,
  main section,
  .inspection-catalog .choice-panel,
  .inspection-catalog .choice-panel:not([hidden]),
  .menu-dialog,
  .install-dialog,
  .menu-dialog[open],
  .install-dialog[open] {
    animation: none !important;
  }

  /* Interactive text never changes geometry or weight. */
  .primary-nav a,
  .primary-nav a:hover,
  .primary-nav a:active,
  .primary-nav a[aria-current],
  .section-nav a,
  .section-nav a:hover,
  .section-nav a:active,
  .section-nav a[aria-current] {
    font-weight: 650 !important;
    transform: none !important;
  }

  .text-link,
  .home-detail-link,
  .home-visit-links a,
  .menu-groups nav > a,
  .menu-account,
  .contact-actions a,
  .button,
  .app-button,
  .install-button,
  .icon-button {
    transform: none !important;
  }

  .inspection-catalog .choice-tabs > a,
  .inspection-catalog .choice-tabs > a:hover,
  .inspection-catalog .choice-tabs > a:active,
  .inspection-catalog .choice-tabs > a[aria-expanded="true"] {
    transform: none !important;
  }

  .inspection-catalog .choice-tabs > a strong,
  .inspection-catalog .choice-tabs > a:hover strong,
  .inspection-catalog .choice-tabs > a:active strong,
  .inspection-catalog .choice-tabs > a[aria-expanded="true"] strong {
    font-weight: 650 !important;
  }

  /* Fine underline sweep for navigation and editorial links. */
  .primary-nav a,
  .section-nav a,
  .text-link,
  .home-detail-link,
  .home-visit-links a {
    position: relative;
    text-decoration: none !important;
  }

  .primary-nav a::after,
  .section-nav a::after,
  .text-link::after,
  .home-detail-link::after,
  .home-visit-links a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 4px;
    left: 0;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform var(--motion-out);
    pointer-events: none;
  }

  .primary-nav a::after,
  .section-nav a::after {
    bottom: -1px;
  }

  .primary-nav a[aria-current]::after,
  .section-nav a[aria-current]::after {
    height: 2px;
    transform: scaleX(1);
  }

  /* Cards settle through surface treatment; the card itself never moves. */
  .home-entries > a,
  .related-pages > a,
  .product-index a,
  .sample-preview .paper-preview,
  .inspection-catalog .choice-tabs > a {
    transform: none !important;
    transition:
      color var(--motion-out),
      background-color var(--motion-out),
      border-color var(--motion-out),
      box-shadow var(--motion-out);
  }

  .inspection-catalog .choice-action svg {
    transition: transform var(--motion-out);
  }

  .inspection-catalog [aria-expanded="true"] > .choice-action svg {
    transform: rotate(180deg);
  }

  /* Buttons receive light and depth without moving their text container. */
  .button,
  .app-button,
  .install-button,
  .icon-button {
    background-image: linear-gradient(180deg, color-mix(in srgb,var(--paper) 24%,transparent), transparent);
    box-shadow:
      inset 0 1px 0 color-mix(in srgb,var(--paper) 55%,transparent),
      0 4px 14px rgb(39 40 42 / 5%);
    transition:
      color var(--motion-out),
      background-color var(--motion-out),
      border-color var(--motion-out),
      box-shadow var(--motion-out);
  }

  .button:active,
  .app-button:active,
  .install-button:active,
  .icon-button:active {
    transform: none !important;
    box-shadow:
      inset 0 2px 5px rgb(39 40 42 / 12%),
      inset 0 1px 0 color-mix(in srgb,var(--paper) 30%,transparent);
  }

  .button svg,
  .app-button svg,
  .install-button svg,
  .menu-groups nav > a svg,
  .menu-account svg,
  .contact-actions a svg,
  .text-link svg,
  .home-detail-link svg,
  .home-visit-links a svg {
    transition: transform var(--motion-out);
  }

  /* The dialog itself is faded by JS; CSS only follows its backdrop state. */
  dialog::backdrop {
    opacity: 1;
    transition: opacity var(--motion-out);
  }

  dialog.is-closing::backdrop {
    opacity: 0;
  }

  img.motion-image-pending,
  img.motion-image-ready {
    transition: none !important;
  }

  html.motion-enabled:not(.motion-reduced) img.motion-image-pending {
    opacity: 0;
  }

  html.motion-enabled:not(.motion-reduced) img.motion-image-ready {
    opacity: 1;
  }

  .page-main[aria-busy="true"],
  main[aria-busy="true"] {
    cursor: progress;
  }
}

@media screen and (max-width: 760px) {
  .site-header,
  .home-page .site-header {
    height: 68px;
    gap: 10px;
  }

  .site-header .app-button,
  .home-page .site-header .app-button {
    min-width: 0;
    min-height: 42px;
    padding: 10px 11px;
    font-size: 12px;
  }
}

@media screen and (max-width: 370px) {
  .site-header,
  .home-page .site-header {
    gap: 10px;
  }

  .site-header .app-button,
  .home-page .site-header .app-button {
    padding-inline: 9px;
    font-size: 11px;
  }
}

@media screen and (hover: hover) and (pointer: fine) {
  .primary-nav a:hover::after,
  .primary-nav a:focus-visible::after,
  .section-nav a:hover::after,
  .section-nav a:focus-visible::after,
  .text-link:hover::after,
  .text-link:focus-visible::after,
  .home-detail-link:hover::after,
  .home-detail-link:focus-visible::after,
  .home-visit-links a:hover::after,
  .home-visit-links a:focus-visible::after {
    transform: scaleX(1);
    transform-origin: left center;
    transition-duration: 220ms;
    transition-timing-function: ease-in;
  }

  .home-entries > a:hover,
  .related-pages > a:hover,
  .product-index a:hover,
  .sample-preview:hover .paper-preview,
  .inspection-catalog .choice-tabs > a:hover {
    border-color: color-mix(in srgb,var(--accent) 42%,transparent);
    background-color: var(--motion-tint);
    box-shadow: var(--motion-shadow);
    transition-duration: 220ms;
    transition-timing-function: ease-in;
  }

  .inspection-catalog .choice-tabs > a:hover .choice-action svg {
    transform: translateY(3px);
    transition-duration: 220ms;
    transition-timing-function: ease-in;
  }

  .inspection-catalog .choice-tabs > a[aria-expanded="true"]:hover .choice-action svg {
    transform: translateY(3px) rotate(180deg);
  }

  .button:hover,
  .app-button:hover,
  .install-button:hover,
  .icon-button:hover {
    background-image: linear-gradient(180deg, color-mix(in srgb,var(--paper) 48%,transparent), color-mix(in srgb,var(--accent) 3%,transparent));
    box-shadow:
      inset 0 1px 0 color-mix(in srgb,var(--paper) 80%,transparent),
      0 7px 18px rgb(39 40 42 / 8%);
    transition-duration: 220ms;
    transition-timing-function: ease-in;
  }

  .button:hover svg,
  .app-button:hover svg,
  .install-button:hover svg,
  .menu-groups nav > a:hover svg,
  .menu-account:hover svg,
  .contact-actions a:hover svg,
  .text-link:hover svg,
  .home-detail-link:hover svg,
  .home-visit-links a:hover svg {
    transform: translateX(3px);
    transition-duration: 220ms;
    transition-timing-function: ease-in;
  }

  .report-toolbar .text-link:hover svg {
    transform: rotate(180deg) translateX(3px);
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }

  html.motion-enabled img.motion-image-pending,
  html.motion-enabled img.motion-image-ready {
    opacity: 1;
  }
}

/* Service selection belongs on home; detail pages read as one continuous document. */
.inspection-jump{position:sticky;top:12px;z-index:12;display:flex;gap:4px;padding:8px;background:color-mix(in srgb,var(--surface) 95%,transparent);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 30px #27303b0c;overflow-x:auto;scrollbar-width:none;margin-bottom:44px}
.inspection-jump a{flex:1;white-space:nowrap;padding:13px 14px;text-align:center;font-size:13px;font-weight:650;border-radius:6px;transition:background-color 300ms,box-shadow 300ms;color:var(--muted)}
.inspection-jump a[aria-current]{color:var(--accent);background:var(--info-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 13%,transparent)}
.inspection-catalog .choice-panel{display:block!important;padding:36px 0 64px;margin:0 0 42px;border-bottom:1px solid var(--line);scroll-margin-top:105px}
.home-product-list li{padding:0!important;position:relative}
.home-inspection-card{display:block;position:relative;padding:26px 40px 26px 22px;border-radius:8px;transition:background-color 320ms,box-shadow 320ms}
.home-inspection-card .card-direction{position:absolute;right:18px;top:28px;color:var(--accent);transition:transform 320ms}
.primary-nav a,.section-nav a{isolation:isolate;transition:color 320ms,background-color 320ms,box-shadow 320ms;border-radius:5px 5px 0 0}
.primary-nav a::before,.section-nav a::before{content:'';position:absolute;inset:3px -9px;z-index:-1;background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 60%,transparent),color-mix(in srgb,var(--accent) 6%,transparent));border-radius:6px;opacity:0;transition:opacity 320ms,box-shadow 320ms}
@media(hover:hover) and (pointer:fine){
.primary-nav a:hover::before,.section-nav a:hover::before{opacity:1;box-shadow:inset 0 1px color-mix(in srgb,var(--paper) 53%,transparent),0 5px 14px #27303b08}
.inspection-jump a:hover{background:var(--info-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 16%,transparent)}
.home-inspection-card:hover{background:color-mix(in srgb,var(--paper) 44%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 15%,transparent),0 8px 22px #27303b08}
.home-inspection-card:hover .card-direction{transform:translate(2px,-2px)}
}
@media(max-width:760px){
body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
.primary-nav.wrap{position:fixed;inset:auto 12px calc(10px + env(safe-area-inset-bottom));z-index:30;width:auto;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;border:1px solid color-mix(in srgb,var(--divider) 79%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(20px);box-shadow:0 8px 32px #27303b1a}
.primary-nav a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 4px;font-size:13px;border:0;border-radius:7px}
.primary-nav a[aria-current]{background:var(--info-bg);color:var(--accent)}
.primary-nav a::after{left:30%;right:30%;bottom:4px!important}
.inspection-jump{top:8px;margin:22px -4px 24px;padding:5px;gap:2px}
.inspection-jump a{flex:0 0 auto;padding:13px 12px;font-size:12px}
.inspection-catalog .choice-panel{padding-bottom:40px;margin-bottom:28px}
.install-dock{bottom:calc(86px + env(safe-area-inset-bottom))!important}
.home-inspection-card{padding:22px 35px 22px 16px}
}
@media print{.inspection-jump,.primary-nav{display:none!important}}
@media(prefers-reduced-motion:reduce){.home-inspection-card,.card-direction,.inspection-jump a,.primary-nav a::before,.section-nav a::before{transition:none!important}}

.inspection-jump::-webkit-scrollbar{display:none}

/* Navigation uses an underline; boxed contact actions keep their own surface. */
.primary-nav a,
.primary-nav a:hover,
.primary-nav a:active,
.primary-nav a[aria-current]{background:transparent;box-shadow:none}
.primary-nav a::before{content:none}
.home-visit-links a::after,
.contact-actions a::after{content:none}
.home-visit-links a,
.contact-actions a{text-decoration:none!important}

/* Fit every inspection destination; break labels only at intentional word groups. */
.inspection-jump{display:grid;grid-template-columns:1fr 1fr 1.45fr 1.15fr 1fr;overflow:visible}
.inspection-jump a{min-width:0;display:flex;align-items:center;justify-content:center;column-gap:.3em;padding:12px 6px;line-height:1.55;white-space:normal}
.inspection-jump a span{white-space:nowrap}
@media(max-width:1050px){.inspection-jump a{flex-direction:column;min-height:62px;font-size:12px}}
@media(max-width:600px){
.inspection-jump{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}
.inspection-jump a{grid-column:span 2;min-height:52px;padding:8px 4px}
.inspection-jump a:nth-child(4),.inspection-jump a:nth-child(5){grid-column:span 3}
}
@media(max-width:360px){.inspection-jump a{font-size:11px}}

/* interactions.css */
/* Single interaction contract: navigation underline / secondary outline / primary solid. */
:root{--control-radius:8px;--control-duration:220ms;--control-ease:cubic-bezier(.2,.7,.3,1)}
.header-actions{display:flex;align-items:center;gap:10px}.mobile-nav{display:none}
.button,.app-button,.icon-button,.home-visit-links a{border:1px solid var(--line);border-radius:var(--control-radius)!important;background:var(--surface);background-image:none!important;box-shadow:none!important;transform:none!important;text-decoration:none!important;transition:background-color var(--control-duration),border-color var(--control-duration),color var(--control-duration)!important}
.button::after,.app-button::after,.home-visit-links a::after,.contact-actions a::after{content:none!important}
.button svg,.app-button svg,.home-visit-links svg,.contact-actions svg{transform:none!important}
.action-primary,.contact-actions .contact-primary,.inspection-catalog .choice-booking .choice-reserve{background:var(--accent)!important;color:var(--on-accent)!important;border-color:var(--accent)!important}
.home-inspection-card,.home-entries>a,.related-pages>a,.product-index a{box-shadow:none!important;transform:none!important}
@media(hover:hover) and (pointer:fine){
.button:hover,.app-button:hover,.icon-button:hover,.home-visit-links a:hover{background:var(--hover-bg);border-color:var(--hover-line);box-shadow:none!important}
.action-primary:hover,.contact-actions .contact-primary:hover,.inspection-catalog .choice-booking .choice-reserve:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important}
.home-inspection-card:hover{background:color-mix(in srgb,var(--paper) 38%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 16%,transparent)!important}
}
.button:active,.app-button:active,.icon-button:active{filter:brightness(.97)}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.connected-heading{padding:70px 0 55px;max-width:900px}.connected-heading h1{font-size:clamp(30px,3.7vw,48px);line-height:1.4;margin:14px 0 24px}.connected-heading>p:not(.eyebrow){font-size:17px;color:var(--muted);line-height:1.9}.connected-heading .contact-actions{margin-top:28px}
.booking-options{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:40px 0 64px;border-top:1px solid var(--line)}.booking-options h2{font-size:24px;margin-bottom:16px}.booking-options p{color:var(--muted);line-height:1.9}.booking-options .contact-actions{margin-top:24px}
.connected-note{padding:36px 0 60px;border-top:1px solid var(--line)}.connected-note h2{font-size:19px;margin-bottom:12px}.connected-note p{max-width:760px;color:var(--muted)}
.review-filters{display:flex;gap:24px;border-bottom:1px solid var(--line)}.review-filters button{border:0;padding:16px 6px;color:var(--muted);font:inherit;cursor:pointer}.review-status{padding:40px 0;color:var(--muted)}.review-list article{padding:30px 0;border-bottom:1px solid var(--line)}.review-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:12px}.review-list h2{font-size:20px;margin:16px 0 12px}.review-body{white-space:pre-wrap;line-height:1.9;max-width:840px}.review-reply{margin-top:22px;padding:20px;border-left:2px solid var(--accent);background:var(--input)}.review-reply p{white-space:pre-wrap}.review-list+.button{margin:24px 0}
@media(max-width:760px){
.primary-nav.wrap{display:none!important}.header-booking{display:none}.header-actions{gap:0}
.mobile-nav{position:fixed;inset:auto 10px calc(8px + env(safe-area-inset-bottom));z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px;border:1px solid color-mix(in srgb,var(--divider) 79%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(20px);box-shadow:0 8px 30px #27303b12}
.mobile-nav a{display:flex;align-items:center;justify-content:center;padding:12px 0;min-height:48px;font-size:12px;white-space:nowrap;color:var(--muted)}
.connected-heading{padding:40px 0 36px}.connected-heading>p:not(.eyebrow){font-size:15px}.booking-options{grid-template-columns:1fr;gap:36px;padding-top:28px}.booking-options section+section{border-top:1px solid var(--line);padding-top:30px}.booking-options h2{font-size:22px}.review-filters{gap:12px;justify-content:space-between}.review-filters button{font-size:12px}.contact-actions{flex-wrap:wrap}
}
@media print{.mobile-nav,.header-actions,.review-filters{display:none!important}}
@media(prefers-reduced-motion:reduce){*::after{transition:none!important}}
/* Centered secondary navigation and a consistent 1px hover / 2px selection. */

/* Shared secondary buttons in the header and compact community toolbar. */
.header-actions .button{min-height:48px;padding:12px 20px;font-size:14px;font-weight:700;line-height:1.5;gap:12px;min-width:0;color:var(--accent)}
.header-actions .button svg{width:16px;height:16px}
.button.button-compact{min-height:38px;padding:8px 16px;font-size:13px;line-height:1.5;font-weight:700;white-space:nowrap}
@media(max-width:760px){.header-actions .button{min-height:42px;padding:10px 14px;font-size:12px}.header-actions .header-booking{display:none}.button.button-compact{min-height:38px;padding:8px 14px;font-size:12px}}
@media(max-width:370px){.header-actions .header-account{padding-inline:10px}.header-actions .header-account svg{display:none}}
/* Keep header labels unchanged; reduce only the surrounding button box. */
.header-actions .button{min-height:36px;padding:6px 12px;gap:8px}
@media(max-width:760px){.header-actions .button{min-height:36px;padding:6px 10px}}

/* community.css */
.community-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;padding:60px 0 42px}.community-heading h1{font-size:clamp(28px,3.5vw,46px);line-height:1.4;margin:14px 0 20px}.community-heading p{color:var(--muted)}.community-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid var(--line);gap:12px}.community-tabs button{font:inherit;font-size:14px;font-weight:650;border:0;border-bottom:2px solid transparent;padding:17px 4px;background:transparent;color:var(--muted);cursor:pointer;transition:border-color .22s,color .22s}.community-tabs button[aria-pressed=true],.community-tabs button:hover{color:var(--accent);border-bottom-color:var(--accent)}.community-toolbar{display:flex;justify-content:space-between;gap:20px;padding:22px 0;color:var(--muted);font-size:14px}#community-status{color:var(--muted);white-space:pre-wrap;line-height:1.8}#community-status:empty{display:none}.community-list{min-height:140px}.community-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;padding:30px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:background .2s}.community-row:hover{background:color-mix(in srgb,var(--paper) 28%,transparent)}.community-row h2{font-size:22px;margin:8px 0 10px}.community-row p{color:var(--muted);line-height:1.8;margin:6px 0}.community-row img{width:160px;height:110px;object-fit:cover;border-radius:6px}.community-meta{font-size:12px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap}.community-gate{padding:60px 0;min-height:300px}.community-gate h2{font-size:24px}.community-gate p{line-height:1.9;color:var(--muted);margin:20px 0}.community-editor,.community-detail{max-width:900px;margin:24px auto 60px;padding:32px 0;scroll-margin-top:30px}.community-editor-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.community-editor h2{font-size:24px}.community-editor form{display:grid;gap:20px;margin-top:28px}.community-editor label,.community-detail label{display:grid;gap:10px;font-size:14px;font-weight:600}.community-editor input:not([type=checkbox]),.community-editor select,.community-editor textarea,.community-detail textarea{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--line);border-radius:6px;padding:13px 15px;font:inherit;font-weight:400;background:color-mix(in srgb,var(--paper) 44%,transparent);color:var(--text);line-height:1.65}.community-editor textarea{resize:vertical}.community-editor .community-check{display:flex;align-items:center;gap:10px;font-weight:400}.community-check input{accent-color:var(--accent);width:18px;height:18px}.community-small{font-size:12px;color:var(--muted);line-height:1.8}.community-detail h2{font-size:clamp(25px,3vw,36px);line-height:1.5;margin:25px 0 18px}.community-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:2;margin:30px 0}.community-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.community-media img{width:100%;height:auto;max-height:640px;object-fit:contain;border-radius:6px}.community-media figure{margin:0}.community-media figcaption{color:var(--muted);font-size:13px;line-height:1.8;margin-top:10px}.community-actions{display:flex;gap:20px;flex-wrap:wrap;margin:30px 0}.community-comment{padding:22px 0;border-bottom:1px solid var(--line)}.community-comment p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.community-comment form{margin-top:20px}.community-draft{padding:26px 0;border-bottom:1px solid var(--line)}.community-draft h3{font-size:20px}.community-draft-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.community-draft-photos img{width:100%;height:220px;object-fit:contain}.community-draft-photos label{display:block;line-height:1.7}.community-draft-photos input{width:18px!important;height:18px;display:inline-block;margin-right:8px}.community-editor-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.community-draft .community-meta{margin:6px 0 4px}.community-draft .post-actions{margin:14px 0 0}.community-source-note{white-space:pre-wrap;color:var(--muted);font-size:13px;line-height:1.8}button:disabled{opacity:.55;cursor:wait}.community-page [hidden]{display:none!important}#community-more{margin:25px 0}.community-login-state{font-size:13px;color:var(--muted)}
@media(max-width:760px){.community-heading{display:block;padding:34px 0 28px}.community-heading .contact-actions{margin-top:24px}.community-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}.community-tabs button{font-size:12px;padding:14px 2px}.community-toolbar{font-size:12px}.community-row{gap:15px;padding:24px 0}.community-row h2{font-size:19px}.community-row img{width:88px;height:88px}.community-row p{font-size:14px}.community-media,.community-draft-photos{grid-template-columns:1fr}.community-body{font-size:16px}.community-editor{padding-top:20px}.community-meta{gap:8px}}

.testimonial-section{padding:24px 0 50px}.testimonial-section>h2{font-size:28px;margin:12px 0 28px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.testimonial-grid article{padding:28px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--paper) 31%,transparent);display:flex;flex-direction:column;align-items:start}.testimonial-grid h3{font-size:21px;line-height:1.5}.testimonial-grid p{color:var(--muted);line-height:1.9}.testimonial-grid a{margin-top:auto}.testimonial-section>.community-small{margin-top:20px}@media(max-width:760px){.testimonial-grid{grid-template-columns:1fr}.testimonial-grid article{padding:24px}}
/* Compact community navigation, toolbar and inline reading. */
.community-page{padding-top:20px}
.community-accessible-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.community-toolbar{align-items:center}.community-toolbar-actions{display:flex;gap:20px;align-items:center;flex-shrink:0}
.community-toolbar .text-link{font-size:13px;min-height:36px;padding:4px 0;border:0;background:transparent;white-space:nowrap}
.community-detail{overflow:hidden}.community-list>.community-detail{max-width:none;margin:0;padding:20px 0 36px;border-bottom:1px solid var(--line)}
.community-row[aria-expanded=true]{border-bottom-color:transparent}.community-row[aria-expanded=true] h2{color:var(--accent)}
@media(max-width:760px){.community-toolbar{gap:12px}.community-toolbar-actions{gap:12px}.community-toolbar .text-link{font-size:12px}.community-page{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.community-tabs button::after{transition:none}}
/* Original customer reviews: preserve the complete screenshot and its proportions. */
.customer-review-section{padding:8px 0 56px}.customer-review-section h2,.customer-blog-section h2{font-size:26px;line-height:1.5;margin-bottom:28px}.customer-review-gallery{columns:2;column-gap:24px}.customer-review-image{display:block;break-inside:avoid;margin:0 0 24px;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:8px;overflow:hidden;cursor:zoom-in;transition:border-color .22s,box-shadow .22s}.customer-review-image img{width:100%;height:auto}.customer-review-image:hover{border-color:var(--hover-line);box-shadow:0 8px 22px #24364b09}.customer-review-action{display:flex;justify-content:center;margin-top:24px}.customer-blog-section{padding:42px 0 60px;border-top:1px solid var(--line)}.customer-blog-section h2{margin-bottom:14px}.customer-blog-note{color:var(--text);line-height:1.9;margin-bottom:28px}.customer-blog-links{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}.customer-blog-links a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);color:var(--muted)}.customer-blog-links a:hover{color:var(--accent)}.customer-blog-links svg{width:16px;height:16px}@media(max-width:760px){.customer-review-gallery{columns:1}.customer-review-image{padding:8px;margin-bottom:18px}.customer-review-section h2,.customer-blog-section h2{font-size:22px}.customer-blog-links{grid-template-columns:1fr}.customer-blog-note{font-size:14px}.customer-review-action .button{font-size:13px}}@media(prefers-reduced-motion:reduce){.customer-review-image{transition:none}}
/* One compact secondary-menu row across introduction, services and community. */
.section-nav,.community-tabs{display:flex!important;justify-content:center!important;align-items:center;flex-wrap:wrap;gap:0 32px!important;padding:0!important;margin:0!important;border-bottom:1px solid var(--line)}
.section-nav a,.community-tabs button{display:flex;align-items:center;justify-content:center;min-height:42px!important;padding:10px 4px!important;font-size:12px!important;font-weight:650!important;line-height:1.6;border-radius:0}
.community-page{padding-top:0}
.community-tabs button::after{left:4px;right:4px}
@media(max-width:760px){.section-nav,.community-tabs{gap:0 20px!important}.section-nav a,.community-tabs button{font-size:11px!important;min-height:38px!important;padding:9px 2px!important}.community-tabs button::after{left:2px;right:2px}}
/* Quiet notice list and body typography matched to ordinary site copy. */
.community-notice-row{grid-template-columns:1fr;padding:22px 0}.community-notice-row h2{font-size:16px;font-weight:650;line-height:1.65;margin:0}
.community-body{font-size:14px;line-height:1.9;margin:12px 0 24px;font-weight:500}
.community-list>.community-detail{padding:16px 0 28px;overflow-anchor:none}
@media(max-width:760px){.community-notice-row{padding:19px 0}.community-notice-row h2{font-size:15px}.community-body{font-size:14px;line-height:1.85}}
.review-zoom-dialog{width:min(1100px,calc(100vw - 48px));max-width:none;max-height:90dvh;margin:auto;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--paper);overflow:auto;overscroll-behavior:contain}.review-zoom-dialog::backdrop{background:rgb(18 25 32 / 65%);backdrop-filter:blur(5px)}.review-zoom-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:-20px;padding:12px 0;background:var(--paper);z-index:1}.review-zoom-bar h2{font-size:16px}.review-zoom-close{border:0;background:transparent;padding:10px 14px;font-size:14px;color:var(--accent)}.review-zoom-dialog>img{width:100%;height:auto;margin:12px auto 0}.review-zoom-dialog[open]{animation:review-zoom-in .24s ease-out}@keyframes review-zoom-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.review-zoom-dialog{width:calc(100vw - 20px);padding:12px;max-height:92dvh}.review-zoom-bar{top:-12px}}@media(prefers-reduced-motion:reduce){.review-zoom-dialog[open]{animation:none}}
/* Compact cafe-style board: thumbnail, title and actual author/timestamp. */
.community-row{grid-template-columns:64px minmax(0,1fr);gap:20px;padding:20px 4px}.community-row>img{width:64px;height:64px;object-fit:cover;border-radius:5px}.community-row-copy{min-width:0}.community-row h2{font-size:16px;font-weight:650;line-height:1.6;margin:0 0 7px;overflow-wrap:anywhere}.community-row .community-meta{font-size:12px;gap:16px;line-height:1.6}.community-row-no-image{grid-template-columns:minmax(0,1fr)}.community-comment-login{margin-top:32px!important}.community-comments{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.home-notice-board{display:grid;grid-template-columns:104px minmax(0,1fr);gap:24px;padding:16px 0;margin:8px 0 0;border-bottom:1px solid var(--line)}.home-notice-heading{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.home-notice-heading h2{font-size:14px;font-weight:700;line-height:1.6}.home-notice-heading>a{font-size:11px;color:var(--muted);padding:4px 0}.home-notice-heading>a:hover{text-decoration:underline;text-underline-offset:4px}.home-notice-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:36px;padding:6px 0;font-size:13px}.home-notice-row+.home-notice-row{border-top:1px solid var(--line)}.home-notice-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-notice-row:hover>span{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.home-notice-row time{font-size:11px;color:var(--muted);white-space:nowrap}.home-notice-empty{font-size:12px;color:var(--muted);min-height:36px;display:flex;align-items:center}
@media(max-width:760px){.community-row{grid-template-columns:52px minmax(0,1fr);gap:14px;padding:18px 0}.community-row>img{width:52px;height:52px}.community-row h2{font-size:15px}.community-row .community-meta{font-size:11px;gap:10px}.community-row-no-image{grid-template-columns:minmax(0,1fr)}.community-comment-login{margin-top:28px!important}.home-notice-board{grid-template-columns:66px minmax(0,1fr);gap:12px;padding:12px 0;margin-top:4px}.home-notice-heading h2{font-size:12px}.home-notice-row{gap:8px;font-size:12px}.home-notice-row time{font-size:10px}}
/* Home notices as a card (2026-09-24): no lines around it, surface colour, the app's card shadow, accent label. */
.home-notice-board{align-items:center;margin:8px 0 0;padding:14px 22px;border:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 4px 14.9px -2px rgb(0 0 0 / 7%)}
.home-notice-heading h2{color:var(--accent);font-weight:750}
.home-notice-row+.home-notice-row{border-top-color:color-mix(in srgb,var(--line) 70%,transparent)}
@media(max-width:760px){.home-notice-board{margin-top:12px;padding:10px 16px}}
/* Loading: the same turning symbol as the sign-in splash, in the list area so the tabs stay usable. */
.community-splash{display:flex;align-items:center;justify-content:center;min-height:clamp(220px,40vh,360px)}
.community-splash[hidden]{display:none}
.community-splash img{display:block;width:48px;height:48px;transform-origin:center;animation:app-splash-spin 1600ms linear infinite}
@media(prefers-reduced-motion:reduce){.community-splash img{animation:none}}
/* ── Rich posts (2026-09-25): article body with pictures between paragraphs ── */
.rp-body{font-size:16px;line-height:1.9;color:var(--text);margin:28px 0;overflow-wrap:anywhere}
.rp-body p{margin:0 0 14px}
.rp-body .rp-h2,.rp-editor h3{font-size:20px;font-weight:700;line-height:1.5;margin:34px 0 12px}
.rp-body .rp-h3,.rp-editor h4{font-size:17px;font-weight:700;line-height:1.5;margin:26px 0 10px}
.rp-body blockquote,.rp-editor blockquote{margin:18px 0;padding:6px 0 6px 16px;border-left:3px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--muted)}
.rp-body ul,.rp-body ol{margin:0 0 16px;padding-left:22px}.rp-body li{margin:4px 0}
.rp-body hr{border:0;border-top:1px solid var(--line);margin:30px 0}
.rp-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.rp-body mark{background:#FFF1A8;color:inherit;padding:0 2px;border-radius:2px}
:root[data-theme=dark] .rp-body mark{background:color-mix(in srgb,var(--warning) 34%,var(--paper))}
.rp-c-red{color:var(--danger)}.rp-c-blue{color:var(--accent)}.rp-c-green{color:var(--success)}.rp-c-orange{color:#B7651A}.rp-c-gray{color:#7A7672}
:root[data-theme=dark] .rp-c-orange{color:#E0975A}:root[data-theme=dark] .rp-c-gray{color:var(--faint)}
.rp-al-center{text-align:center}.rp-al-right{text-align:right}
.rp-img{margin:26px auto;text-align:center}
.rp-img img{display:block;width:100%;height:auto;border-radius:10px;background:var(--input);cursor:zoom-in}
.rp-w-l{max-width:100%}.rp-w-m{max-width:70%}.rp-w-s{max-width:44%}
.rp-img figcaption{margin-top:10px;font-size:13px;line-height:1.7;color:var(--muted)}
.rp-zoom{max-width:min(1200px,96vw);max-height:94vh;padding:0;border:0;border-radius:12px;background:transparent}
.rp-zoom::backdrop{background:rgb(0 0 0 / 72%)}
.rp-zoom img{display:block;max-width:100%;max-height:94vh;object-fit:contain;border-radius:12px}
.rp-zoom-close{position:absolute;top:10px;right:10px;background:color-mix(in srgb,var(--paper) 85%,transparent);border-radius:50%}
@media(max-width:760px){.rp-body{font-size:15px}.rp-w-m,.rp-w-s{max-width:100%}.rp-body .rp-h2{font-size:18px}}

/* ── Editor ── */
.community-field{display:grid;gap:10px}
.community-field-label{font-size:14px;font-weight:600}
.rp-editor-wrap{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--paper) 44%,transparent);position:relative}
.rp-toolbar{position:sticky;top:var(--header-h);z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;border-bottom:1px solid var(--line);background:var(--surface);border-radius:12px 12px 0 0}
.rp-format{height:32px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);font:inherit;font-size:13px;color:var(--text);margin-right:4px}
.rp-tool{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:none;color:var(--text);cursor:pointer}
.rp-tool svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rp-tool:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}
.rp-tool-photo{width:auto;padding:0 10px;gap:6px;color:var(--accent);font-weight:700}
.rp-tool-photo::after{content:'사진';font-size:13px}
.rp-sep{width:1px;height:20px;margin:0 4px;background:var(--line)}
.rp-pop{position:absolute;top:44px;z-index:6;display:flex;gap:6px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-hover)}
.rp-swatch{width:22px;height:22px;border:1px solid rgb(0 0 0 / 10%);border-radius:50%;cursor:pointer}
.rp-swatch-none{border:0;background:none;font-size:12px;color:var(--muted);cursor:pointer;padding:0 4px}
.rp-editor{min-height:420px;margin:0;padding:22px 24px;outline:none}
.rp-editor.is-empty::before{content:attr(data-placeholder);position:absolute;color:var(--caption);pointer-events:none}
.rp-editor p{margin:0 0 12px}
.rp-editor figure.rp-img{position:relative;margin:22px auto;user-select:none}
.rp-editor figure.rp-img img{cursor:grab}
.rp-editor figure.is-dragging{opacity:.35}
.rp-fig-tools{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:color-mix(in srgb,var(--paper) 94%,transparent);box-shadow:0 2px 10px rgb(0 0 0 / 16%);opacity:0;transition:opacity .15s}
.rp-editor figure:hover .rp-fig-tools,.rp-editor figure:focus-within .rp-fig-tools{opacity:1}
@media(hover:none){.rp-fig-tools{opacity:1}}
.rp-grip{display:inline-flex;width:24px;justify-content:center;color:var(--caption);cursor:grab}
.rp-grip svg,.rp-fig-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.rp-grip svg circle{fill:currentColor;stroke:none}
.rp-size{height:26px;padding:0 10px;border:0;border-radius:999px;background:none;font:inherit;font-size:12px;color:var(--muted);cursor:pointer}
.rp-size.is-on{background:var(--accent);color:var(--on-accent)}
.rp-size:not(.is-on):hover,.rp-fig-icon:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}
.rp-fig-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:26px;border:0;border-radius:999px;background:none;color:var(--muted);cursor:pointer}
.rp-cap{display:block;width:100%;margin-top:8px;padding:6px 8px;border:0;border-bottom:1px dashed var(--line);background:transparent;font:inherit;font-size:13px;color:var(--muted);text-align:center;outline:none}
.rp-cap:focus{border-bottom-color:var(--accent);color:var(--text)}
.rp-uploading{display:flex;align-items:center;justify-content:center;min-height:180px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:13px}
.rp-drop-line{height:3px;margin:6px 0;border-radius:2px;background:var(--accent)}
.rp-foot{display:flex;justify-content:space-between;gap:12px;padding:8px 14px;border-top:1px solid var(--line);font-size:12px;color:var(--caption)}
@media(max-width:760px){.rp-toolbar{top:56px;flex-wrap:nowrap;overflow-x:auto}.rp-editor{padding:16px;min-height:300px}.rp-hint{display:none}}

/* ── Post and comment actions: icon + label, no boxes ── */
.post-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:30px 0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.post-actions-end{display:flex;gap:2px;margin-left:auto}
.post-action{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:0;border-radius:999px;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}
.post-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.post-action:hover{background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent)}
.post-action.is-on{color:var(--danger)}.post-action.is-on svg{fill:var(--danger);stroke:var(--danger)}
.post-action.is-danger{color:var(--danger)}.post-action.is-danger:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}
.post-action-small{min-height:28px;padding:0 8px;font-size:12px}
.post-confirm{display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:100%;margin-top:8px;padding:10px 14px;border-radius:12px;background:var(--warm-bg);font-size:13px;color:var(--text)}
.post-confirm>span{flex:1;min-width:180px}
.community-comment{position:relative}
.community-comment .post-action-small{margin-top:4px}
/* Editor controls win over the older form-field rules above */
.community-editor .rp-toolbar select.rp-format{width:auto;min-width:0;height:32px;padding:0 28px 0 10px;border-radius:8px;font-size:13px;line-height:30px;background-color:var(--bg)}
.community-editor .rp-editor input.rp-cap{width:100%;padding:6px 8px;border:0;border-bottom:1px dashed var(--line);border-radius:0;background:transparent;font-size:13px;line-height:1.5;color:var(--muted);text-align:center;box-shadow:none}
.community-editor .rp-editor input.rp-cap:focus{border-bottom-color:var(--accent);color:var(--text)}
#community-editor-close{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border:0;border-radius:999px;background:none;box-shadow:none;font:inherit;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer}
#community-editor-close:hover{background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent)}

/* ── Videos (2026-09-30): play in the page; editor progress card and thumbnail choice ── */
.rp-tool-video::after{content:'동영상'}
.rp-video video{display:block;width:100%;height:auto;max-height:80vh;border-radius:10px;background:var(--input);object-fit:contain}
.rp-editor figure.rp-video video{cursor:default}
.rp-video-progress{flex-direction:column;align-items:stretch;justify-content:center;gap:10px;padding:26px 28px;text-align:left}
.rp-video-progress strong,.rp-video-error strong{font-size:14px;font-weight:700;color:var(--text)}
.rp-upload-sub{font-size:12px;line-height:1.7;color:var(--muted)}
.rp-progress{position:relative;height:6px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--accent) 14%,transparent)}
.rp-progress>span{display:block;height:100%;width:0;border-radius:inherit;background:var(--accent);transition:width .3s ease}
.rp-progress.is-waiting>span{position:absolute;width:32%!important;animation:rp-progress-wait 1.4s ease-in-out infinite}
@keyframes rp-progress-wait{from{left:-32%}to{left:100%}}
@media(prefers-reduced-motion:reduce){.rp-progress.is-waiting>span{animation:none;left:0;width:100%!important;opacity:.35}}
.rp-video-error{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:0;padding:20px 24px;border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);border-radius:10px;background:color-mix(in srgb,var(--danger) 6%,transparent);text-align:left}
.rp-video-error .post-action{margin-left:-12px}
.rp-thumbs{margin-top:12px;text-align:left}
.rp-thumbs-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:8px;font-size:12px;color:var(--muted);line-height:1.6}
.rp-thumbs-head strong{font-size:13px;color:var(--text)}
.rp-thumbs-row{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}
.rp-thumb{flex:0 0 auto;position:relative;width:96px;aspect-ratio:16/10;padding:0;border:2px solid transparent;border-radius:8px;background:var(--input);overflow:hidden;cursor:pointer}
.rp-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;cursor:pointer}
.rp-thumb:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}
.rp-thumb[aria-checked=true]{border-color:var(--accent)}
.rp-thumb[aria-checked=true]::before,.rp-thumb[aria-checked=true]::after{content:'';position:absolute;top:5px;right:5px;width:16px;height:16px;border-radius:50%}
.rp-thumb[aria-checked=true]::before{background:var(--accent);box-shadow:0 0 0 2px var(--paper)}
.rp-thumb[aria-checked=true]::after{background:var(--on-accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.rp-thumbs-tools{display:flex;flex-wrap:wrap;gap:0 2px;margin-left:auto}
.rp-thumbs-tools .post-action svg{width:15px;height:15px}
.rp-scene{margin:4px 0 12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.rp-scene[hidden]{display:none}
.rp-scene-bar{display:block;width:100%;margin:2px 0 8px;accent-color:var(--accent);cursor:pointer}
.rp-scene-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.rp-editor .rp-scene-step{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,transparent);box-shadow:none;color:var(--accent);cursor:pointer}
.rp-editor .rp-scene-step:hover{background:color-mix(in srgb,var(--accent) 16%,transparent)}
.rp-scene-step svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rp-scene-time{min-width:96px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums;color:var(--text)}
.rp-scene-use{margin-left:auto}
.rp-editor .rp-scene-close{min-height:34px;padding:0 10px;border:0;border-radius:999px;background:none;box-shadow:none;font:inherit;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer}
.rp-editor .rp-scene-close:hover{background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent)}
.rp-size{white-space:nowrap}
.rp-scene-note{margin:8px 0 0;font-size:12px;line-height:1.6;color:var(--muted)}
.community-row-video{position:relative;display:block;width:64px;height:64px}
.community-row-video img{width:100%;height:100%;object-fit:cover;border-radius:5px}
.community-row-play{position:absolute;inset:0;margin:auto;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--accent) 88%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--paper) 70%,transparent)}
.community-row-play svg{width:14px;height:14px;fill:var(--on-accent);stroke:none}
@media(max-width:760px){.rp-video-progress{padding:20px}.rp-thumb{width:76px}.rp-thumbs-tools{margin-left:-8px}.rp-scene-use{margin-left:0}.community-row-video{width:52px;height:52px}.rp-video video{max-height:70vh}}
/* Phone width: the one-line toolbar scrolls inside the editor instead of widening the whole form (it made the 375px page ~800px wide). */
.community-editor form>*,.community-field>*,.rp-editor-wrap{min-width:0}
.rp-toolbar>*{flex-shrink:0}
/* The warranty report (admin/report.css) also names .rp-count/.rp-foot; inside the community editor they stay plain text. */
.rp-editor-wrap>.rp-foot{flex-wrap:nowrap;margin-top:0;padding:8px 14px;font-size:12px;color:var(--caption)}
.rp-editor-wrap>.rp-foot .rp-count{display:inline;min-height:0;padding:0;border-radius:0;background:none;color:inherit;white-space:nowrap}

/* navigation.css */
/* The sole underline renderer: no pseudo-element or border competes with this line. */
[data-nav-control] {
  position: relative;
  color: var(--muted) !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  border-bottom-color: transparent !important;
  transform: none !important;
  font-weight: 650 !important;
  transition: none !important;
}
[data-nav-control]::before,
[data-nav-control]::after { content: none !important; display: none !important; }
.nav-underline {
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: 0;
  height: 2px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: var(--accent);
  pointer-events: none;
  opacity: 0;
  transform: scaleX(0) scaleY(.5);
  transform-origin: center bottom;
  transition: transform 220ms cubic-bezier(.2,.7,.3,1), opacity 160ms ease;
}
[data-nav-control]:focus-visible > .nav-underline { opacity: 1; transform: scaleX(1) scaleY(.5); }
@media (hover:hover) {
  [data-nav-control]:hover > .nav-underline { opacity: 1; transform: scaleX(1) scaleY(.5); }
}
[data-nav-control][aria-current]:not([aria-current=false]) > .nav-underline,
[data-nav-control][aria-pressed=true] > .nav-underline { opacity: 1; transform: scale(1); }
.primary-nav a { font-size: 15px; }
.section-nav,.community-tabs,.nav-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 32px;
  min-height: 42px;
}
.section-nav a,.community-tabs button,.nav-preview a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px !important;
  padding: 10px 4px !important;
  font-size: 14px !important;
  line-height: 1.5;
}
.inspection-jump .nav-underline,.mobile-nav .nav-underline { left: 15%; right: 15%; bottom: 4px; }
.nav-preview[hidden] { display: none !important; }
@media (min-width:761px) {
  .nav-preview {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 25;
    margin-inline: auto;
    height: 42px;
    border-bottom: 1px solid var(--line);
    background: var(--bg);
    overflow: visible;
  }
  .nav-previewing #main>.section-nav,.nav-previewing #community-page>.community-tabs {
    display: flex !important;
    visibility: hidden;
    pointer-events: none;
  }
}
@media (max-width:760px) {
  .nav-preview { display: none !important; }
  .section-nav a,.community-tabs button { min-height: 38px !important; font-size: 11px !important; }
  .nav-previewing #main>.section-nav,.nav-previewing #community-page>.community-tabs { visibility: visible; pointer-events: auto; }
}
@media (prefers-reduced-motion:reduce) { .nav-underline { transition: none; } }
@media print { .nav-preview { display:none !important; } }

/* Account menu: person icon at the top right, dialog with sign-in choices or member status. */
.header-actions .account-button{width:36px;height:36px;flex:0 0 36px;border-radius:9px;box-shadow:none;margin-left:6px;position:relative}
.header-actions .account-button::after{content:"";position:absolute;inset:-4px}
.header-actions .account-button svg{width:18px;height:18px}
.header-actions .account-button.is-signed-in{border-color:var(--accent);color:var(--accent)}
.account-dialog{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;max-width:400px;width:calc(100% - 48px);box-shadow:0 24px 70px rgb(0 0 0 / 18%)}
.account-dialog::backdrop{background:rgb(63 60 57 / 35%)}
.account-dialog .dialog-heading{margin-bottom:16px}
.account-dialog #account-status{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 12px}
.account-dialog #account-status:empty{display:none}
.account-note{font-size:14px;line-height:1.7;margin:0 0 16px}
.account-small{font-size:12px;color:var(--muted);line-height:1.7;margin:14px 0 0}
.account-dialog .button{display:flex;width:100%;justify-content:center;min-height:48px;margin-top:10px;font-size:14px;font-weight:700}
.account-dialog .account-kakao{background:#FEE500;border-color:#FEE500;color:#191919}
.account-dialog .account-kakao:hover{background:#F5DC00;border-color:#F5DC00}
.account-dialog .account-naver{background:#03C75A;border-color:#03C75A;color:#fff}
.account-dialog .account-naver:hover{background:#02B351;border-color:#02B351}
.account-head{display:flex;align-items:baseline;gap:10px;margin:0 0 12px}
.account-head strong{font-size:16px}
.account-role{font-size:12px;color:var(--muted)}
.account-links{display:grid;margin:0 0 16px}
.account-links a{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}
.account-links a:hover{color:var(--accent)}
.account-logout{font-size:13px;color:var(--muted)}
@media(max-width:760px){.account-dialog{padding:20px;width:calc(100% - 24px)}.header-actions .account-button{margin-left:4px}}

/* Sign-in buttons in the account menu: the app's login screen style (card, 12px radius, 22px brand icon, bold label). */
.social-buttons{display:grid;gap:16px;max-width:280px;margin:0 auto 4px}
.social-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:54px;padding:12px 20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);font:inherit;font-weight:700;font-size:15px;color:var(--text);cursor:pointer;transition:box-shadow .16s ease-out,border-color .16s ease-out}
.social-button:hover{box-shadow:var(--shadow-hover)}
.social-button:focus-visible{outline:none;border:2px solid var(--accent);padding:11px 19px}
.social-button svg{width:22px;height:22px;flex:0 0 22px}
.social-button span{line-height:1}
.social-kakao{color:#3C1E1E}
/* Dark: Kakao's brown label and bubble vanish on a dark card; the label takes the text colour, the bubble Kakao yellow. */
:root[data-theme=dark] .social-kakao{color:var(--text)}
:root[data-theme=dark] .social-kakao svg path{fill:#FEE500}
.social-naver{color:#03C75A;font-size:13.7px;letter-spacing:.2px}
.social-apple svg{transform:scale(1.18)}
@media(prefers-reduced-motion:reduce){.social-button{transition:none}}
/* Per-provider shadows exactly as the app's AppShadows (Flutter blur 10/14 ≈ CSS 12.5/17px, 12/16 ≈ 15/20px). */
.social-button{box-shadow:0 4px 12.5px -2px rgb(234 67 53 / 35%)}
.social-google{box-shadow:0 4px 12.5px -2px rgb(234 67 53 / 35%)}
.social-google:hover{box-shadow:0 6.5px 17px -2px rgb(234 67 53 / 44%)}
.social-kakao{box-shadow:0 4px 12.5px -2px rgb(251 188 5 / 45%)}
.social-kakao:hover{box-shadow:0 6.5px 17px -2px rgb(251 188 5 / 55%)}
.social-naver{box-shadow:0 4px 12.5px -2px rgb(52 168 83 / 35%)}
.social-naver:hover{box-shadow:0 6.5px 17px -2px rgb(52 168 83 / 44%)}
.social-apple{box-shadow:0 4px 15px -2px rgb(0 0 0 / 22%)}
.social-apple:hover{box-shadow:0 6px 20px -2px rgb(0 0 0 / 35%)}
.social-button svg text{font-family:SUIT,sans-serif}
/* Softer, wider halo like the app's rendering of AppShadows on the web. */
.social-button,.social-google{box-shadow:0 5px 18px -2px rgb(234 67 53 / 30%)}
.social-google:hover{box-shadow:0 7px 22px -2px rgb(234 67 53 / 40%)}
.social-kakao{box-shadow:0 5px 18px -2px rgb(251 188 5 / 40%)}
.social-kakao:hover{box-shadow:0 7px 22px -2px rgb(251 188 5 / 50%)}
.social-naver{box-shadow:0 5px 18px -2px rgb(52 168 83 / 30%)}
.social-naver:hover{box-shadow:0 7px 22px -2px rgb(52 168 83 / 40%)}
.social-apple{box-shadow:0 5px 20px -2px rgb(0 0 0 / 18%)}
.social-apple:hover{box-shadow:0 7px 24px -2px rgb(0 0 0 / 28%)}
/* Provider return page (/login/kakao|naver): a short status while the account is confirmed. */
.login-return{max-width:520px;margin:0 auto;padding:72px 0 96px;text-align:center}
.login-return h1{font-size:20px;line-height:1.5;margin-bottom:12px}
.login-return p{font-size:14px;color:var(--muted);margin-bottom:24px;line-height:1.7}
/* Brand icons are filled shapes: the site-wide svg stroke must not apply to them. */
.social-button svg,.social-button svg *{stroke:none}
/* Label baseline measured against the app at 3x: the app's text sits 1px higher in the row. */
.social-button span{position:relative;top:-1px}
/* Exact AppShadows (Flutter blurRadius r -> sigma r*0.57735+0.5 -> CSS blur 2*sigma): 10 -> 12.5px, 14 -> 17.2px, 12 -> 14.9px, 16 -> 19.5px. */
.social-button,.social-google{box-shadow:0 4px 12.5px -2px rgb(234 67 53 / 35%)}
.social-google:hover{box-shadow:0 6.5px 17.2px -2px rgb(234 67 53 / 44%)}
.social-kakao{box-shadow:0 4px 12.5px -2px rgb(251 188 5 / 45%)}
.social-kakao:hover{box-shadow:0 6.5px 17.2px -2px rgb(251 188 5 / 55%)}
.social-naver{box-shadow:0 4px 12.5px -2px rgb(52 168 83 / 35%)}
.social-naver:hover{box-shadow:0 6.5px 17.2px -2px rgb(52 168 83 / 44%)}
.social-apple{box-shadow:0 4px 14.9px -2px rgb(0 0 0 / 22%)}
.social-apple:hover{box-shadow:0 6px 19.5px -2px rgb(0 0 0 / 35%)}

/* onboarding.css */
/* Conversational sign-up (onboarding.js): the app's social_signup_screen on a full-screen page.
   Headline 21/800/1.4, sub 13.5 muted, 12px-radius cards on the surface colour, 54px accent CTA — the app's values. */
body.onboarding-open{overflow:hidden}
.onboarding{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--bg);color:var(--text);overflow:hidden}
.onboarding[open]{display:flex;flex-direction:column}
.onboarding::backdrop{background:var(--bg);backdrop-filter:none}
.ob-top{display:flex;align-items:center;gap:12px;width:100%;max-width:560px;margin:0 auto;padding:max(10px,env(safe-area-inset-top)) 12px 6px}
.ob-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;padding:0;border:0;border-radius:10px;background:none;color:var(--text);cursor:pointer;transition:background var(--control-duration,220ms) var(--control-ease,ease)}
.ob-icon[hidden]{display:grid;visibility:hidden}
.ob-icon:hover{background:var(--input)}
.ob-icon svg{width:22px;height:22px;stroke-width:2}
.ob-stage{position:relative;display:grid;flex:1;min-height:0;width:100%;max-width:560px;margin:0 auto;overflow:hidden}
.ob-step{grid-area:1/1;display:flex;flex-direction:column;min-height:0;height:100%}
.ob-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:28px 24px 16px}
.ob-beni{display:block;width:60px;height:62px;margin:4px 0 20px}
.ob-headline{margin:0 0 10px;font-size:21px;font-weight:800;line-height:1.4;letter-spacing:-.5px;white-space:pre-line;min-height:1.4em}
.ob-sub{margin:0 0 28px;font-size:13.5px;line-height:1.6;color:var(--muted);white-space:pre-line}
.ob-error{margin:-16px 0 20px;font-size:13px;line-height:1.6;color:var(--danger)}
.ob-body{display:grid;gap:12px}
.ob-option{display:flex;align-items:center;gap:12px;width:100%;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s,transform .2s}
.ob-option:hover{border-color:var(--accent);box-shadow:var(--shadow-hover)}
.ob-option:active{transform:scale(.99)}
.ob-option-text{display:grid;flex:1;gap:4px}
.ob-option strong{font-size:15px;font-weight:700}
.ob-option-text span{font-size:13px;line-height:1.5;color:var(--muted)}
.ob-option svg{width:20px;height:20px;stroke:var(--muted);stroke-width:2}
.ob-field{display:grid;gap:8px}
.ob-label{font-size:12.5px;font-weight:600;color:var(--muted)}
.ob-input{width:100%;min-height:54px;padding:0 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-size:17px;font-weight:600;outline:none;transition:border-color .2s,box-shadow .2s}
.ob-input::placeholder{color:var(--divider);font-weight:500}
.ob-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
.ob-input-phone{min-height:62px;font-size:24px;font-weight:800;letter-spacing:1px}
.ob-input-plate{max-width:220px;min-height:66px;font-size:28px;font-weight:800;letter-spacing:10px;text-align:center}
.ob-inline{display:flex;gap:8px}
.ob-inline .ob-input{flex:1;min-width:0}
.ob-chip{flex:0 0 auto;padding:0 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--accent);font-size:14px;font-weight:700;cursor:pointer}
.ob-chip:hover:not(:disabled){border-color:var(--accent)}
.ob-status-box{display:grid;gap:4px}
.ob-status-box:empty{display:none}
.ob-status{margin:0;font-size:13px;line-height:1.6}
.ob-status-ok{color:var(--success)}
.ob-status-error{color:var(--danger)}
.ob-status-info{color:var(--muted)}
.ob-link{justify-self:start;padding:2px 0;border:0;background:none;color:var(--accent);font-size:13px;text-decoration:underline;cursor:pointer}
.ob-info{display:grid;gap:10px;margin:0;padding:16px 18px;border-radius:12px;background:var(--input)}
.ob-info div{display:flex;justify-content:space-between;gap:16px;font-size:14px}
.ob-info dt{color:var(--muted)}
.ob-info dd{margin:0;font-weight:700;text-align:right}
.ob-check{display:flex;align-items:flex-start;gap:10px;padding:16px;border-radius:12px;background:var(--info-bg);font-size:14px;line-height:1.5;cursor:pointer}
.ob-check input,.ob-consent input{flex:0 0 20px;width:20px;height:20px;margin:0;accent-color:var(--accent)}
.ob-consent{padding:4px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.ob-consent-all{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:700;cursor:pointer}
.ob-consent-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0}
.ob-consent-row label{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5;cursor:pointer}
.ob-view{flex:0 0 auto;padding:4px;border:0;background:none;color:var(--muted);font-size:12.5px;text-decoration:underline;cursor:pointer}
.ob-terms{max-height:240px;margin:0 0 12px;padding:14px;overflow:auto;border-radius:10px;background:var(--input);color:var(--muted);font:inherit;font-size:12.5px;line-height:1.7;white-space:pre-wrap}
.ob-marketing{display:grid;gap:8px;padding:18px;border-radius:12px;background:var(--warm-bg)}
.ob-marketing strong{font-size:14px}
.ob-marketing p{margin:0;font-size:13px;line-height:1.7;color:var(--muted)}
.ob-dots{display:flex;gap:8px;padding:12px 0}
.ob-dots span{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:ob-dot 1.1s ease-in-out infinite}
.ob-dots span:nth-child(2){animation-delay:.15s}
.ob-dots span:nth-child(3){animation-delay:.3s}
@keyframes ob-dot{0%,80%,100%{opacity:.25;transform:none}40%{opacity:1;transform:translateY(-4px)}}
.ob-cta{display:grid;gap:6px;padding:12px 24px max(20px,env(safe-area-inset-bottom))}
.ob-button{min-height:54px;padding:0 20px;border:1px solid transparent;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s,box-shadow .2s,opacity .2s}
.ob-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--action-shadow)}
.ob-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--action-hover)}
.ob-primary:disabled{opacity:.4;box-shadow:none}
.ob-secondary{min-height:46px;background:none;color:var(--muted);font-size:14px;font-weight:600}
.ob-secondary:hover:not(:disabled){color:var(--text)}
@media(min-width:761px){.ob-content{padding:56px 32px 16px}.ob-cta{padding:12px 32px 36px}.ob-headline{font-size:23px}}
@media(prefers-reduced-motion:reduce){.ob-progress span{transition:none}.ob-dots span{animation:none;opacity:.6}}

/* Account menu: visit-record link status and actions */
.account-link-status{display:grid;gap:4px;margin:0 0 12px;padding:14px 16px;border-radius:12px;background:var(--input)}
.account-link-status.is-linked{background:var(--info-bg)}
.account-link-status strong{font-size:14px}
.account-link-status span{font-size:13px;line-height:1.6;color:var(--muted)}
.account-link-button{justify-self:start;margin-top:6px;padding:0;border:0;background:none;color:var(--accent);font-size:13.5px;font-weight:700;cursor:pointer}
.account-link-button:hover{text-decoration:underline}
.account-link-action{display:block;width:100%;padding:11px 0;border:0;border-bottom:1px solid var(--line);background:none;color:var(--text);font-size:14px;text-align:left;cursor:pointer}
.account-link-action:hover{color:var(--accent)}
.account-wait{color:var(--muted)}
.account-dialog .account-other{background:none}

/* Short confirmations */
.site-toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));z-index:1000;max-width:calc(100% - 32px);padding:12px 18px;border-radius:12px;background:var(--text);color:var(--bg);font-size:14px;font-weight:600;box-shadow:0 10px 30px rgb(0 0 0 / 18%);opacity:0;pointer-events:none;transform:translate(-50%,16px);transition:opacity .25s,transform .35s cubic-bezier(.22,1,.36,1)}
.site-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.account-dialog .account-logout{display:inline-block;margin-top:14px;padding:6px 0;border:0;background:none;box-shadow:none;color:var(--muted);font-size:13px;cursor:pointer}
.account-dialog .account-logout:hover{color:var(--text);text-decoration:underline}
.ob-consent-row{min-height:50px}

/* login.css */
/* Login screen and the app's loading screen (login.js). Values from the app: login_screen.dart (bgMain, max width 500,
   padding 20, logo 280 wide, "Beyond Care. Next" 14/700 letter-spacing .3 in t2, four 280-wide buttons 16 apart,
   business text 12/500/1.45 in t3, legal text buttons 12/500 in t2 at least 48x48) and web/index.html (48px symbol
   turning around its vertical axis once every 1.6s; recovery text and button after 8s). */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.login-page{min-height:100vh;margin:0;background:var(--bg)}
body.login-page #main{max-width:none;margin:0;padding:0}
.app-splash{position:fixed;inset:0;z-index:2;background:var(--bg);color:var(--text)}
.app-splash[hidden]{display:none}
.app-splash-symbol{position:absolute;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%)}
.app-splash-symbol img{display:block;width:48px;height:48px;transform-origin:center;animation:app-splash-spin 1600ms linear infinite}
.app-splash.is-stopped .app-splash-symbol img{animation:none}
@keyframes app-splash-spin{from{transform:perspective(333.333333px) rotateY(0deg)}to{transform:perspective(333.333333px) rotateY(360deg)}}
.app-splash-recovery{position:absolute;top:calc(50% + 48px);left:50%;width:min(360px,calc(100% - 48px));max-height:calc(50% - 64px);overflow:auto;text-align:center;transform:translateX(-50%)}
.app-splash-title{margin:0;font-size:14px;font-weight:700;line-height:1.45}
.app-splash-detail{margin:8px 0 16px;color:var(--muted);font-size:12px;line-height:1.4}
.app-splash-retry{width:100%;min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--accent);box-shadow:0 4px 10px color-mix(in srgb,var(--accent) 15%,transparent);font-size:14px;font-weight:700;line-height:1.45;cursor:pointer}
.app-splash-retry:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.login-screen{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--bg);color:var(--text);overflow-y:auto;overscroll-behavior:contain}
.login-screen[open]{display:block}
.login-screen::backdrop{background:var(--bg);backdrop-filter:none}
.login-screen .app-splash{z-index:1}
.login-wrap{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;width:100%;max-width:500px;min-height:100%;margin:0 auto;padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 20px)}
.login-top{display:flex;flex-direction:column;align-items:center;padding-bottom:24px}
.login-close{align-self:flex-end;display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;padding:0;border:0;border-radius:50%;background:var(--surface);color:var(--muted);box-shadow:0 1px 3px var(--line),0 1px 1px var(--line);cursor:pointer;transition:background .2s}
.login-close:hover{background:var(--input)}
.login-close svg{width:22px;height:22px;fill:currentColor;stroke:none}
.login-logo{display:block;width:280px;max-width:100%;height:auto}
.login-tagline{margin:12px 0 0;color:var(--muted);font-size:14px;font-weight:700;line-height:1.45;letter-spacing:.3px;text-align:center}
.login-middle{display:flex;flex-direction:column;align-items:center;width:100%;max-width:280px;margin:0 auto;padding-bottom:24px}
.login-middle .social-buttons{width:100%;max-width:280px;margin:0;gap:16px}
.login-browse{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:48px;min-height:48px;margin-top:16px;padding:0 16px 0 12px;border:0;border-radius:24px;background:none;color:var(--muted);font-size:14px;font-weight:700;line-height:1.45;cursor:pointer;transition:background .2s}
.login-browse:hover{background:color-mix(in srgb,var(--muted) 8%,transparent)}
.login-browse svg{width:18px;height:18px;fill:currentColor;stroke:none}
.login-bottom{text-align:center}
.login-business{margin:0;color:var(--faint);font-size:12px;font-weight:500;line-height:1.45;white-space:pre-line}
.login-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}
.login-legal a{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:0 12px;border-radius:24px;color:var(--muted);font-size:12px;font-weight:500;line-height:1.4;text-decoration:none;transition:background .2s}
.login-legal a:hover{background:color-mix(in srgb,var(--muted) 8%,transparent)}
@media(prefers-reduced-motion:reduce){.app-splash-symbol img{animation:none}}

/* Sign-up header as in the app (56px, one 22px icon on the left) and its "회원가입 취소" card. */
.onboarding .ob-top{box-sizing:border-box;gap:0;height:calc(env(safe-area-inset-top) + 56px);max-width:640px;padding:env(safe-area-inset-top) 14px 0}
.onboarding .ob-stage{max-width:640px}
.onboarding .ob-icon{width:38px;height:38px;flex:0 0 38px;border-radius:50%;color:var(--text)}
.onboarding .ob-icon[hidden]{display:none}
.onboarding .ob-icon svg{width:22px;height:22px;fill:currentColor;stroke:none}
.ob-confirm{box-sizing:border-box;width:calc(100% - 80px);min-width:280px;max-width:400px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 4px 14.9px -2px rgb(0 0 0 / 7%)}
.ob-confirm::backdrop{background:rgb(0 0 0 / 40%);backdrop-filter:none}
.ob-confirm-title{margin:0;font-size:16px;font-weight:800;line-height:1.4}
.ob-confirm-text{margin:10px 0 0;color:var(--muted);font-size:14px;font-weight:500;line-height:1.5}
.ob-confirm-actions{display:flex;gap:10px;margin-top:24px}
.ob-confirm-button{flex:1;height:48px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 4px 14.9px -2px rgb(0 0 0 / 7%);font-size:14px;font-weight:700;line-height:1.45;cursor:pointer;transition:box-shadow 160ms ease-out}
.ob-confirm-button:hover{box-shadow:0 6px 19.5px -2px rgb(0 0 0 / 13%)}
.ob-confirm-button.is-destructive{color:var(--danger)}
/* Flutter breaks Korean lines between syllables, not only at spaces. */
.login-business{word-break:normal;line-height:17px}
/* On desktop computers the app's text buttons use Flutter's compact density: 40px tall instead of 48px. */
@media (hover:hover) and (pointer:fine){.login-browse,.login-legal a{min-height:40px}}

/* 2026-09-24 (대표님): the introduction replaces the logo, spacing is tighter, the business text stays at the bottom. */
.login-wrap{justify-content:flex-start}
.login-top{padding:44px 0 28px;text-align:center}
.login-eyebrow{margin:0 0 6px;color:var(--accent);font-size:13px;font-weight:700;line-height:1.5}
.login-title{margin:0 0 10px;color:var(--text);font-size:23px;font-weight:800;line-height:1.35;letter-spacing:-.4px}
.login-intro{margin:0;color:var(--muted);font-size:14px;line-height:1.65;white-space:pre-line}
.login-middle{padding-bottom:32px}
.login-bottom{margin-top:auto}
@media(max-width:760px){.login-top{padding:32px 0 24px}.login-title{font-size:21px}.login-intro{font-size:13.5px}}

/* header.css */
/* Site header (2026-09-24): one fixed row that never leaves the screen.
   Logo · 퍼센트인 · 서비스 · 안심체크 · 커뮤니티 · · · 예약·상담 · 내 차 관리 · person.
   Folding when there is no room (CSS breakpoints below, and navigation.js adds a level if the row still overflows):
   is-collapsed  the four menus go into the burger dropdown
   is-compact    내 차 관리 also goes into the dropdown
   is-tight      예약·상담 also goes into the dropdown
   Everything that opens from the header (dropdown, account menu, login screen, sign-up) opens under it. */
/* Two rows, one line (대표님 2026-09-25): the main row, then the current area's sub menu in the band under it, both
   inside the fixed header with a single line at the bottom. The band is always there on desktop (hover previews of
   other areas show in it too), so the line never moves and the staff side menu starts under it. */
/* 2026-09-27 (대표님): less space between the main row and the sub menu — a lower main row, and the sub band starts
   a little inside it (--subnav-top); the current item's underline sits just under its word, clear of the sub menu. */
:root{--side-w:216px;--header-row:50px;--subnav-h:30px;--subnav-top:calc(var(--header-row) - 6px);--header-h:calc(var(--subnav-top) + var(--subnav-h))}
@media(max-width:1180px){:root{--side-w:64px}}
@media(max-width:760px){:root{--side-w:0px;--header-row:56px;--subnav-h:38px;--subnav-top:var(--header-row);--header-h:var(--header-row)}html:has(#main>.section-nav,#community-page>.community-tabs){--header-h:calc(var(--header-row) + var(--subnav-h))}}
html{scroll-padding-top:calc(var(--header-h) + 16px)}
body{padding-top:var(--header-h)}
html:is(.admin-on,.admin-expected) body{padding-left:var(--side-w)}
#site-header{position:fixed;top:0;left:0;right:0;z-index:60;display:block;width:auto;height:var(--header-h);max-width:none;margin:0;padding:0;border-bottom:1px solid var(--line);background:var(--bg)}
.site-header-bar{position:relative;display:flex;align-items:center;gap:0 44px;height:var(--header-row)}
#site-header .brand{display:flex;flex:0 0 auto;align-items:center}
#site-header .brand img{display:block;width:150px;height:auto}

/* The four menus: same underline rules as before (hover 1px, current 2px, no colour change, nothing moves). */
.header-nav{display:flex;flex:1 1 auto;align-items:stretch;gap:0 30px;min-width:0;height:100%;overflow:hidden}
.header-nav a{display:flex;align-items:center;height:100%;padding:0 4px;font-size:15px;white-space:nowrap}
.header-nav .nav-underline{bottom:-1px}
@media(min-width:761px){.header-nav .nav-underline{bottom:9px}}

.header-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px;margin-left:auto}
/* Slightly emphasised buttons: a soft fill of the accent colour, no outline or shadow, no arrow. */
#site-header .header-actions .button,.menu-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:0;width:auto;min-width:0;min-height:38px;margin:0;padding:8px 16px;border:0;border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:none;color:var(--accent);font-size:14px;font-weight:700;line-height:1.4;white-space:nowrap;transition:background .2s}
#site-header .header-actions .button:hover,.menu-actions .button:hover{background:color-mix(in srgb,var(--accent) 17%,transparent)}
#site-header .header-actions .button svg{display:none}
#site-header .header-actions .header-booking{display:inline-flex}
#site-header .icon-button{width:38px;height:38px;flex:0 0 38px;margin:0;border:0;border-radius:10px;background:transparent;box-shadow:none;color:var(--text);cursor:pointer;transition:background .2s}
#site-header .icon-button:hover{background:color-mix(in srgb,var(--text) 7%,transparent)}
#site-header .icon-button svg{width:20px;height:20px}
#site-header .account-button{margin-left:2px}
#site-header .account-button::after,#site-header #menu-open::after{content:none}
/* Person, bell and burger look the same whether signed in or not: no box at rest, a soft one on hover or while open
   (대표님 2026-09-27: 로그인하면 사람 아이콘만 사각박스가 생기던 것 통일). Being signed in shows as the bell appearing. */
#site-header .account-button[aria-expanded=true]{background:color-mix(in srgb,var(--text) 7%,transparent)}
#site-header .menu-button{display:none}
/* Staff (left admin menu open at full width): the logo sits over the middle of the side menu, the main menu starts
   where the page content starts and the buttons end where it ends (대표님 2026-09-27). The gutter is the .wrap margin
   of the page beside the side menu (32px, or more once the content reaches its 1280px maximum). */
@media(min-width:1181px){
 html:is(.admin-on,.admin-expected) .site-header-bar{container-type:inline-size;width:auto;max-width:none;margin:0;column-gap:0;--staff-gutter:max(32px,calc((100cqw - var(--side-w) - var(--max)) / 2))}
 html:is(.admin-on,.admin-expected) #site-header .brand{flex:0 0 var(--side-w);justify-content:center}
 html:is(.admin-on,.admin-expected) .header-nav{margin-left:calc(var(--staff-gutter) - 4px)}
 html:is(.admin-on,.admin-expected) .header-actions{margin-right:var(--staff-gutter);padding-left:24px}
 html:is(.admin-on,.admin-expected) .account-panel{right:var(--staff-gutter)}
}
#site-header .menu-button[aria-expanded=true]{background:color-mix(in srgb,var(--text) 7%,transparent)}
/* 알림 (bell, signed-in members and staff): the new-notice count sits on it; the person icon has no badge. */
#site-header .notice-button{position:relative}
#site-header .notice-button[hidden]{display:none}
#site-header .notice-button[aria-expanded=true]{background:color-mix(in srgb,var(--text) 7%,transparent)}
.notice-badge{position:absolute;top:2px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--danger);color:var(--on-accent);font-size:10.5px;font-weight:700;line-height:17px;text-align:center;box-shadow:0 0 0 2px var(--bg)}
/* Logo: light ink in dark mode. */
#site-header .brand img.logo-dark{display:none}
:root[data-theme=dark] #site-header .brand img.logo-light{display:none}
:root[data-theme=dark] #site-header .brand img.logo-dark{display:block}

/* Folding */
#site-header.is-collapsed .header-nav{display:none}
#site-header.is-collapsed .menu-button{display:inline-flex}
#site-header.is-compact .header-actions .header-account{display:none}
#site-header.is-tight .header-actions .header-booking{display:none}
@media(max-width:900px){#site-header .header-nav{display:none}#site-header .menu-button{display:inline-flex}.site-header-bar{gap:0 24px}}
@media(max-width:560px){#site-header .header-actions .header-account{display:none}#site-header .brand img{width:132px}#site-header .header-actions .button{min-height:36px;padding:7px 12px;font-size:13px}}
@media(max-width:360px){#site-header .header-actions .header-booking{display:none}#site-header .brand img{width:116px}}
/* Buttons that folded into the dropdown are shown there. */
.menu-actions{display:none}
.menu-actions .button{display:none}
#site-header.is-collapsed .menu-actions,#site-header.is-compact .menu-actions{display:flex}
#site-header.is-compact .menu-actions .header-account,#site-header.is-tight .menu-actions .header-booking{display:inline-flex}
@media(max-width:560px){.menu-actions{display:flex}.menu-actions .header-account{display:inline-flex}}
@media(max-width:360px){.menu-actions .header-booking{display:inline-flex}}

/* Burger dropdown: drops from under the header, the page stays where it is. */
.menu-dropdown{position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - var(--header-h));overflow-y:auto;overscroll-behavior:contain;border-bottom:1px solid var(--line);background:var(--bg);box-shadow:0 24px 40px -24px rgb(0 0 0 / 22%)}
.menu-dropdown[hidden]{display:none}
.menu-dropdown-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 28px;padding:20px 0 24px}
.menu-group{display:flex;flex-direction:column}
.menu-dropdown .menu-group-title{display:flex;align-items:center;min-height:44px;color:var(--text);font-size:16px;font-weight:750}
.menu-dropdown .menu-group-title[aria-current]{color:var(--accent)}
.menu-dropdown .menu-sub{display:flex;align-items:center;min-height:38px;color:var(--muted);font-size:14px;font-weight:600}
.menu-dropdown a:hover{color:var(--accent)}
.menu-actions{grid-column:1/-1;gap:8px;padding-top:12px}
@media(max-width:760px){
 .menu-dropdown-inner{grid-template-columns:1fr;gap:0;padding:8px 0 20px}
 .menu-group{padding:6px 0;border-bottom:1px solid var(--line)}
 .menu-group:last-of-type{border-bottom:0}
 .menu-dropdown .menu-sub{min-height:40px;padding-left:12px}
 .menu-actions .button{flex:1;min-height:44px}
}

/* Hover preview of another area's pages: in the header's sub band, over the current sub menu. It stops 1px short so
   the header's bottom line stays visible under it (대표님 2026-09-27). */
@media(min-width:761px){.nav-preview{position:fixed;top:var(--subnav-top)!important;z-index:62;height:calc(var(--subnav-h) - 1px)!important;min-height:calc(var(--subnav-h) - 1px)!important;border-bottom:0!important;background:var(--bg);box-shadow:none;clip-path:none}.nav-preview a{min-height:calc(var(--subnav-h) - 1px)!important;padding-top:0!important;padding-bottom:0!important}}

/* Account menu: a card under the person icon. */
.account-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:2;width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - var(--header-h) - 24px);overflow-y:auto;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 18px 50px -12px rgb(0 0 0 / 22%)}
.account-panel[hidden]{display:none}
.account-panel .dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.account-panel .dialog-heading h2{margin:0;font-size:17px}
.account-panel #account-status{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.6}
.account-panel #account-status:empty{display:none}
.account-panel .button{display:flex;justify-content:center;width:100%;min-height:48px;margin-top:10px;font-size:14px;font-weight:700}
@media(max-width:760px){.account-panel{position:fixed;top:calc(var(--header-h) + 8px);right:12px;left:12px;width:auto}}

/* Login screen, sign-up and the sign-in splash fill the space under the header. */
.login-screen,.onboarding{inset:var(--header-h) 0 0 0!important;z-index:50;width:100%!important;height:auto!important}
.app-splash{inset:var(--header-h) 0 0 0}
body.onboarding-open{overflow:hidden}
/* Other windows (review photos, install help) also keep the header in view. */
dialog:modal{top:var(--header-h);max-height:calc(100dvh - var(--header-h) - 32px)}
dialog::backdrop{top:var(--header-h)}

/* Sticky helpers inside pages sit under the header. */
.inspection-jump{top:calc(var(--header-h) + 12px)!important}
/* The former bottom bar is gone; its reserved space goes with it. */
.mobile-nav{display:none!important}

/* 안심체크 (until the reworked service arrives) */
.coming-page{max-width:640px;margin:0 auto;padding:72px 0 96px}
.coming-page h1{margin:0 0 16px;font-size:30px;line-height:1.35}
.coming-page p{margin:0 0 12px;color:var(--muted);font-size:15px;line-height:1.75}
.coming-page .coming-note{margin-bottom:28px}
.coming-page .button{display:inline-flex;width:auto;margin:0}
@media(max-width:760px){.coming-page{padding:40px 0 64px}.coming-page h1{font-size:24px}}
@media print{#site-header{position:static}body{padding-top:0}}
.account-panel .account-logout{display:inline-block;width:auto;min-height:0;margin-top:14px;padding:6px 0;border:0;background:none;box-shadow:none;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer}
.account-panel .account-logout:hover{color:var(--text);text-decoration:underline}
.account-panel .account-other{background:none}
/* 알림 panel: same card as the account menu, under the bell. */
.notice-list{display:flex;flex-direction:column}
.notice-item{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--text)}
.notice-item:last-child{border-bottom:0}
.notice-item:hover .notice-item-title{color:var(--accent)}
.notice-item-title{font-size:14px;font-weight:700;line-height:1.5}
.notice-item-body{color:var(--muted);font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.notice-empty{margin:4px 0 6px;color:var(--muted);font-size:14px}
/* 화면 모드 in the account menu: a two-way segment (라이트 · 다크). */
.account-theme{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0 10px;border-bottom:1px solid var(--line)}
.account-theme-label{font-size:14px}
.theme-segment{display:inline-flex;padding:3px;border-radius:10px;background:var(--input)}
.theme-segment button{min-width:58px;min-height:32px;padding:4px 12px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}
.theme-segment button:hover{color:var(--text)}
.theme-segment button[aria-pressed=true]{background:var(--paper);color:var(--text);font-weight:700;box-shadow:0 1px 3px rgb(0 0 0 / 12%)}
.coming-page .eyebrow{color:var(--accent)}

/* Page sub menus (퍼센트인 소개 · 고객 후기, 점검 · 소모품 교환 · 정비, community categories) are drawn in the header's
   sub band: fixed under the main row, above the header's single bottom line, never scrolling away. */
#main>.section-nav,#community-page>.community-tabs{position:fixed!important;top:var(--subnav-top);left:0;right:0;z-index:61;height:var(--subnav-h);min-height:var(--subnav-h)!important;margin:0!important;padding:0!important;border:0!important;background:transparent;box-shadow:none;clip-path:none}
#main>.section-nav a,#community-page>.community-tabs button{min-height:var(--subnav-h)!important;padding-top:0!important;padding-bottom:0!important}
@media(max-width:760px){#main>.section-nav,#community-page>.community-tabs{overflow-x:auto;justify-content:flex-start!important;padding-inline:20px!important;scrollbar-width:none}}
@media(min-width:761px){body:not(:has(#main>.section-nav,#community-page>.community-tabs)) #main{padding-top:0}}

/* Footer (2026-09-24): operator details as a wrapping list, legal links; the same block closes the login screen. */
.site-footer{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:20px 40px;margin-top:40px;padding-block:28px 36px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.6}
.footer-company strong{display:block;margin-bottom:8px;color:var(--text);font-size:13px;font-weight:700}
.footer-facts{display:flex;flex-wrap:wrap;gap:2px 18px;max-width:760px;margin:0}
.footer-facts div{display:flex;gap:6px}
.footer-facts dt{color:var(--faint)}
.footer-facts dd{margin:0}
.site-footer .footer-facts a{display:inline;min-height:0}
.site-footer nav{display:flex;flex-wrap:wrap;gap:0 20px}
.site-footer nav a{min-height:36px}
.site-footer .footer-privacy{color:var(--text);font-weight:700}
/* 다크 모드로 보기 / 라이트 모드로 보기: an icon and words like the other footer links. */
.site-footer .footer-theme{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0;border:0;background:none;color:inherit;font-size:inherit;cursor:pointer}
.site-footer .footer-theme svg{width:15px;height:15px}
.site-footer .footer-theme:hover{color:var(--text)}
@media(max-width:760px){.site-footer{display:flex;margin-top:32px;padding-block:24px calc(28px + env(safe-area-inset-bottom))}.footer-facts{gap:2px 12px}.site-footer nav{gap:0 16px;margin-top:0}.site-footer nav a{font-size:12px}}
.login-screen[open]{display:flex;flex-direction:column}
.login-screen .login-wrap{flex:1 0 auto;min-height:0}
.login-screen .site-footer{flex:0 0 auto;margin-top:0}

/* beni.css */
/* Beni for staff (/beni/). Two columns on wide screens (thread list · chat), a drawer for the list on narrow screens
   and in the pop-out window (?window=1, which also hides the site header). On the Beni route the footer and install
   dock are hidden so the page fits the viewport with a single scrollbar (inside the chat). */
#site-header .header-actions .header-beni,#site-header .menu-actions .header-beni{display:none}
#site-header.is-staff .header-actions .header-beni,#site-header.is-staff .menu-actions .header-beni{display:inline-flex}
#site-header.is-staff.is-tight .header-actions .header-beni{display:none}
@media(max-width:360px){#site-header.is-staff .header-actions .header-beni{display:none}}
.beni-route .site-footer,.beni-route .install-dock{display:none!important}
.beni-route main{padding-bottom:0!important}
.beni-window .site-header,.beni-window .skip-link{display:none!important}
.beni-window main{padding-top:0!important}

.beni-page{position:relative;max-width:var(--max);margin:0 auto;padding:8px var(--space) 8px}
.beni-splash{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:calc(100vh - var(--header-h) - 16px);min-height:calc(100dvh - var(--header-h) - 16px);color:var(--muted);font-size:13.5px}
.beni-splash[hidden]{display:none}
/* Beni himself while the page gets ready (beni-figure.js, state "think"). */
.beni-splash-figure{width:92px;height:100px}
.beni-splash img{display:block;width:48px;height:48px;transform-origin:center;animation:beni-splash-spin 1600ms linear infinite}
@keyframes beni-splash-spin{from{transform:perspective(333.333333px) rotateY(0deg)}to{transform:perspective(333.333333px) rotateY(360deg)}}
.beni-gate{max-width:520px;margin:48px auto;text-align:center}
.beni-gate h2{font-size:22px;margin:0}
.beni-gate p{color:var(--muted);margin:8px 0 16px}
.beni-app{display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:10px;height:calc(100vh - var(--header-h) - 56px);height:calc(100dvh - var(--header-h) - 56px);min-height:380px}
.beni-window .beni-app{height:calc(100vh - 40px);height:calc(100dvh - 40px);grid-template-columns:minmax(0,1fr)}
.beni-bar{grid-column:1/-1;display:flex;align-items:center;gap:12px;min-height:40px;padding:4px 10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);font-size:12.5px;color:var(--muted)}
.beni-bar .icon-button{width:30px;height:30px;flex:0 0 auto}
.beni-bar .beni-usage{flex:0 0 auto}
.beni-bar .beni-notice{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:var(--text)}
.beni-bar .beni-notice span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.beni-bar .beni-notice[hidden]{display:none}
.beni-drawer{display:flex;flex-direction:column;min-height:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.beni-drawer-head{display:flex;gap:6px;padding:10px;border-bottom:1px solid var(--line)}
.beni-drawer-head input{flex:1;min-width:0;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--input);font-size:13px}
.beni-staff{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.beni-staff select{flex:1;min-width:0;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--input);font-size:13px;color:var(--text)}
.beni-threads{flex:1;overflow:auto;padding:6px}
.beni-readonly-note{margin:4px 6px 8px;padding:6px 10px;border-radius:8px;background:var(--warm-bg);color:var(--warning);font-size:12px}
.beni-section{margin:8px 8px 4px;font-size:11px;font-weight:700;color:var(--caption);letter-spacing:.02em}
.beni-thread{display:flex;align-items:stretch;border-radius:8px}
.beni-thread.is-dragging{opacity:.4}
.beni-group.is-drop,.beni-threads.is-drop{outline:2px dashed var(--accent);outline-offset:-2px;background:color-mix(in srgb,var(--accent) 8%,transparent)}
.beni-thread:hover,.beni-thread:focus-within{background:color-mix(in srgb,var(--accent) 8%,transparent)}
.beni-thread.is-current{background:color-mix(in srgb,var(--accent) 14%,transparent)}
.beni-thread-main{display:flex;flex:1;min-width:0;flex-direction:column;gap:1px;padding:7px 4px 7px 10px;border:0;background:none;text-align:left;cursor:pointer;color:var(--text)}
.beni-thread-main strong{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.beni-thread-preview{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.beni-thread-meta{font-size:11px;color:var(--caption)}
.beni-thread-more{flex:0 0 28px;border:0;background:none;color:var(--muted);font-size:16px;line-height:1;cursor:pointer;opacity:0;border-radius:8px}
.beni-thread:hover .beni-thread-more,.beni-thread:focus-within .beni-thread-more,.beni-group:hover .beni-thread-more,.beni-thread-more:focus{opacity:1}
.beni-thread-more:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}
@media(hover:none){.beni-thread-more{opacity:1}}
.beni-group{display:flex;align-items:center;margin-top:6px;border-radius:8px}
.beni-group-toggle{display:flex;flex:1;min-width:0;align-items:center;gap:6px;padding:6px 8px;border:0;background:none;cursor:pointer;color:var(--text);font-size:12.5px}
.beni-group-toggle strong{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.beni-group-caret{display:inline-block;transition:transform .15s;color:var(--caption)}
.beni-group.is-collapsed .beni-group-caret{transform:rotate(-90deg)}
.beni-group-count{margin-left:auto;font-size:11px;color:var(--caption)}
.beni-group-items{padding-left:10px}
.beni-empty{padding:12px;color:var(--muted);font-size:12.5px;text-align:center}

.beni-main{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.beni-top{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line)}
.beni-top h1{flex:1;min-width:0;margin:0;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.beni-top .icon-button{width:32px;height:32px}
.beni-top .text-link{font-size:12.5px;white-space:nowrap}
#beni-list-toggle{display:none}
.beni-window #beni-list-toggle{display:inline-flex}
.beni-usage{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);white-space:nowrap}
.beni-usage strong{color:var(--text)}
.beni-usage-bar{width:72px;height:6px;border-radius:3px;background:var(--outer);overflow:hidden}
.beni-usage-fill{display:block;height:100%;background:var(--accent);transition:width .4s}
.beni-usage.is-warn .beni-usage-fill{background:var(--warning)}
.beni-usage.is-blocked .beni-usage-fill{background:var(--danger)}

.beni-log{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}
.beni-welcome{margin:auto;max-width:560px;text-align:center}
.beni-welcome h2{font-size:18px;margin:0 0 8px}
.beni-welcome p{color:var(--muted);font-size:13.5px;line-height:1.6}
.beni-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}
.beni-chip{padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg);font-size:12.5px;color:var(--text);cursor:pointer}
.beni-chip:hover{border-color:var(--accent);color:var(--accent)}
.beni-msg{max-width:min(760px,100%);position:relative}
.beni-msg.is-user{align-self:flex-end;background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:14px 14px 4px 14px;padding:9px 13px;white-space:pre-wrap;word-break:break-word}
.beni-msg.is-user p{margin:0;font-size:14px;line-height:1.55}
.beni-attach-note{display:block;margin-top:4px;font-size:11.5px;color:var(--muted)}
.beni-msg.is-assistant{align-self:flex-start;padding:2px 0 2px 12px;border-left:3px solid color-mix(in srgb,var(--accent) 35%,transparent)}
.beni-msg.is-live{border-left-color:var(--accent)}
.beni-body{font-size:14px;line-height:1.62;word-break:break-word}
.beni-body p{margin:0 0 9px}
.beni-body p:last-child{margin-bottom:0}
.beni-body h2,.beni-body h3,.beni-body h4{margin:10px 0 5px;font-size:14px;font-weight:700}
.beni-body ul,.beni-body ol{margin:0 0 9px;padding-left:20px}
.beni-body li{margin:2px 0}
.beni-body table{border-collapse:collapse;margin:6px 0 9px;font-size:12.5px;max-width:100%;display:block;overflow:auto}
.beni-body th,.beni-body td{border:1px solid var(--line);padding:4px 8px;text-align:left;vertical-align:top}
.beni-body th{background:var(--input)}
.beni-body code{font-family:inherit;background:var(--input);padding:0 4px;border-radius:4px}
.beni-body a{color:var(--accent);text-decoration:underline}
.beni-tools{margin:0 0 6px;font-size:11.5px;color:var(--muted)}
.beni-tools summary{cursor:pointer}
.beni-tools ul{margin:4px 0 0;padding-left:18px}
.beni-live-tools{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.beni-live-tools:empty{display:none}
.beni-tool-chip{font-size:11.5px;padding:3px 8px;border-radius:999px;background:var(--info-bg);color:var(--accent)}
.beni-tool-chip:not(.is-done){animation:beni-pulse 1.2s ease-in-out infinite}
.beni-tool-chip.is-error{background:color-mix(in srgb,var(--danger) 12%,var(--paper));color:var(--danger)}
@keyframes beni-pulse{50%{opacity:.5}}
.beni-system{align-self:center;font-size:11.5px;color:var(--muted);background:var(--input);padding:4px 10px;border-radius:999px;margin:0}
.beni-note{color:var(--muted);font-size:12.5px}
.beni-error{color:var(--danger);font-size:12.5px}
.beni-confirm{margin:10px 0 4px;padding:12px 14px;border:1px solid var(--accent);border-radius:10px;background:var(--info-bg)}
.beni-confirm strong{display:block;margin-bottom:4px;font-size:13.5px}
.beni-confirm p{margin:0 0 10px;font-size:12.5px;color:var(--text);white-space:pre-wrap}
.beni-confirm-actions{display:flex;align-items:center;gap:12px}
.beni-confirm.is-decided{opacity:.7}

.beni-form{display:flex;flex-direction:column;gap:6px;padding:8px 12px 10px;border-top:1px solid var(--line)}
.beni-form.is-readonly{opacity:.7}
.beni-images{display:flex;gap:8px;flex-wrap:wrap}
.beni-images:empty{display:none}
.beni-image{position:relative;width:60px;height:60px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.beni-image img{width:100%;height:100%;object-fit:cover}
.beni-image-badge{position:absolute;left:0;right:0;bottom:0;padding:1px 4px;background:rgb(0 0 0 / 55%);color:#fff;font-size:10px;text-align:center}
.beni-image-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border:0;border-radius:50%;background:rgb(0 0 0 / 55%);color:#fff;font-size:14px;line-height:1;cursor:pointer}
.beni-row{display:flex;align-items:flex-end;gap:6px}
.beni-row textarea{flex:1;min-width:0;min-height:40px;max-height:200px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--input);font:inherit;font-size:14px;line-height:1.5;resize:none}
.beni-row textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:0}
.beni-row .icon-button{width:38px;height:38px;flex:0 0 auto}
.beni-model-wrap{position:relative;flex:0 0 auto}
.beni-model{min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--input);font-size:12.5px;color:var(--text);cursor:pointer;white-space:nowrap}
.beni-model:hover{border-color:var(--accent);color:var(--accent)}
.beni-model:disabled{cursor:default;opacity:.6}
.beni-pop{position:absolute;right:0;bottom:calc(100% + 6px);z-index:20;width:280px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-hover)}
.beni-pop-section h4{margin:4px 0 4px;font-size:11px;color:var(--caption);font-weight:700}
.beni-pop-option{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:12.5px}
.beni-pop-option:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}
.beni-pop-option.is-on{background:color-mix(in srgb,var(--accent) 14%,transparent)}
.beni-pop-option strong{font-weight:700}
.beni-pop-option span{color:var(--muted);font-size:11.5px}
.beni-pop-note{margin:6px 2px 0;font-size:11px;color:var(--caption);line-height:1.5}
#beni-send{min-height:38px;padding:0 14px}
.beni-form.is-busy #beni-send{background:var(--outer);color:var(--text);box-shadow:none}
.beni-hint{margin:0;font-size:11px;color:var(--caption)}

.beni-menu{position:fixed;z-index:60;min-width:170px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-hover)}
.beni-menu hr{margin:4px 0;border:0;border-top:1px solid var(--line)}
.beni-menu-item{display:block;width:100%;padding:7px 10px;border:0;border-radius:6px;background:none;text-align:left;font-size:13px;color:var(--text);cursor:pointer}
.beni-menu-item:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}
.beni-menu-item.is-danger{color:var(--danger)}
.beni-dialog{width:min(520px,92vw);padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text)}
.beni-dialog::backdrop{background:rgb(0 0 0 / 35%)}
.beni-dialog .dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.beni-dialog h2{margin:0;font-size:16px}
.beni-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:13.5px}
.beni-dl dt{color:var(--muted)}
.beni-dl dd{margin:0;white-space:pre-line}
.beni-help-body{font-size:13.5px;line-height:1.65}
.beni-help-body h3{margin:12px 0 4px;font-size:13.5px}
.beni-help-body ul{margin:0 0 6px;padding-left:18px}
.beni-help-body p{margin:0 0 6px}

@media(max-width:860px){
 .beni-app{grid-template-columns:minmax(0,1fr);height:calc(100vh - 56px - 32px);height:calc(100dvh - 56px - 32px)}
 .beni-bar{min-height:36px;gap:8px}
 .beni-page{padding:4px 8px 4px}
 .beni-splash{min-height:calc(100vh - 56px - 8px);min-height:calc(100dvh - 56px - 8px)}
 #beni-list-toggle{display:inline-flex}
 .beni-usage-bar{display:none}
 .beni-drawer{position:fixed;inset:56px 0 0 0;z-index:30;width:min(320px,90vw);border-radius:0 var(--radius) var(--radius) 0;transform:translateX(-102%);transition:transform .22s cubic-bezier(.22,1,.36,1);box-shadow:var(--shadow-hover)}
 .beni-drawer.is-open{transform:none}
}
.beni-window .beni-drawer{position:fixed;inset:0 auto 0 0;z-index:30;width:min(320px,90vw);border-radius:0 var(--radius) var(--radius) 0;transform:translateX(-102%);transition:transform .22s cubic-bezier(.22,1,.36,1);box-shadow:var(--shadow-hover)}
.beni-window .beni-drawer.is-open{transform:none}
.beni-window .beni-splash{min-height:calc(100vh - 16px);min-height:calc(100dvh - 16px)}
/* This month's spend is a button: it opens every month on record. */
button.beni-usage{padding:4px 8px;border:1px solid transparent;border-radius:8px;background:none;font:inherit;font-size:12px;cursor:pointer}
button.beni-usage:hover{border-color:var(--line);background:var(--bg)}
button.beni-usage:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.beni-usage.is-warn strong{color:var(--warning)}
.beni-usage.is-blocked strong{color:var(--danger)}
.beni-usage-body{display:grid;gap:10px;max-height:min(60vh,520px);overflow:auto;font-size:13.5px}
.beni-usage-month{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.beni-usage-month-head{display:flex;justify-content:space-between;gap:12px}
.beni-usage-split{margin:6px 0 0;color:var(--muted);font-size:12.5px;line-height:1.55}
.beni-usage-empty{margin:0;color:var(--muted)}
.beni-updates{margin:0;padding-left:18px}
.beni-updates li{margin:0 0 4px}
/* 베니 지식 (button next to this month's spend, and its window) */
.beni-knowledge-open{flex:none;white-space:nowrap}
.beni-knowledge{width:min(760px,94vw)}
.beni-knowledge-lead{margin:0 0 10px;color:var(--muted);font-size:13px;line-height:1.6}
.beni-knowledge-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.beni-ktab{padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:12.5px;cursor:pointer}
.beni-ktab.is-active{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
.beni-knowledge-search{width:100%;min-height:38px;margin-bottom:10px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);font:inherit;font-size:13.5px}
.beni-knowledge-list{display:flex;flex-direction:column;gap:8px;max-height:min(62vh,560px);overflow:auto}
.beni-kspin{display:flex;justify-content:center;padding:28px 0}
.beni-kspin img{animation:beni-splash-spin 1600ms linear infinite}
@media(prefers-reduced-motion:reduce){.beni-kspin img{animation:none}}
.beni-kitem{border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.beni-kitem>summary{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 12px;cursor:pointer;font-size:13.5px}
.beni-kitem>summary strong{flex:1 1 220px;min-width:0}
.beni-kitem[open]>summary{border-bottom:1px solid var(--line)}
.beni-ksub{width:100%;color:var(--muted);font-size:12px}
.beni-ktag{padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--muted) 10%,transparent);color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}
.beni-ktag.is-verified{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}
.beni-ktag.is-off{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}
.beni-kbody{display:flex;flex-direction:column;gap:8px;padding:12px}
.beni-kbody textarea,.beni-kbody input,.beni-kbody select{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font:inherit;font-size:13.5px}
.beni-kbody textarea{line-height:1.65;resize:vertical}
.beni-kbody textarea[readonly]{background:var(--surface)}
.beni-kfield{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}
.beni-kscope{display:grid;grid-template-columns:1fr 1.3fr .7fr 1fr;gap:8px}
.beni-ktext{margin:0;white-space:pre-wrap;font-size:13.5px;line-height:1.7}
.beni-ksources{margin:0;padding-left:18px;font-size:12.5px}
.beni-ksources a{color:var(--accent);word-break:break-all}
.beni-kactions{display:flex;flex-wrap:wrap;gap:8px}
.beni-knowledge-foot{margin:10px 0 0;color:var(--muted);font-size:12.5px}
.beni-knowledge-foot a{color:var(--accent)}
@media(max-width:640px){.beni-kscope{grid-template-columns:1fr 1fr}}

/* beni-figure.css */
/* Beni character (beni-figure.js): the same motion as the /beniai/ guide, v4. */
/* The ground shadow is a soft radial gradient (bnShadow in beni-figure.js): no hard edge, fades out at the sides. */
/* site.css gives every svg stroke:currentColor, which the parts without their own stroke (the shadow, ears, eyes, visor)
   would inherit as a dark outline: Beni draws only the strokes set in the markup. */
.beni{stroke:none}
.beni .bn-shadow{pointer-events:none}
.bn-defs{position:absolute;width:0;height:0;overflow:hidden}
.beni{display:block;width:100%;height:100%;overflow:visible}
.beni .bn-tip,.beni .bn-ant,.beni .bn-head,.beni .bn-wave,.beni .bn-eyes,.beni .bn-look,.beni .bn-dot,.beni .bn-cheer{transform-box:fill-box}
.beni .bn-tip{transform-origin:62% 50%}
.beni .bn-ant,.beni .bn-head{transform-origin:50% 100%}
.beni .bn-eyes{transform-origin:center}
.beni .bn-ear-glow,.beni .bn-ring,.beni .bn-sig{opacity:0}
@keyframes bnFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes bnBlink{0%,93%,100%{transform:scaleY(1)}95.5%{transform:scaleY(.08)}}
@keyframes bnVane{0%,45%{transform:scaleX(1)}55%{transform:scaleX(-1)}65%{transform:scaleX(1)}75%{transform:scaleX(-1)}85%,100%{transform:scaleX(1)}}
@keyframes bnWave{0%,100%{transform:rotate(0)}30%{transform:rotate(-20deg)}70%{transform:rotate(12deg)}}
@keyframes bnSway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes bnSig{0%,100%{opacity:.15}50%{opacity:.95}}
@keyframes bnTipGlow{0%,100%{opacity:.7}50%{opacity:1}}
@keyframes bnEarFlash{0%,100%{opacity:0}35%{opacity:.8}}
@keyframes bnLook{0%,100%{transform:translate(0,0)}30%{transform:translate(5px,-2px)}62%{transform:translate(-4px,-2px)}}
@keyframes bnDot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@keyframes bnHop{0%,50%,100%{transform:translateY(0)}62%{transform:translateY(-13px)}74%{transform:translateY(0)}81%{transform:translateY(-4px)}88%{transform:translateY(0)}}
@keyframes bnPop{0%,50%,100%{transform:scale(1) rotate(0)}62%{transform:scale(1.35) rotate(-360deg)}74%{transform:scale(1) rotate(-360deg)}}
@keyframes bnCheer{0%,50%,100%{transform:translateY(0)}62%{transform:translateY(-5px)}}
@keyframes bnWobble{0%,55%,100%{transform:rotate(0)}63%{transform:rotate(-11deg)}71%{transform:rotate(9deg)}79%{transform:rotate(-5deg)}87%{transform:rotate(2deg)}}
@keyframes bnSlow{0%,100%{opacity:0}50%{opacity:.55}}
@keyframes bnNod{0%,100%{transform:rotate(0)}50%{transform:rotate(3deg)}}
@keyframes bnRing{0%{opacity:0}30%{opacity:.9}100%{opacity:0}}
.beni .bn-top{animation:bnFloat 4.2s ease-in-out infinite}
.beni .bn-eyes{animation:bnBlink 5.5s infinite}
.st-happy .bn-tip{animation:bnVane 2.8s ease-in-out infinite}
.st-happy .bn-wave{transform-origin:18% 88%;animation:bnWave 1.2s ease-in-out infinite}
.st-happy .bn-head{animation:bnSway 2.4s ease-in-out infinite}
.st-think .bn-sig{animation:bnSig 1.4s ease-in-out infinite}
.st-think .bn-sig.s2{animation-delay:.3s}
.st-think .bn-tip{animation:bnTipGlow 1.4s ease-in-out infinite}
.st-think .bn-ear-glow{animation:bnEarFlash 1.2s ease-in-out infinite}
.st-think .bn-ear-glow.r{animation-delay:.6s}
.st-think .bn-look{animation:bnLook 3.2s ease-in-out infinite}
.st-think .bn-dot{animation:bnDot 1.2s ease-in-out infinite}
.st-think .bn-dot.d2{animation-delay:.2s}
.st-think .bn-dot.d3{animation-delay:.4s}
.st-done .bn-top{animation:bnHop 2.4s ease-out infinite}
.st-done .bn-tip{animation:bnPop 2.4s ease-out infinite}
.st-done .bn-cheer{animation:bnCheer 2.4s ease-out infinite}
.st-done .bn-ear-glow{animation:bnSlow 2.4s ease-in-out infinite}
.st-caution .bn-top{animation-duration:6s}
.st-caution .bn-ant{animation:bnWobble 2.8s ease-in-out infinite}
.st-caution .bn-ear-glow{animation:bnSlow 2.8s ease-in-out infinite}
.st-listen .bn-head{animation:bnNod 2.6s ease-in-out infinite}
.st-listen .bn-ring{animation:bnRing 1.8s ease-out infinite}
.st-listen .bn-ring.r2{animation-delay:.35s}
@media (prefers-reduced-motion:reduce){.beni *{animation:none!important}.st-think .bn-sig{opacity:.7}}

/* care.css */
/* 안심체크 (/safety-check/) and its staff screen (/safety-check/admin/); the person icon's notice badge. */
.care-page,.care-admin{padding:24px 0 48px}
.care-splash{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;min-height:clamp(260px,50vh,440px)}
.care-splash-text{margin:0;color:var(--muted);font-size:13px}
.care-splash-text.is-slow{color:var(--warning)}
.care-splash-text:empty{display:none}
.care-splash[hidden]{display:none}
.care-splash img{width:48px;height:48px;animation:app-splash-spin 1600ms linear infinite}
@media(prefers-reduced-motion:reduce){.care-splash img{animation:none}}
/* Loading is Beni thinking (whole figure on a page, head only inside a column) */
.care-splash-beni{width:96px;aspect-ratio:240/262}
.care-splash-beni.is-head{width:48px;aspect-ratio:240/262}
.care-beta{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--info-bg);color:var(--accent);font-size:11.5px;font-weight:700;letter-spacing:.02em;vertical-align:middle}
.care-note,.care-small{color:var(--muted);font-size:12.5px;line-height:1.6}
.care-error{color:var(--danger);font-size:13px}
.care-error:empty{display:none}
.care-empty{color:var(--muted);font-size:13.5px;padding:12px 4px}

/* Intro (signed out, or sign-up not finished) */
.care-hero{display:grid;grid-template-columns:minmax(160px,240px) 1fr;gap:40px;align-items:center;padding:28px 0 36px}
.care-hero-beni{width:100%;aspect-ratio:240/262;max-width:240px}
.care-hero h1{font-size:clamp(28px,3.6vw,44px);line-height:1.35;margin:12px 0 16px}
.care-hero-copy>p{color:var(--muted);line-height:1.8;max-width:560px}
.care-hero .action-primary{margin:20px 0 10px;min-width:180px}
.care-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}
.care-points li{padding:18px 18px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.care-points strong{display:block;margin-bottom:6px}
.care-points span{color:var(--muted);font-size:13.5px;line-height:1.7}
.care-limits{margin-top:18px;color:var(--muted);font-size:13px}

/* Trust badges */
.care-badge{display:inline-block;margin-right:4px;padding:1px 7px;border-radius:6px;font-size:11.5px;font-weight:700;line-height:1.7;vertical-align:1px;white-space:nowrap}
.care-badge.is-verified{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}
.care-badge.is-source{background:var(--info-bg);color:var(--accent)}
.care-badge.is-general{background:color-mix(in srgb,var(--muted) 12%,transparent);color:var(--muted)}
.care-badge.is-mechanic{background:var(--accent);color:var(--on-accent)}

/* App: side list + conversation */
.care-app{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
.care-app>*,.care-admin-app>*,.care-admin-cols>*{min-width:0}
.care-app[hidden],.care-intro[hidden],.care-admin-app[hidden],.care-admin-gate[hidden]{display:none}
.care-side{position:sticky;top:calc(var(--header-h,64px) + 16px);display:flex;flex-direction:column;gap:12px}
.care-quota{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.care-quota-label,.care-quota-sub{color:var(--muted);font-size:12px}
.care-quota strong{font-size:20px}
.care-new{width:100%}
.care-side-title{margin:8px 2px 0;font-size:13px;color:var(--muted);font-weight:600}
.care-list{display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - 360px);overflow:auto}
.care-item{display:flex;flex-direction:column;gap:3px;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.care-item:hover{background:var(--surface);border-color:var(--line)}
.care-item.is-active{background:var(--surface);border-color:var(--accent)}
.care-item-head{display:flex;justify-content:space-between;gap:8px;align-items:center}
.care-item-head strong{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.care-item-sub{color:var(--muted);font-size:12px}
.care-item-flag{color:var(--accent);font-size:11.5px;font-weight:700}
.care-item-flags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.care-status,.care-flag{flex:none;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--muted) 10%,transparent);color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}
.care-status.is-mechanic_requested{background:color-mix(in srgb,var(--warning) 14%,transparent);color:var(--warning)}
.care-status.is-mechanic_answered{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}
.care-flag.is-risk{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}
.care-flag.is-low{background:color-mix(in srgb,var(--warning) 14%,transparent);color:var(--warning)}
.care-flag.is-good{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}
.care-item-sub.is-quote{font-style:normal;color:var(--text);opacity:.85;white-space:normal}
.care-admin-link{font-size:12.5px;margin-top:4px}

.care-main{display:flex;flex-direction:column;height:calc(100vh - var(--header-h,64px) - 64px);height:calc(100dvh - var(--header-h,64px) - 64px);min-height:460px;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}
.care-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}
.care-title{margin:0;font-size:17px}
.care-sub{margin:2px 0 0;color:var(--muted);font-size:12.5px}
.care-sub:empty{display:none}
.care-log{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px;padding:20px;overflow:auto;overscroll-behavior:contain}
.care-msg{display:flex;gap:10px;align-items:flex-start;max-width:100%}
.care-msg.is-me{justify-content:flex-end}
.care-face{flex:none;width:40px;height:40px}
.care-face.is-mechanic{border-radius:50%;background:var(--accent) url(/assets/symbol.svg) center/22px no-repeat}
.care-bubble{max-width:min(640px,86%);padding:12px 14px;border-radius:14px;background:var(--bg);line-height:1.75;font-size:14.5px}
.care-msg.is-beni .care-bubble{border-top-left-radius:4px}
.care-msg.is-me .care-bubble{background:var(--accent);color:var(--on-accent);border-top-right-radius:4px}
.care-msg.is-mechanic .care-bubble{background:var(--bg);border:1px solid var(--accent)}
.care-bubble p{margin:0 0 8px}
.care-bubble p:last-child{margin-bottom:0}
.care-thinking{color:var(--muted);font-size:13px}
.care-thinking::after{content:'';display:inline-block;width:1.2em;text-align:left;animation:care-dots 1.2s steps(4) infinite}
@keyframes care-dots{0%{content:''}25%{content:'.'}50%{content:'..'}75%{content:'...'}}
.care-risk{padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger);font-weight:700;font-size:13.5px}
.care-answer p{margin:0 0 16px;line-height:1.85}
.care-answer p:last-child{margin-bottom:0}
.care-answer .care-badge{margin-right:6px}
.care-next-title{margin:20px 0 6px!important;padding-top:14px;border-top:1px solid var(--line);font-weight:700}
.care-next{margin:0 0 6px;padding-left:18px}
.care-next li{margin:6px 0;line-height:1.75}
.care-sources{margin-top:8px;font-size:12.5px;color:var(--muted)}
.care-sources summary{cursor:pointer}
.care-sources ul{margin:6px 0 0;padding-left:18px}
.care-sources a{color:var(--accent);word-break:break-all}
.care-mechanic-head{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12.5px}
.care-thumbs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.care-thumbs img{width:72px;height:72px;object-fit:cover;border-radius:8px;background:var(--line)}
.care-intake{display:flex;flex-direction:column;gap:2px}
.care-intake p{margin:0}
.care-intake-title{font-weight:700}
.care-intake-line{font-size:13.5px;opacity:.92}
.care-intake-line.is-note{color:var(--warning)}

/* Choices inside Beni's bubble */
.care-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.care-chip{padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:13.5px;cursor:pointer;transition:border-color .15s,background .15s}
.care-chip:hover:not(:disabled){border-color:var(--accent)}
.care-chip:disabled{cursor:default;opacity:.5}
.care-chip.is-picked{border-color:var(--accent);background:var(--info-bg);color:var(--accent);opacity:1}
.care-chip.is-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.care-chip.is-car{border-radius:10px}
.care-chip.is-car-missing{border-radius:10px;border-style:dashed;color:var(--muted)}
.care-chip.is-car-missing::after{content:' · 차대번호 필요';color:var(--warning);font-size:12px}
.care-inline{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}
.care-inline input{flex:1 1 180px;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:inherit}
.care-next-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.care-contact{display:flex;flex-wrap:wrap;gap:6px}
.care-contact-link{padding:6px 11px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:13px;text-decoration:none;background:var(--surface)}
.care-contact-link:hover{border-color:var(--accent);color:var(--accent)}
.care-request{display:flex;flex-direction:column;gap:6px;margin-top:8px;width:100%}
.care-request textarea,.care-feedback textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:14px;resize:vertical}
.care-request .button{align-self:flex-start}

/* Beta survey (no score) */
.care-feedback{display:flex;flex-direction:column;gap:10px;min-width:min(420px,100%)}
.care-feedback-title{font-weight:700;margin:0}
.care-feedback>.care-small{margin:-6px 0 0}
.care-pick{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.care-pick-label{width:100%;color:var(--muted);font-size:12.5px}
.care-feedback-actions{display:flex;gap:14px;align-items:center}
.care-thanks{margin:0;color:var(--success);font-weight:700}
.care-page button.text-link,.care-admin button.text-link{padding:0;border:0;background:none;min-height:36px}
.care-next-actions .text-link{font-size:13px}

/* Composer */
.care-form{padding:12px 16px 14px;border-top:1px solid var(--line);background:var(--surface)}
.care-form[hidden]{display:none}
.care-row{display:flex;gap:8px;align-items:flex-end}
.care-row textarea{flex:1;min-height:44px;max-height:180px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);font:inherit;font-size:14.5px;line-height:1.5;resize:none}
.care-row textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.care-row .icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.care-files{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.care-files[hidden]{display:none}
.care-file{position:relative}
.care-file img{width:56px;height:56px;object-fit:cover;border-radius:8px}
.care-file-x{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border:0;border-radius:50%;background:var(--text);color:var(--surface);font-size:13px;line-height:20px;cursor:pointer}
.care-form .care-small{margin:6px 2px 0}
.care-form .care-small:empty{display:none}

/* Dialogs */
.care-dialog{width:min(520px,92vw);max-height:90vh;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text)}
.care-dialog::backdrop{background:rgb(0 0 0 / 35%)}
.care-dialog .dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.care-dialog h2{margin:0;font-size:17px}
.care-dialog .icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.care-consent-list{margin:0 0 12px;padding-left:18px;font-size:13.5px;line-height:1.7}
.care-consent-list li{margin-bottom:6px}
.care-consent-list a{color:var(--accent)}
.care-check{display:flex;gap:8px;align-items:flex-start;margin:6px 0;font-size:13.5px;line-height:1.6;cursor:pointer}
.care-check input{margin-top:4px}
.care-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.care-reg-upload{display:inline-flex;margin:4px 0}
.care-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.care-fields label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted)}
.care-fields input,.care-fields select{min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);font:inherit;font-size:14px}
.care-fields label:nth-child(2){grid-column:span 2}

/* Staff screen */
.care-admin-app{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}
.care-admin-side{position:sticky;top:calc(var(--header-h,64px) + 16px);display:flex;flex-direction:column;gap:10px}
.care-admin-side .care-list{max-height:calc(100vh - 220px)}
.care-tabs{display:flex;flex-wrap:wrap;gap:6px}
.care-tab{padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:12.5px;cursor:pointer}
.care-tab.is-active{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
.care-admin-detail{min-width:0}
.care-admin-head{padding:4px 0 14px;border-bottom:1px solid var(--line);margin-bottom:16px}
.care-admin-head h2{margin:0 0 4px;font-size:20px}
.care-admin-meta{margin:0;color:var(--muted);font-size:13px}
.care-admin-cols{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}
.care-admin-section{margin-bottom:18px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.care-admin-section h3{margin:0 0 10px;font-size:14px}
.care-admin-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;margin-top:10px}
.care-admin-photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}
.care-admin-conv{display:flex;flex-direction:column;gap:12px;font-size:14px;line-height:1.7}
.care-admin-msg{padding:10px 12px;border-radius:10px;background:var(--bg)}
.care-admin-msg.is-user{background:var(--info-bg)}
.care-admin-msg.is-mechanic{border:1px solid var(--accent)}
.care-admin-who{display:block;margin-bottom:4px;color:var(--muted);font-size:12px;font-weight:700}
.care-admin-records{display:flex;flex-direction:column;gap:4px;font-size:13.5px}
.care-admin-records p{margin:0}
.care-admin-answer{display:flex;flex-direction:column;gap:8px}
.care-admin-answer textarea{width:100%;min-height:200px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);font:inherit;font-size:14.5px;line-height:1.7;resize:vertical}
.care-admin-answer .button{align-self:flex-start}
.care-admin-answer .care-check{margin:2px 0}
/* Beni's review of the mechanic's draft */
.care-review{display:flex;flex-direction:column;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.care-review-block{display:flex;flex-direction:column;gap:6px}
.care-review-notes{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:13.5px;line-height:1.6}
.care-review-notes .care-flag{margin-right:4px}
.care-review-learning{display:flex;flex-direction:column;gap:6px}
.care-review textarea{width:100%;min-height:110px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:14px;line-height:1.7;resize:vertical}
.care-know-from{margin-top:6px;padding:10px 12px;border:1px dashed var(--line);border-radius:10px}
.care-know-from summary{cursor:pointer;font-size:13.5px;font-weight:700}
.care-know-from input,.care-know-from select,.care-know-from textarea{display:block;width:100%;margin:8px 0;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);font:inherit;font-size:14px}
.care-know-from textarea{min-height:120px;line-height:1.7;resize:vertical}
/* Staff: surveys together */
.care-survey{display:flex;flex-direction:column;gap:16px}
.care-survey-total{margin:0;font-weight:700}
.care-survey-block{display:flex;flex-direction:column;gap:6px}
.care-survey-row{display:grid;grid-template-columns:minmax(120px,.6fr) 1fr 32px;gap:10px;align-items:center;font-size:13.5px}
.care-survey-track{display:block;height:8px;border-radius:999px;background:var(--line);overflow:hidden}
.care-survey-bar{display:block;height:100%;border-radius:999px;background:var(--accent)}
.care-survey-n{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}
.care-survey-quote{margin:0;font-size:13.5px;line-height:1.7}
.care-survey-quote .care-small{margin-left:4px}
.care-admin-sent{margin:0 0 8px;padding:10px 12px;border-radius:10px;background:var(--bg);white-space:pre-wrap;font-size:14px}
.care-admin-gate{padding:48px 0;text-align:center}

/* Person icon: unread 안심체크 notices */
.account-button{position:relative}

@media(max-width:900px){
 .care-app,.care-admin-app{grid-template-columns:1fr}
 .care-side,.care-admin-side{position:static}
 .care-list{max-height:none}
 .care-side .care-list{flex-direction:row;overflow-x:auto;padding-bottom:4px}
 .care-side .care-item{min-width:220px;border-color:var(--line)}
 .care-admin-cols{grid-template-columns:1fr}
 .care-points{grid-template-columns:1fr}
}
@media(max-width:640px){
 .care-page,.care-admin{padding-top:12px}
 .care-hero{grid-template-columns:1fr;gap:12px;text-align:center;padding-top:8px}
 .care-hero-beni{max-width:150px;margin:0 auto}
 .care-hero-copy>p{margin-left:auto;margin-right:auto}
 .care-main{height:calc(100dvh - var(--header-h,56px) - 24px);border-radius:12px}
 .care-log{padding:14px 12px}
 .care-bubble{max-width:92%;font-size:14px}
 .care-face{width:32px;height:32px}
 .care-fields{grid-template-columns:1fr}
 .care-fields label:nth-child(2){grid-column:auto}
}

/* Staff: knowledge Beni found, waiting for a mechanic */
.care-know{display:flex;flex-direction:column;gap:10px}
.care-know label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted)}
.care-know input,.care-know textarea{padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);font:inherit;font-size:14px}
.care-know textarea{min-height:170px;line-height:1.7;resize:vertical}
.care-know-scope{display:grid;grid-template-columns:1fr 1.4fr .7fr 1fr;gap:8px}
.care-know-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.care-know-sources{margin:0;padding-left:18px;font-size:13px}
.care-know-sources a{color:var(--accent);word-break:break-all}
@media(max-width:640px){.care-know-scope{grid-template-columns:1fr 1fr}}
/* Staff list: loading splash inside the columns, and the 답변 대기 / 답변 완료 groups */
.care-splash.is-inline{min-height:140px}
.care-splash.is-tall{min-height:360px}
.care-list-group{margin:10px 4px 2px;color:var(--muted);font-size:12px;font-weight:700}
.care-list-group:first-child{margin-top:0}
.care-empty.is-small{padding:2px 4px 6px;font-size:12.5px}
/* Staff looking at the customer screen (?preview=1) */
.care-preview-banner{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:0 0 14px;padding:10px 14px;border:1px solid var(--warning);border-radius:10px;background:color-mix(in srgb,var(--warning) 8%,transparent);font-size:13px;line-height:1.6}
.care-preview-banner strong{color:var(--warning)}
.care-preview-banner span{flex:1 1 260px;color:var(--muted)}
.care-preview-link{display:inline-block;margin:2px 2px 6px;font-size:12.5px}
/* Sound from a video: a player per recording and what the listening AI heard */
.care-sound{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:10px 12px;border-radius:10px;background:var(--surface);color:var(--text)}
.care-sound audio{width:100%;max-width:360px;height:36px}
.care-sound-note{margin:0;font-size:13px;line-height:1.6;color:var(--muted)}
.care-sound-note.is-me{color:inherit;opacity:.85;margin-top:6px}
.care-sound-line{margin:0;font-size:12.5px;line-height:1.55;color:var(--muted)}
.care-file.is-sound{display:flex;align-items:center;gap:6px;height:56px;padding:0 26px 0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:12.5px;font-weight:700;color:var(--accent)}

/* Staff using 안심체크 for their own car: a small bar with the staff screen and the signed-out first screen */
.care-staff-bar{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:0 0 12px;padding:8px 12px;border:1px dashed var(--line);border-radius:10px;font-size:12.5px;color:var(--muted)}
.care-staff-bar strong{color:var(--accent);font-size:12px}
.care-staff-bar .text-link{min-height:28px;font-size:12.5px}
.care-preview-links{display:flex;flex-wrap:wrap;gap:4px 12px}

/* notice.css */
/* Opening notice (notice.js): the site's dialog look (install-dialog), rounded buttons, one highlighted box. */
.site-notice{width:min(480px,calc(100% - 32px));padding:26px 26px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);box-shadow:0 24px 70px rgb(0 0 0 / 15%)}
.site-notice-head{margin-bottom:14px}
.site-notice-tag{display:inline-flex;align-items:center;min-height:24px;padding:2px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-size:12px;font-weight:700}
.site-notice h2{margin:10px 0 0;font-size:19px;line-height:1.45;letter-spacing:-.3px}
.site-notice-body p{margin:0 0 8px;color:var(--muted);font-size:14px;line-height:1.75}
.site-notice-box{margin:14px 0 16px;padding:14px 16px;border-radius:12px;background:var(--warm-bg)}
.site-notice-box strong{display:block;margin-bottom:4px;font-size:14px}
.site-notice-box p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.7}
.site-notice-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.site-notice-actions .button{min-height:46px;padding:10px 12px;font-size:14px}
.site-notice-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.site-notice-hide{min-height:36px;border:0;background:none;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer}
.site-notice-close{min-height:40px;padding:8px 22px;box-shadow:none}
@media(max-width:420px){.site-notice{padding:22px 18px 14px}.site-notice-actions{grid-template-columns:1fr}.site-notice h2{font-size:18px}}
/* The same guidance at the top of 예약·상담 and 상담 while the new booking and chat are being tested. */
.trial-note{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;margin:0 0 20px;padding:14px 18px;border-radius:12px;background:var(--warm-bg);font-size:13.5px;line-height:1.7}
.trial-note p{margin:0;color:var(--text)}
.trial-note-actions{display:flex;gap:8px;flex-wrap:wrap}
.trial-note-actions .button{min-height:38px;padding:7px 14px;font-size:13px;box-shadow:none}

/* loading.css */
.load-splash{box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;line-height:1.5;text-align:center}.load-splash--page{flex-direction:column;gap:12px;min-height:280px;padding:28px 16px}.load-splash--inline{flex-direction:row;gap:9px;min-height:32px;padding:6px 0}.load-splash-figure{display:block;flex:none;width:180px;height:200px}.load-splash-figure svg.beni{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}.load-splash-text{display:block;font-size:13px;font-weight:400;line-height:1.5;animation:loading-text-pulse 1.4s ease-in-out infinite}.load-splash-spinner{display:block;flex:0 0 18px;width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:app-splash-spin 900ms linear infinite}.load-splash--page>.load-splash-spinner{width:40px;height:40px;flex-basis:40px}.load-splash-slow{max-width:340px;margin:0;font-size:12px}.load-splash-retry{margin-top:4px}.site-async-notice{position:fixed;left:50%;right:auto;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:1500;min-height:0!important;width:max-content;max-width:calc(100vw - 32px);padding:12px 20px!important;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(6px);box-shadow:0 6px 20px color-mix(in srgb,var(--ink) 10%,transparent)}
/* Existing static loaders keep the same centred symbol fallback until their screen mounts. */
.load-splash:not(.load-splash--inline):not(.load-splash--page){flex-direction:column;gap:12px;min-height:200px;padding:28px 16px}.load-splash>img{display:block;width:40px;height:40px;animation:app-splash-spin 1600ms linear infinite}
@keyframes loading-text-pulse{0%,100%{opacity:.55}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.load-splash-text,.load-splash-spinner,.load-splash>img{animation:none}}
/* Ordinary requests never impersonate AI. Navigation and saves keep the existing screen steady. */
.load-splash--page:not(.load-splash--ai){min-height:112px;gap:10px;padding:18px 16px}.load-splash--page:not(.load-splash--ai)>.load-splash-spinner{width:22px;height:22px;flex-basis:22px}.load-splash-text{animation:none}.load-splash--ai .load-splash-text{animation:loading-text-pulse 1.4s ease-in-out infinite}.load-splash--inline.load-splash--ai .load-splash-figure{width:48px;height:54px}.admin-navigation-pending{cursor:progress}@media(prefers-reduced-motion:reduce){.load-splash--ai .load-splash-text,.load-splash-figure *, .load-splash-figure *::before,.load-splash-figure *::after{animation:none!important;transition:none!important}}
