*{box-sizing:border-box}html{font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif;background:#f5f3ee;color:#203b32}body{margin:0}header{max-width:1040px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #d7ded5}a{color:inherit;text-underline-offset:4px}.brand{font-size:25px;font-weight:800;text-decoration:none;letter-spacing:-1px}.back{font-size:14px;padding:12px 0}main{max-width:880px;margin:0 auto;padding:54px 28px 72px}.intro{text-align:center;margin-bottom:36px}.eyebrow{font-size:15px;font-weight:700;color:#526356;margin:0 0 16px}h1{font-size:clamp(32px,5vw,48px);letter-spacing:-1.5px;line-height:1.3;margin:0 0 20px;word-break:keep-all}.slogan{font-size:18px;line-height:1.7;margin:0;word-break:keep-all}.menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{display:flex;flex-direction:column;gap:18px;min-height:216px;padding:24px;border:1px solid #cad6c9;border-radius:14px;background:white;color:#203b32;text-align:left;font:inherit}.card:disabled{opacity:1;cursor:default}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.number{font-size:14px;font-weight:750;letter-spacing:1px}.status{font-size:12px;line-height:1.5;border-radius:20px;padding:4px 10px;background:#edf2e9;color:#53624f}.title{font-size:22px;line-height:1.4;font-weight:750;word-break:keep-all}.description{margin-top:auto;font-size:14px;line-height:1.6;color:#536355;word-break:keep-all}.help-card{background:#203e32;color:#fff;border-color:#203e32;cursor:pointer}.help-card .status{background:#ffffff18;color:#eef4e6}.help-card .description{color:#dce8d6}.help-card:hover{background:#315644}.help-panel{margin-top:24px;border:1px solid #cad6c9;background:white;border-radius:14px;padding:24px}.help-panel h2{font-size:19px;margin:0 0 20px;line-height:1.6;word-break:keep-all}.help-links{display:flex;gap:12px}.help-links a{display:flex;align-items:center;justify-content:center;flex:1;min-height:48px;padding:12px;border:1px solid #203e32;border-radius:8px;text-decoration:none;font-size:15px;font-weight:700}.help-links .primary{background:#203e32;color:white}a:focus-visible,button:focus-visible{outline:3px solid #b47b25;outline-offset:4px}[hidden]{display:none!important}footer{padding:24px;text-align:center;font-size:14px;color:#667164}@media(max-width:600px){header{padding:16px 20px}main{padding:36px 18px 48px}.intro{margin-bottom:28px}.slogan{font-size:16px}.menu{gap:12px}.card{padding:16px 12px;min-height:220px;gap:16px}.title{font-size:18px}.description{font-size:13px}.status{padding:3px 7px}.help-panel{padding:20px 16px}.help-panel h2{font-size:17px}}@media(max-width:359px){.menu{grid-template-columns:1fr}.card{min-height:184px;padding:20px}.title{font-size:20px}}
.symptoms-card{cursor:pointer}.symptoms-card:hover{background:#edf3e9;border-color:#203e32}.product-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-options a,.product-options button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;padding:10px 6px;border:1px solid #cad6c9;border-radius:8px;font:inherit;font-size:14px;text-decoration:none;background:#fff;color:#536355}.product-options a{background:#203e32;color:#fff;border-color:#203e32;font-weight:700}.product-options small{font-size:12px}.product-options button:disabled{opacity:1}#symptomsPanel{scroll-margin-top:20px}

.menu{align-items:start}.symptoms-group{min-width:0}.symptoms-group>.card{width:100%}.symptoms-card[aria-expanded="true"]{border-radius:14px 14px 0 0;background:#edf3e9;border-bottom-color:#e1e7de}.symptoms-group>#symptomsPanel{margin:0;border-top:0;border-radius:0 0 14px 14px;padding:18px 16px}.symptoms-group #symptomsTitle{font-size:16px;margin-bottom:14px}.symptoms-group .product-options{gap:8px}@media(max-width:600px){.symptoms-group>#symptomsPanel{padding:16px 12px}.symptoms-group .product-options{grid-template-columns:1fr}.symptoms-group .product-options a,.symptoms-group .product-options button{min-height:48px;flex-direction:row;flex-wrap:wrap;gap:6px}}

.menu-group{min-width:0}.menu-group>.card{width:100%;cursor:pointer}.menu-group>.card:not(.help-card):hover{background:#edf3e9;border-color:#203e32}.menu-group>.card[aria-expanded="true"]{border-radius:14px 14px 0 0;border-bottom-color:#e1e7de}.menu-group>.card:not(.help-card)[aria-expanded="true"]{background:#edf3e9}.menu-group>.help-panel{margin:0;border-top:0;border-radius:0 0 14px 14px;padding:18px 16px;scroll-margin-top:20px}.menu-group>.help-panel h2{font-size:16px;margin-bottom:14px}.pending-content{font-size:14px;line-height:1.7;margin:0;color:#536355}.menu-group .help-links{flex-direction:column;gap:8px}@media(max-width:600px){.menu-group>.help-panel{padding:16px 12px}.menu-group .help-links a{font-size:14px}}

.knowledge-options{display:grid;grid-template-columns:1fr;gap:10px}.knowledge-options button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:14px 16px;border:1px solid #cad6c9;border-radius:8px;background:#f5f7f2;color:#203b32;font:inherit;text-align:left}.knowledge-options button:disabled{opacity:1;cursor:default}.knowledge-options button span{font-size:15px;font-weight:700}.knowledge-options button small{font-size:12px;color:#667164;white-space:nowrap}

.knowledge-options a{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:14px 16px;border:1px solid #203e32;border-radius:8px;background:#203e32;color:#fff;font:inherit;text-align:left;text-decoration:none}.knowledge-options a span{font-size:15px;font-weight:700;word-break:keep-all}.knowledge-options a small{font-size:12px;white-space:nowrap}.knowledge-options a:hover{background:#315644}

/* Keep expanded menus readable on phones. */
@media(max-width:600px){.menu{grid-template-columns:1fr}.menu-group>.card{min-height:168px;padding:20px;gap:14px}.menu-group>.card .title{font-size:20px}.menu-group>.card .description{font-size:14px}.knowledge-options a span{font-size:16px;line-height:1.5}.knowledge-options a small{flex-shrink:0}.knowledge-options a{min-height:56px}}

/* Art Deco inspection atelier: fixed photograph and brass-framed work boards. */
html{background:#192b23}body{isolation:isolate;position:relative;min-height:100vh}
.inspection-background,.inspection-shade{position:fixed;inset:0 auto auto 0;width:100%;height:100vh;height:100svh;pointer-events:none}
.inspection-background{z-index:-2}.inspection-background img{width:100%;height:100%;object-fit:cover;display:block}
.inspection-shade{z-index:-1;background:linear-gradient(180deg,#10221955,#10221920 45%,#10221966)}
header{color:#fff0cd;border-color:#dac28b55;text-shadow:0 2px 4px #102019}.intro{color:#fff2d6;text-shadow:0 2px 5px #102019}.eyebrow{color:#ead19a;letter-spacing:.08em}.intro h1{font-size:clamp(30px,4vw,40px);letter-spacing:.01em}.intro .slogan{color:#f4e4c6;font-size:16px}
.intro:after{content:'◇';display:block;width:180px;margin:18px auto 0;color:#e7c889;background:linear-gradient(#bf9e5e,#bf9e5e) left center/65px 1px no-repeat,linear-gradient(#bf9e5e,#bf9e5e) right center/65px 1px no-repeat}
.menu{position:relative;isolation:isolate;padding:20px;background:#fbfaf52e;border:1px solid #fff6d866;border-radius:8px;box-shadow:0 12px 32px #0d1c2440;gap:18px}
.menu-group>.card{position:relative;border-radius:4px;border:1px solid #b4965a;border-top-color:#f5dfa7;border-bottom-color:#745a32;background:repeating-linear-gradient(0deg,#fff3d110 0 1px,transparent 1px 4px),linear-gradient(115deg,#f9eed5,#e1d1ad 60%,#cdbb94);color:#293e30;box-shadow:inset 0 0 0 4px #fff0ce66,inset 0 0 0 5px #ac8d4b44,0 3px 0 #695231,0 7px 12px #12231c44;transition:translate .2s ease,box-shadow .2s ease;min-height:200px;gap:14px}
.card .number{color:#715122}.card .status{border:1px solid #9e834750;background:#ffefd044;color:#534729;border-radius:2px}.card .description{color:#48513d;line-height:1.5}
.menu-group>.help-card{background:repeating-linear-gradient(0deg,#fff3d10b 0 1px,transparent 1px 4px),linear-gradient(115deg,#496e55,#284d3b 60%,#18392e);color:#fff2d3}.help-card .number{color:#efd69a}.help-card .status{color:#f4e5c4;background:#f3dfad12}.help-card .description{color:#f0e2c4}
.menu-group>.card:not(.help-card):is(:hover,[aria-expanded="true"]){background:repeating-linear-gradient(0deg,#fff3d110 0 1px,transparent 1px 4px),linear-gradient(115deg,#fff4db,#e6d4aa 60%,#cfb986);border-color:#b4965a}
.menu-group>.card[aria-expanded="true"]{border-radius:4px 4px 0 0;box-shadow:inset 0 0 0 4px #fff0ce33}
.menu-group>.help-panel{background:linear-gradient(120deg,#fff6e7f5,#ece0c4f5);border:1px solid #b4965a;border-top:0;border-radius:0 0 4px 4px;color:#293e30;box-shadow:0 3px 0 #695231,0 7px 12px #12231c33}
.product-options a,.knowledge-options a,.help-links a{border-radius:3px;border:1px solid #b69a60;background:linear-gradient(120deg,#3d614b,#203f32);color:#fff0d2;box-shadow:inset 0 1px 0 #fbe7ab44,0 2px 0 #163124}
.help-links a.primary{background:linear-gradient(120deg,#803647,#461623);color:#fff4df}
footer{color:#f4e4c6;text-shadow:0 2px 4px #102019}
@media(hover:hover) and (pointer:fine){.menu-group>.card:hover{translate:0 -2px}}
@media(max-width:600px){main{padding-top:28px;padding-inline:16px}.intro{margin-bottom:22px}.menu{padding:12px;gap:14px}.menu-group>.card{min-height:164px;padding:18px;gap:12px}.inspection-background img{object-position:center top}.intro .slogan{font-size:15px}}
@media(prefers-reduced-motion:reduce){.menu-group>.card{transition:none;translate:none!important}}
@media(prefers-contrast:more){.menu{background:#eadfc5}.intro{background:#193b2c;padding:16px}}

/* Compact overview and expanded choices, with touch-friendly controls. */
.inspection-background{z-index:-3}.inspection-shade{z-index:-2}.inspection-atmosphere{position:fixed;inset:0 auto auto 0;width:100%;height:100vh;height:100svh;z-index:-1;pointer-events:none;contain:paint;overflow:hidden}.inspection-atmosphere canvas{display:block;width:100%;height:100%}
@media(prefers-reduced-motion:reduce){.inspection-atmosphere{display:none}}
header{padding-block:16px}body>main{max-width:800px;padding-top:28px;padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
.intro{margin-bottom:20px}.intro .eyebrow{margin-bottom:8px;font-size:14px}.intro h1{font-size:clamp(28px,4vw,34px);line-height:1.2;margin-bottom:12px}.intro .slogan{line-height:1.45}.intro:after{margin-top:12px;line-height:1}
.menu{padding:14px;gap:12px}.menu-group>.card{min-height:154px;padding:16px 18px;gap:9px}.card .title{font-size:20px;line-height:1.25}.card .description{margin-top:2px;font-size:14px;line-height:1.4}.card .status{padding:2px 7px;line-height:1.35}.card-top{gap:8px}
.menu-group>.help-panel,.symptoms-group>#symptomsPanel{padding:14px 12px}.menu-group>.help-panel h2,.symptoms-group #symptomsTitle{font-size:15px;line-height:1.4;margin-bottom:10px}
.knowledge-options{gap:7px}.knowledge-options a{min-height:46px;padding:9px 12px;gap:8px}.knowledge-options a span{font-size:15px;line-height:1.35}.product-options a,.menu-group .help-links a{min-height:46px;padding:9px 8px;line-height:1.35}
@media(max-width:600px){header{padding-block:10px}body>main{padding-top:20px;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}.intro{margin-bottom:16px}.intro h1{font-size:28px}.intro .slogan{font-size:15px}.menu{padding:10px;gap:11px}.menu-group>.card{min-height:132px;padding:14px 16px;gap:8px}.menu-group>.card .title{font-size:19px;line-height:1.25}.menu-group>.card .description{font-size:14px;line-height:1.4}}