/* The visitor sees the effect of each repair, using the same content in both states. */
.inspection-v2{padding-bottom:0}
.inspection-v2 .inspection-heading{height:auto;min-height:29px;padding:0;justify-content:flex-start;margin-bottom:12px}
.inspection-v2 .inspection-heading .small-label{font-size:12px;color:#48603e;line-height:1.6}
.inspection-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:13px}
.issue-topic{display:flex;align-items:center;gap:9px;justify-content:center;font-size:12px;padding:11px 6px;background:transparent;border-bottom:1px solid #bec8b2;transition:background .25s,border-color .25s}
.issue-topic>span{font-family:var(--mono);font-size:9px;color:#64775a}
.issue-topic:hover{background:#e7ecdf}
.issue-topic[aria-pressed="true"]{border-color:#234d35;border-bottom-width:2px;background:#e4eadb}
.inspection-v2 .inspection-board{padding:0 17px;border-radius:6px;transform:rotate(-.6deg);background:#e9ede2}
.inspection-v2:hover .inspection-board{transform:none}
.inspection-v2 .board-top{height:45px;font-size:11px}
.scene-state{font-family:var(--mono);font-size:9px;color:#9b472b;padding:4px 7px;background:#fff0e5;border-radius:2px;white-space:nowrap}
.experience-page{position:relative;border:1px solid #d2d9c7;border-radius:3px;background:#fff;overflow:hidden}
.experience-header{height:35px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;border-bottom:1px solid #e4e8dc;font-size:9px;color:#526347}
.experience-brand{display:flex;gap:6px;align-items:center;font-weight:600}
.experience-brand i{width:11px;height:11px;border:1px solid #526347;border-radius:50% 50% 0 0}
.experience-nav{display:flex;gap:14px;font-size:8px}
.experience-body{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;padding:19px 17px;align-items:center}
.experience-copy{color:#203e2c;transition:color .65s var(--ease);min-width:0}
.experience-overline{display:block;text-transform:uppercase;font-family:var(--mono);font-size:7px;letter-spacing:.06em;margin-bottom:10px}
.experience-copy h3{font-size:25px;line-height:1.05;font-weight:500;letter-spacing:-.045em;transition:color .65s var(--ease)}
.experience-copy>p{font-size:11px;line-height:1.6;margin-top:12px;max-width:240px;transition:color .65s var(--ease)}
.experience-action{display:inline-flex;gap:12px;align-items:center;justify-content:space-between;min-height:27px;padding:6px 9px;border:1px solid currentColor;font-size:9px;margin-top:14px;line-height:1.3;position:relative;transition:background .45s,color .45s,outline-color .45s}
.experience-action>span{font-size:13px;line-height:1}
.experience-art{height:177px;background:#e8eddf;position:relative;overflow:hidden;transition:filter .4s}
.experience-art>svg{display:block;width:100%;height:100%}
.image-gap,.image-check{position:absolute;right:8px;top:8px;width:29px;height:29px;display:none;place-items:center;border-radius:50%;font-size:17px;font-family:var(--serif);line-height:1}
.image-gap{background:#fff1e8;color:#a64c30;border:1px solid #d2a28b}
.image-check{background:#1a6b48;color:white;border:1px solid #175b3d}
.experience-note{display:flex;align-items:center;gap:10px;min-height:63px;margin:0 10px 10px;padding:10px 12px;font-size:10px;line-height:1.6;background:#fff1e8;border:1px solid #edcfc0;border-radius:3px;color:#87412c}
.note-symbol{font-size:19px;font-family:var(--serif);line-height:1;flex:none}
.reader-note,.keyboard-note{display:none}
.reader-label{display:block;font-family:var(--mono);font-size:8px;margin-bottom:3px;color:#88533b}
.reader-note #readerText{display:block;font-size:11px}
.keyboard-key{border:1px solid #c9a995;background:#fffaf7;border-radius:3px;font-family:var(--mono);font-size:10px;white-space:nowrap;padding:5px 7px;color:#654934;box-shadow:0 2px 0 #d9b8a3}
.keyboard-before{display:flex;align-items:center;gap:13px;font-size:11px}
.keyboard-before b{font-size:22px;font-family:var(--serif);line-height:1;font-weight:400}
.keyboard-after{display:none;align-items:center;gap:6px;font-size:9px;white-space:nowrap}
.keyboard-after i{font-style:normal;color:#497349}
.keyboard-after strong{background:#1c5a3a;color:white;padding:5px 7px;border-radius:2px;font-weight:500}
.inspection-v2 .finding{margin:13px 0 0;padding:17px 16px;transform:none;display:grid;grid-template-columns:32px 1fr;gap:12px;min-height:170px;box-shadow:none;border-radius:3px}
.inspection-v2 .finding-symbol{width:32px;height:37px;font-size:23px}
.inspection-v2 .finding-meta{font-size:8px;margin-bottom:7px}
.inspection-v2 .finding h2{font-size:22px;line-height:1.15}
.inspection-v2 .finding p{font-size:11px;line-height:1.7;margin-top:7px;min-height:56px;max-width:none}
.inspection-v2 .finding-rule{margin-top:9px;padding-top:8px;font-size:8px}
.inspection-v2 .board-bottom{font-size:8px;height:37px;padding-top:0}
.inspection-v2 .inspection-controls{margin-top:17px;gap:16px;justify-content:space-between}
.inspection-v2 .view-switch{flex:none}
.inspection-v2 .view-switch button{font-size:12px;min-width:92px;padding:10px 15px;display:flex;align-items:center;justify-content:center;gap:7px}
.inspection-v2 .view-switch button>span{font-size:14px;margin:0}
.inspection-v2 .inspection-hint{display:block;font-size:9px;max-width:none;line-height:1.7}
.inspection-v2[data-issue="contrast"][data-fixed="false"] .experience-copy{color:#c6c6c6}
.inspection-v2[data-issue="contrast"][data-fixed="false"] .experience-copy>h3,.inspection-v2[data-issue="contrast"][data-fixed="false"] .experience-copy>p{color:#c6c6c6}
.inspection-v2[data-issue="image"] .contrast-note,.inspection-v2[data-issue="keyboard"] .contrast-note{display:none}
.inspection-v2[data-issue="image"] .reader-note,.inspection-v2[data-issue="keyboard"] .keyboard-note{display:flex}
.inspection-v2[data-issue="image"][data-fixed="false"] .image-gap{display:grid}
.inspection-v2[data-issue="image"][data-fixed="true"] .image-check{display:grid}
.inspection-v2[data-issue="image"] .experience-art{outline:2px dashed #b86d4c;outline-offset:3px}
.inspection-v2[data-issue="keyboard"] .experience-action{border-color:transparent;outline:3px solid transparent;outline-offset:4px}
.inspection-v2[data-fixed="true"] .scene-state{background:#d9eddb;color:#205d3b}
.inspection-v2[data-fixed="true"] .experience-note{background:#e1f1e2;color:#255839;border-color:#a2c5a0}
.inspection-v2[data-fixed="true"] .reader-label{color:#376c43}
.inspection-v2[data-fixed="true"] .finding{background:#164d39}
.inspection-v2[data-issue="contrast"][data-fixed="true"] .experience-copy{color:#203e2c}
.inspection-v2[data-issue="contrast"][data-fixed="true"] .experience-copy>h3,.inspection-v2[data-issue="contrast"][data-fixed="true"] .experience-copy>p{color:#203e2c}
.inspection-v2[data-issue="image"][data-fixed="true"] .experience-art{outline-color:#2a794d;outline-style:solid}
.inspection-v2[data-issue="keyboard"][data-fixed="true"] .experience-action{outline-color:#16b77a;background:#173e2d;border-color:#173e2d;color:white}
.inspection-v2[data-issue="keyboard"][data-fixed="true"] .experience-action::after{content:'↖';position:absolute;right:-19px;bottom:-18px;font-size:30px;line-height:1;color:#173e2d;text-shadow:1px 1px white,-1px -1px white}
.inspection-v2[data-issue="keyboard"][data-fixed="true"] .keyboard-before{display:none}
.inspection-v2[data-issue="keyboard"][data-fixed="true"] .keyboard-after{display:flex}
.inspection-v2[data-issue="keyboard"][data-fixed="true"] .keyboard-key{background:#f3fff1;border-color:#9abf93;box-shadow:0 2px 0 #b2ceaa;color:#315b33}
.inspection-v2 .finding.changing{animation:experience-finding .4s var(--ease)}
.inspection-v2[data-fixed="true"] .image-check{animation:experience-check .45s var(--ease)}
@keyframes experience-finding{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes experience-check{from{transform:scale(.6) rotate(-15deg);opacity:0}to{transform:none;opacity:1}}
@media(min-width:1600px){.inspection-v2 .experience-copy h3{font-size:28px}.inspection-v2 .experience-copy>p{font-size:12px}.inspection-v2 .experience-art{height:193px}.inspection-v2 .finding p{font-size:12px;min-height:61px}.inspection-v2 .finding h2{font-size:24px}}
@media(min-width:721px) and (max-width:1000px){.hero-grid{gap:35px;grid-template-columns:.9fr 1fr}.hero h1{font-size:clamp(52px,6.5vw,65px)}.inspection-v2 .inspection-heading .small-label{font-size:10px}.inspection-v2 .inspection-board{padding-inline:11px}.issue-topic{font-size:11px;gap:5px}.experience-header{padding-inline:12px;font-size:8px}.experience-nav{gap:7px;font-size:7px}.experience-body{gap:11px;padding:15px 12px;grid-template-columns:1.2fr .8fr}.experience-copy h3{font-size:21px}.experience-copy>p{font-size:10px}.experience-overline{font-size:6px}.experience-art{height:160px}.experience-action{font-size:8px;padding-inline:6px}.scene-state{font-size:7px;padding-inline:5px}.inspection-v2 .board-top{font-size:9px}.experience-note{padding:9px;gap:8px;font-size:9px;min-height:65px}.reader-note #readerText{font-size:10px}.keyboard-after{font-size:8px;gap:4px}.keyboard-key{font-size:8px;padding-inline:4px}.keyboard-after strong{padding-inline:4px}.keyboard-before{font-size:10px;gap:8px}.inspection-v2 .finding{grid-template-columns:1fr;padding:14px 12px;min-height:191px}.inspection-v2 .finding-symbol{display:none}.inspection-v2 .finding h2{font-size:21px}.inspection-v2 .finding p{font-size:11px;min-height:75px}.inspection-v2 .finding-rule{font-size:7px}.inspection-v2 .inspection-hint{display:none}.inspection-v2 .inspection-controls{justify-content:center}.inspection-v2 .view-switch button{min-width:100px}.inspection-v2 .board-bottom{font-size:7px}}
@media(max-width:720px){.inspection-v2{margin-top:13px;width:min(100%,500px)}.inspection-v2 .inspection-heading{margin-bottom:10px}.inspection-v2 .inspection-heading .small-label{font-size:11px}.inspection-topics{gap:5px;margin-bottom:12px}.issue-topic{font-size:12px;padding-block:10px}.inspection-v2 .inspection-board{padding-inline:13px}.inspection-v2 .board-top{height:43px;font-size:10px}.scene-state{font-size:8px}.experience-header{padding-inline:13px;font-size:8px}.experience-nav{font-size:7px;gap:9px}.experience-body{gap:13px;padding:17px 13px}.experience-copy h3{font-size:23px}.experience-copy>p{font-size:10px;line-height:1.7;margin-top:10px}.experience-overline{font-size:6px;margin-bottom:9px}.experience-art{height:173px}.experience-action{font-size:8px;padding-inline:7px;gap:8px}.experience-note{min-height:64px;padding:10px;gap:9px;font-size:10px}.reader-note #readerText{font-size:10px}.keyboard-after{font-size:8px;gap:5px}.keyboard-key{font-size:9px;padding-inline:5px}.keyboard-before{font-size:10px;gap:10px}.inspection-v2 .finding{grid-template-columns:1fr;padding:16px;min-height:179px}.inspection-v2 .finding-symbol{display:none}.inspection-v2 .finding h2{font-size:23px}.inspection-v2 .finding p{font-size:12px;line-height:1.7;min-height:62px}.inspection-v2 .finding-meta{font-size:9px}.inspection-v2 .finding-rule{font-size:8px}.inspection-v2 .board-bottom{font-size:7px;line-height:1.5}.inspection-v2 .inspection-controls{gap:12px;justify-content:space-between;margin-top:16px}.inspection-v2 .view-switch button{min-width:82px;padding:10px 11px;font-size:12px}.inspection-v2 .inspection-hint{font-size:8px;max-width:130px}.inspection-v2 .scene-state{letter-spacing:-.02em}}
@media(max-width:390px){.inspection-v2 .inspection-board{padding-inline:10px}.inspection-v2 .board-top{font-size:9px}.scene-state{font-size:7px;padding-inline:4px}.experience-body{padding:15px 11px;gap:11px}.experience-copy h3{font-size:21px}.experience-copy>p{font-size:10px}.experience-art{height:167px}.experience-note{margin-inline:8px;font-size:9px;padding:9px 8px;gap:7px}.reader-note #readerText{font-size:10px}.keyboard-after{font-size:7px;gap:4px}.keyboard-after strong{padding:4px}.keyboard-key{font-size:8px;padding-inline:4px}.keyboard-before{font-size:9px;gap:7px}.inspection-v2 .finding{padding:14px 12px;min-height:190px}.inspection-v2 .finding h2{font-size:22px}.inspection-v2 .finding p{min-height:72px}.inspection-v2 .view-switch button{min-width:74px;padding-inline:9px}.inspection-v2 .inspection-hint{font-size:7px;max-width:109px}}
@media(max-width:350px){.inspection-v2 .experience-body{grid-template-columns:1.2fr .8fr}.experience-copy h3{font-size:19px}.experience-copy>p{font-size:9px}.experience-art{height:157px}.experience-header{font-size:7px;padding-inline:10px}.experience-nav{font-size:6px;gap:6px}.inspection-v2 .inspection-controls{justify-content:center}.inspection-v2 .inspection-hint{display:none}.inspection-v2 .finding h2{font-size:20px}.inspection-v2 .finding p{font-size:11px}.inspection-v2 .finding-rule{font-size:7px}.keyboard-after{font-size:6px;gap:3px}.keyboard-before{font-size:8px}.scene-state{font-size:6px}.experience-note{font-size:8px}.reader-note #readerText{font-size:9px}}
@media(prefers-reduced-motion:reduce){.inspection-v2 *{animation:none!important;transition:none!important}}
.inspection-v2 .inspection-heading{justify-content:space-between;gap:20px;margin-bottom:16px;min-height:43px}
.inspection-v2 .inspection-heading .small-label{max-width:230px}
.inspection-v2 .inspection-heading .view-switch{flex:none}
.inspection-v2 .inspection-heading .view-switch button{font-size:11px;min-width:76px;padding:9px 11px}
@media(min-width:721px){.hero-grid{align-items:start}.hero-copy{padding-top:28px}}
@media(max-width:1000px) and (min-width:721px){.inspection-v2 .inspection-heading{gap:12px}.inspection-v2 .inspection-heading .small-label{font-size:10px;max-width:135px}.inspection-v2 .inspection-heading .view-switch button{font-size:10px;min-width:60px;padding:8px}.hero-copy{padding-top:18px}}
@media(max-width:720px){.inspection-v2 .inspection-heading{gap:14px;margin-bottom:13px}.inspection-v2 .inspection-heading .small-label{font-size:11px;max-width:200px}.inspection-v2 .inspection-heading .view-switch button{font-size:11px;min-width:76px;padding:9px 10px}}
@media(max-width:390px){.inspection-v2 .inspection-heading{gap:10px}.inspection-v2 .inspection-heading .small-label{font-size:10px;max-width:145px}.inspection-v2 .inspection-heading .view-switch button{font-size:10px;min-width:67px;padding:9px 8px}}
@media(max-width:350px){.inspection-v2 .inspection-heading .small-label{font-size:9px;max-width:110px}.inspection-v2 .inspection-heading .view-switch button{min-width:64px;padding:8px 7px}}