.opening-pattern-groups { --paper:light-dark(#fff,#24352d); --back:light-dark(#f2f6f3,#192820); --ink:light-dark(#203329,#eff6f0); --muted:light-dark(#586c60,#b8cabe); --line:light-dark(#d9e3dc,#445a4b); --green:light-dark(#347453,#6eb68a); --rust:light-dark(#b9644d,#d8846b); --rust-soft:light-dark(#fcf0eb,#483129); --green-soft:light-dark(#e9f4ed,#2b4535); --other:light-dark(#d9dfda,#62716a); font-family:Arial,sans-serif; color:var(--ink); }
.opening-pattern-groups * {box-sizing:border-box}
.opening-pattern-groups .qr-page {background:var(--back);padding:22px;border-radius:14px}
.opening-pattern-groups h2 {font-size:25px;line-height:1.2;margin:0 0 6px;font-weight:750;letter-spacing:-.7px}
.opening-pattern-groups .qr-context {color:var(--muted);font-size:14px;margin:0 0 20px}
.opening-pattern-groups .qr-panel {background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:0 0 16px}
.opening-pattern-groups .qr-heading {display:flex;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid var(--line);align-items:center}
.opening-pattern-groups h3 {font-size:19px;line-height:1.25;letter-spacing:-.35px;margin:0;font-weight:700}
.opening-pattern-groups .qr-count {white-space:nowrap;font-size:13px;color:var(--muted)}
.opening-pattern-groups .qr-count strong {font-size:23px;color:var(--ink)}
.opening-pattern-groups .qr-body {display:grid;grid-template-columns:1fr 1fr}
.opening-pattern-groups .qr-question {padding:20px;border-right:1px solid var(--line)}
.opening-pattern-groups .qr-eyebrow {font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:700;margin:0 0 12px}
.opening-pattern-groups .qr-prompt {font-size:19px;line-height:1.4;font-weight:700;margin:0 0 14px}
.opening-pattern-groups .qr-answers {display:grid;grid-template-columns:1fr 1fr;gap:8px}
.opening-pattern-groups .qr-answer {padding:10px;border-radius:7px;background:var(--back);font-size:19px;font-weight:700;min-width:0}
.opening-pattern-groups .qr-answer small {font-size:11px;font-weight:400;display:block;margin-top:3px}
.opening-pattern-groups .qr-answer.wrong {background:var(--rust-soft);color:var(--ink);box-shadow:inset 3px 0 var(--rust)}
.opening-pattern-groups .qr-answer.right {background:var(--green-soft);color:var(--ink);box-shadow:inset 3px 0 var(--green)}
.opening-pattern-groups .qr-reason {margin:12px 0 0;font-size:13px;line-height:1.4;color:var(--muted)}
.opening-pattern-groups .qr-chart {padding:20px;min-width:0}
.opening-pattern-groups .qr-student {margin:0 0 17px}
.opening-pattern-groups .qr-student-line {display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;font-size:13px}
.opening-pattern-groups .qr-student-line button {font:inherit;color:var(--ink);font-weight:700;padding:3px 0;background:none;border:0;border-bottom:1px solid var(--ink);cursor:pointer}
.opening-pattern-groups .qr-bar {display:flex;height:24px;border-radius:5px;overflow:hidden;background:var(--other)}
.opening-pattern-groups .qr-bar span {display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:12px}
.opening-pattern-groups .qr-bar .repeat {background:var(--rust)}
.opening-pattern-groups .qr-bar .correct {background:var(--green)}
.opening-pattern-groups .qr-bar .other {background:var(--other);color:var(--ink)}
.opening-pattern-groups .qr-legend {display:flex;flex-wrap:wrap;gap:8px 13px;font-size:11px;color:var(--muted);margin-top:8px}
.opening-pattern-groups .qr-legend span {display:flex;align-items:center;gap:5px}
.opening-pattern-groups .qr-dot {display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--rust)}
.opening-pattern-groups .qr-detail {margin:14px 0 0;font-size:13px;line-height:1.5;border-top:1px solid var(--line);padding-top:12px}
.opening-pattern-groups .qr-note {font-size:12px;color:var(--muted);line-height:1.5;margin:6px 0 0}
.opening-pattern-groups [hidden] {display:none}
@media(max-width:570px){.opening-pattern-groups .qr-page {padding:12px} .opening-pattern-groups .qr-body {grid-template-columns:1fr} .opening-pattern-groups .qr-question {border-right:0;border-bottom:1px solid var(--line)} .opening-pattern-groups .qr-heading {padding:16px} .opening-pattern-groups .qr-count {white-space:normal;min-width:65px;text-align:right} }
.opening-pattern-groups {position:relative}
.opening-pattern-groups .qr-panel {overflow:visible}
.opening-pattern-groups .qr-bar {height:32px;overflow:visible;background:none;gap:2px}
.opening-pattern-groups .qr-bar button {display:flex;justify-content:center;align-items:center;border:0;font:700 12px Arial,sans-serif;min-width:0;padding:0;color:light-dark(#fff,#18251d);cursor:pointer}
.opening-pattern-groups .qr-bar button:first-child {border-radius:5px 0 0 5px}
.opening-pattern-groups .qr-bar button:last-child {border-radius:0 5px 5px 0}
.opening-pattern-groups .qr-bar button:only-child {border-radius:5px}
.opening-pattern-groups .qr-bar button.other {color:var(--ink)}
.opening-pattern-groups .qr-bar button:hover {filter:brightness(.92)}
.opening-pattern-groups .qr-bar button[aria-expanded="true"] {outline:2px solid var(--ink);outline-offset:3px}
.opening-pattern-groups .qr-hint {font-size:12px;color:var(--muted);margin:-8px 0 18px}
.opening-pattern-groups .qr-evidence {position:absolute;z-index:10;width:360px;max-width:calc(100% - 24px);padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 36px light-dark(#19342630,#00000070);color:var(--ink)}
.opening-pattern-groups .qe-top {display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:14px}
.opening-pattern-groups .qe-title {font-size:15px;line-height:1.4;font-weight:700;margin:0}
.opening-pattern-groups .qe-meta {font-size:12px;color:var(--muted);margin:0 0 8px}
.opening-pattern-groups .qe-prompt {font-size:18px;line-height:1.4;font-weight:700;margin:0 0 14px}
.opening-pattern-groups .qe-answers {display:grid;grid-template-columns:1fr 1fr;gap:8px}
.opening-pattern-groups .qe-answer {font-size:17px;line-height:1.35;font-weight:700;background:var(--rust-soft);padding:10px;border-radius:7px;overflow-wrap:anywhere}
.opening-pattern-groups .qe-answer small {font-size:11px;display:block;font-weight:400;margin-bottom:5px}
.opening-pattern-groups .qe-answer.correct {background:var(--green-soft)}
.opening-pattern-groups .qe-footer {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:15px;font-size:12px;color:var(--muted)}
.opening-pattern-groups .qe-control {font:inherit;font-size:12px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:var(--back);cursor:pointer}
.opening-pattern-groups .qe-control:disabled {opacity:.4;cursor:default}
@media(pointer:coarse){.opening-pattern-groups .qr-bar {height:44px} .opening-pattern-groups .qe-control {min-height:44px}}

.opening-pattern-groups .qe-close {white-space:nowrap;font-weight:700;background:var(--paper);color:var(--ink)}
.opening-pattern-groups .qe-navigation {display:flex;justify-content:space-between;gap:10px;width:100%}
.opening-pattern-groups .qe-next {background:var(--green);color:light-dark(#fff,#18251d);border-color:var(--green);font-weight:700}

.opening-pattern-groups .qe-explore-hint {justify-content:flex-start;gap:9px;padding:12px 14px;border-radius:7px;background:var(--green-soft);color:var(--ink);font-size:14px;font-weight:700;border-left:4px solid var(--green)}
.opening-pattern-groups .qe-explore-hint svg {flex:none;color:var(--green)}

.opening-pattern-groups .qe-explore-button {display:block;width:100%;font:700 15px Arial,sans-serif;line-height:1.4;padding:14px 18px;border:0;border-radius:8px;background:light-dark(#2754bd,#8fb3ff);color:light-dark(#ffffff,#142341);cursor:pointer;text-align:left;box-shadow:0 3px 0 light-dark(#193984,#5d82ca)}
.opening-pattern-groups .qe-explore-button:hover {background:light-dark(#1d419a,#adc8ff)}
.opening-pattern-groups .qe-explore-button:active {transform:translateY(1px);box-shadow:0 1px 0 light-dark(#193984,#5d82ca)}


.opening-pattern-groups {margin:20px 0;color-scheme:light}
.opening-pattern-groups .qr-evidence {position:fixed;max-height:calc(100dvh - 24px);overflow-y:auto;z-index:1000}
.opening-pattern-groups .qr-answers .qr-answer {font-size:17px;overflow-wrap:anywhere}
.opening-pattern-groups .qr-name {font-weight:700}
.opening-pattern-groups .qr-bar .repeat,.opening-pattern-groups .qr-dot.repeat {background:var(--rust)}
.opening-pattern-groups .qr-dot.correct {background:var(--green)}
.opening-pattern-groups .qr-dot.other {background:var(--other)}
.opening-pattern-groups .qr-bar .unanswered,.opening-pattern-groups .qr-dot.unanswered {background:repeating-linear-gradient(45deg,#fff,#fff 3px,#929e97 3px,#929e97 5px);color:#203329}
.opening-pattern-groups .qr-rule {margin:14px 0;font-size:13px;color:var(--muted)}
.opening-pattern-groups .qr-rule summary {cursor:pointer;font-weight:700}
.opening-pattern-groups .qr-rule p {margin:10px 0;line-height:1.5}
.opening-pattern-groups .qr-question svg,.opening-pattern-groups .qr-evidence svg {max-width:100%}
.standard-full-answers {margin-top:1rem}
.standard-full-answers > summary {cursor:pointer;font-weight:700;padding:.7rem 0}
.standard-full-answers .profile-pattern-detail {margin:1rem 0;overflow-wrap:anywhere}
@media print {
 .opening-pattern-groups .qr-evidence,.opening-pattern-groups .qr-hint {display:none!important}
 .opening-pattern-groups .qr-page {padding:0;background:#fff}
 .opening-pattern-groups .qr-panel {break-inside:auto;box-shadow:none}
 .opening-pattern-groups .qr-heading,.opening-pattern-groups .qr-question,.opening-pattern-groups .qr-student {break-inside:avoid}
 .opening-pattern-groups .qr-heading {break-after:avoid}
 .opening-pattern-groups .qr-body {grid-template-columns:1fr 1fr}
 .opening-pattern-groups .qr-bar {print-color-adjust:exact;-webkit-print-color-adjust:exact}
 .opening-pattern-groups .qr-rule {display:block}
}