.crystal-toggle{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);cursor:pointer;position:relative;flex:none;}
.crystal-toggle input{position:absolute;right:0;width:38px;height:22px;opacity:0;cursor:pointer;z-index:1;}
.crystal-toggle i{width:38px;height:22px;background:var(--line);border-radius:20px;padding:3px;}
.crystal-toggle i::before{content:'';display:block;width:16px;height:16px;border-radius:50%;background:var(--panel);box-shadow:0 1px 3px #0002;transition:transform .2s;}
.crystal-toggle input:checked+i{background:var(--blue);}.crystal-toggle input:checked+i::before{transform:translateX(16px);background:#fff;}.crystal-toggle input:focus-visible+i{outline:2px solid var(--blue);outline-offset:3px;}
.five-profile-title{display:flex;align-items:center;justify-content:space-between;gap:12px;}
body.working-beta #app main .crystal-profile{--crystal-ghost:#eef1f6;--crystal-ring:#e2e7ef;--crystal-ink:var(--text);--crystal-card:var(--panel);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;margin:18px 0;text-align:left;}
.crystal-profile-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;}.crystal-profile-header>div{display:flex;align-items:center;gap:10px;}
.crystal-info{width:24px;height:24px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--muted);font-size:13px;cursor:pointer;padding:0;}
.crystal-info:focus-visible{outline:2px solid var(--blue);outline-offset:3px;}
.crystal-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;}.crystal-gem svg{display:block;width:100%;max-width:440px;margin:0 auto;}
.crystal-svg{--crystal-ghost:#eef1f6;--crystal-ring:#e2e7ef;--crystal-card:var(--panel);overflow:visible;}.crystal-scale{fill:var(--crystal-ghost);}.crystal-scale.scale-1{fill:var(--crystal-ring);}.crystal-seam{stroke:var(--crystal-card);pointer-events:none;}
.crystal-label-text{font-family:'IBM Plex Mono',monospace;fill:var(--muted);}.crystal-open-label{fill:var(--muted);font-weight:400;}.crystal-label.active .crystal-label-text{fill:var(--text);font-weight:600;}
.crystal-sector{cursor:pointer;transition:opacity .25s;}.crystal-label{cursor:pointer;}.crystal-label:focus-visible{outline:0;}.crystal-label:focus-visible .crystal-hit{stroke:var(--blue);stroke-width:2;}
body.working-beta #app main .crystal-area-title{font-size:20px!important;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 8px!important;}.crystal-area-title small{font:500 12px 'IBM Plex Mono',monospace;color:var(--muted);}
.crystal-area-summary{font-size:14px!important;line-height:1.6!important;color:var(--muted);margin:0 0 12px;}
.crystal-checks{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;}.crystal-checks li{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.5;}.crystal-checks li:last-child{border-bottom:1px solid var(--line);}
.crystal-check-icon{width:20px;height:20px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;font-size:11px;font-weight:700;}.crystal-check-icon.pass{color:#218a70;}.crystal-check-icon.fail{color:#c76464;}.crystal-check-icon.unknown{color:#bd7c23;}.crystal-check-state{font:12px 'IBM Plex Mono',monospace;color:var(--muted);}
.crystal-open-section{margin-top:12px;font-size:12px;}.crystal-open-section svg{width:14px;height:14px;}.crystal-analysis{margin-top:18px;}.crystal-analysis p{font-size:14px;line-height:1.6;color:var(--muted);margin-top:5px;}
.crystal-guide{padding:18px;background:var(--soft);border:1px solid var(--line);border-radius:10px;margin:10px 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:22px;font-size:14px;color:var(--muted);}.crystal-guide[hidden]{display:none;}.crystal-guide ul:not(.crystal-checks){padding-left:18px;}.crystal-guide li{margin-bottom:6px;}.crystal-guide .crystal-checks{margin-top:8px;}.crystal-guide p{font-size:12px;}
body.working-beta #app main .crystal-summary-layout{grid-template-columns:1fr!important;}.crystal-mini{max-width:250px;width:100%;margin:auto;}.crystal-mini svg{display:block;width:100%;}.crystal-peers .overview-peer-profile{max-width:250px;width:100%;}.crystal-peers .overview-peer-name .supplied-brand{width:130px!important;height:70px!important;}.crystal-peers .overview-peer-name{min-height:74px;}
html[data-theme=night] .crystal-svg{--crystal-ghost:#17283a;--crystal-ring:#1e3245;}.crystal-check-icon.pass{color:var(--report-green,#218a70);}.crystal-check-icon.fail{color:var(--report-red,#c76464);}.crystal-check-icon.unknown{color:var(--report-gold,#bd7c23);}
@media(max-width:760px){.crystal-grid,.crystal-guide{grid-template-columns:1fr;}.crystal-gem svg{max-width:360px;}.crystal-checks li{font-size:12px;gap:6px;}.crystal-check-state{font-size:10px;}.crystal-profile{padding:18px!important;}}
@media(prefers-reduced-motion:reduce){.crystal-sector,.crystal-toggle i::before{transition:none;}}
/* SVG labels use the reference's circular keyboard focus marker, not the app's rectangular button outline. */
body.working-beta #app main .crystal-label:focus,
body.working-beta #app main .crystal-label:focus-visible{outline:none!important;box-shadow:none!important;}
body.working-beta #app main .crystal-peers .overview-peer-profile .crystal-mini svg{width:250px!important;max-width:100%!important;height:auto!important;max-height:none!important;}
body.working-beta #app main .crystal-peers .overview-peer-profile{display:block!important;height:250px!important;min-height:250px!important;max-height:none!important;}
@media(max-width:760px){body.working-beta #app main .crystal-peers .overview-peer-grid{grid-template-columns:1fr;}}
/* v202: compact presentation experiment, always beside the company reading. */
body.working-beta #app main .report-overview-shape .crystal-profile{margin:0;padding:18px;border:0;background:transparent;}
body.working-beta #app main .crystal-grid{grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:center;}
body.working-beta #app main .crystal-gem svg{width:220px!important;max-width:100%!important;height:auto!important;max-height:none!important;}
body.working-beta #app main .crystal-side .crystal-area-title{font-size:18px!important;gap:6px;}
.crystal-side .crystal-area-title small{font-size:10px;}.crystal-side .crystal-area-summary,.crystal-side .crystal-analysis p{font-size:12px!important;line-height:1.55!important;}
.crystal-side .crystal-checks li{font-size:12px;grid-template-columns:18px 1fr;gap:6px;padding:7px 0;}.crystal-side .crystal-check-state{display:none;}.crystal-side .crystal-check-icon{width:17px;height:17px;font-size:10px;}
.crystal-side .crystal-analysis{margin-top:12px;}.crystal-analysis h4{font-size:12px;}
.crystal-mini-reading{font:10px 'IBM Plex Mono',monospace;color:var(--muted);text-align:center;min-height:28px;padding:7px 0 0;line-height:1.4;}
body.working-beta #app main .crystal-mini{pointer-events:auto!important;}
body.working-beta #app main .crystal-peers .overview-peer-profile{height:270px!important;min-height:270px!important;}
body.working-beta #app main .compare-mini-diamond{width:220px;max-width:100%;height:auto;pointer-events:auto;}
body.working-beta #app main .compare-mini-diamond .crystal-mini{width:210px;max-width:100%;height:auto;}
body.working-beta #app main .compare-mini-diamond .crystal-svg{width:210px!important;max-width:100%!important;height:auto!important;max-height:none!important;pointer-events:auto!important;}
body.working-beta #app main .compare-profile-row td{padding-top:15px;padding-bottom:15px;vertical-align:top;}
body.working-beta #app main .crystal-label{pointer-events:auto!important;}
.company-compare-page .page-heading .crystal-toggle{margin-left:auto;margin-right:12px;}
@media(max-width:1100px){body.working-beta #app main .report-overview-shape .crystal-grid{grid-template-columns:minmax(0,1fr) 190px;gap:12px;}}
@media(max-width:760px){body.working-beta #app main .crystal-grid,body.working-beta #app main .report-overview-shape .crystal-grid{grid-template-columns:minmax(0,1fr) 190px;gap:12px;}.crystal-profile-header{align-items:start;}.crystal-toggle{font-size:10px;gap:5px;}}
@media(max-width:460px){body.working-beta #app main .crystal-grid,body.working-beta #app main .report-overview-shape .crystal-grid{grid-template-columns:1fr;}.crystal-figure-column{grid-row:1;}.crystal-profile-header{flex-wrap:wrap;}}