.app{background-color:var(--paper);background-image:linear-gradient(var(--rule) 1px, transparent 1px), linear-gradient(90deg, var(--rule) 1px, transparent 1px);background-size:var(--grid) var(--grid);flex-direction:column;height:100%;display:flex}.app__bar{z-index:10;background:linear-gradient(var(--wash), var(--wash)), var(--paper);border-bottom:1px solid var(--edge);flex-wrap:wrap;flex:none;align-items:baseline;gap:.1rem .6rem;padding:.5rem 1rem;display:flex;position:sticky;top:0}.app{scroll-padding-top:5.5rem}.app__home-button{border:1px solid var(--edge);background:var(--card);min-height:40px;color:var(--accent);white-space:nowrap;border-radius:6px;align-self:center;align-items:center;padding:0 .75rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.app__home-button:hover{border-color:var(--accent)}.app__home-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.exam-trail__next{color:#fff;background:var(--brand);border-color:var(--brand)}.app__title{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:1.05rem;font-weight:600}.app__home{color:inherit;text-decoration:none}.app__title-accent{color:var(--accent)}.app__title:before,.app__brand:before{content:"";vertical-align:middle;background:url(/logo.svg) 50%/contain no-repeat;width:40px;height:40px;margin-inline-end:.4rem;display:inline-block}.app__subtitle,.app__scope{color:var(--ink-faint);margin:0;font-size:.8rem}.app__panes{flex:1;grid-template-columns:minmax(0,3fr) minmax(19rem,2fr);min-height:0;display:grid}.pane{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.pane--reactions{border-inline-start:1px solid var(--edge);background:var(--wash);overflow:hidden;container-type:size}.pane__scroll{flex:1;min-height:0;overflow-y:auto}.pane__heading{letter-spacing:.04em;color:var(--ink-soft);flex:none;margin:0;padding:1rem 1rem 0;font-size:.8rem;font-weight:600}.pane__body{flex:1;min-height:0;position:relative}.overlay{pointer-events:none;background:#fbf6e4eb;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.overlay--actionable{pointer-events:auto;grid-auto-flow:row;gap:.9rem}.overlay__text{color:var(--ink-soft);text-align:center;margin:0;font-size:.9rem}.reactions{flex:1;min-height:0;overflow-y:auto}@media (width<=900px){.app__panes{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.pane--reactions{max-height:60dvh;container-type:normal}.pane--viewer{grid-row:1}.pane--reactions{border-inline-start:none;border-top:1px solid var(--edge);grid-row:2}}.exam-id{white-space:nowrap}@media (width<=900px){.app__bar.app__bar--bench{flex-wrap:nowrap;align-items:center;min-height:0;padding-block:.25rem}.app__bar--bench .app__subtitle,.app__bar--bench .app__scope,.app__panes .pane--reactions .pane__heading{display:none}.app__bar--bench .app__home-button{min-height:44px}.app__bar--bench .app__home{line-height:44px;display:inline-block}}@media (width>=901px){.app__panes{grid-template-rows:minmax(0,1fr);grid-template-columns:clamp(360px,30vw,440px) minmax(0,1fr)}.pane--reactions{border-inline-start:none;border-inline-end:1px solid var(--line);grid-area:1/1}.pane--viewer{grid-area:1/2;grid-template-columns:340px minmax(0,1fr);grid-template-areas:"scan scan""route route""bench products";grid-auto-rows:max-content;align-content:start;align-items:start;gap:16px;padding:20px 24px 24px;display:grid;overflow-y:auto}.pane--viewer>.pane__body{grid-area:route}.app__panes>.pane--viewer>.pane__body>.viewer{height:auto;padding:0;overflow:visible}.pane__products{grid-area:products}.pane__bench{grid-area:bench}.pane__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);min-width:0;box-shadow:var(--shadow-1);padding:14px 18px 18px}.pane__title{color:var(--ink);align-items:center;gap:8px;margin:0 0 10px;font-size:15px;font-weight:600;display:flex}.pane__count{color:var(--ink-2);background:var(--track);border-radius:var(--r-pill);padding:0 8px;font-size:13px;font-weight:500}.pane__empty{color:var(--ink-3);text-align:center;justify-items:center;gap:8px;padding:40px 12px;display:grid}.pane__empty p{max-width:28ch;color:var(--ink-2);margin:0;font-size:15px}.pane__body .chain__pick .depiction{width:150px!important;height:104px!important}.pane__products .viewer__fan{border:0;margin:0;padding:0}.pane__products .answers{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.pane__products .answers__item{border:1px solid var(--line);border-radius:var(--r-md);padding:10px}.pane__products .answers__pick .depiction{width:100%!important;height:120px!important}.pane__body .chain__pick .depiction svg,.pane__products .answers__pick .depiction svg{width:100%;height:100%}.pane__hint{color:var(--ink-2);text-align:center;margin:8px 0 0;font-size:.9rem}}@media (width>=901px) and (width<=1179px){.pane--viewer{grid-template-columns:minmax(0,1fr);grid-template-areas:"scan""route""bench""products"}}