/* Study state takes precedence over subject/category colour. */
.pack-node[data-state],.pack-detail[data-state]{--study-color:#536173;--study-bg:#182432}
.pack-node[data-state=active],.pack-detail[data-state=active]{--study-color:#83c4ff;--study-bg:#173b5d}
.pack-node[data-state=graduated],.pack-detail[data-state=graduated]{--study-color:#70dfb3;--study-bg:#123e35}
.pack-node[data-state=available],.pack-detail[data-state=available]{--study-color:#f3cf79;--study-bg:#49391c}
.pack-node[data-state]{padding:0!important;gap:0;background:var(--study-bg);border-color:var(--study-color);border-top-width:5px;overflow:visible}
.pack-node.unrelated{filter:none}
.pack-node.selected{outline:3px solid #fff;outline-offset:3px}
.pack-node .study-tile-select{display:grid;gap:9px;width:100%;min-height:170px;padding:12px!important;border:0;background:transparent;box-shadow:none;text-align:left;color:#f2f5f8;border-radius:0;align-content:start}
.pack-node .study-tile-select:hover{background:#ffffff0a;transform:none}
.pack-node .study-tile-select:focus-visible,.study-quick-buy:focus-visible{outline:3px solid #fff;outline-offset:2px}
.pack-node .study-tile-select>small{color:#c0cbd5;letter-spacing:.05em;font:10px/1.3 system-ui,sans-serif}
.pack-node .study-tile-select>strong{color:#fff;font:700 18px/1.2 Georgia,serif;overflow-wrap:anywhere}
.study-state-badge{display:inline-flex;align-items:center;gap:5px;width:fit-content;font:600 11px/1.3 system-ui,sans-serif!important;color:#bac6d2!important}
.study-state-badge i{font-style:normal;font-size:15px;line-height:1}
.study-state-badge.state-active{color:#a5d6ff!important}
.study-state-badge.state-graduated{color:#8befc4!important}
.study-state-badge.state-available{color:#ffe298!important}
.study-state-legend{display:flex;flex-wrap:wrap;gap:8px 14px;padding:6px 0}
.study-state-legend .study-state-badge{background:none;padding:0;border:0}
.study-state-legend .study-state-badge i{background:none;border:0;width:auto;height:auto}
.pack-node .study-quick-buy{display:block;width:calc(100% - 20px);min-height:44px;margin:0 10px 10px;padding:8px!important;background:#f3cf79;border:1px solid #ffe6a6;color:#202b37;font:700 12px/1.3 system-ui,sans-serif;box-shadow:0 2px 0 #0b1421}
.pack-node .study-quick-buy:disabled{opacity:.55;cursor:not-allowed}
.study-summary-progress{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;width:100%;font:600 12px/1.3 system-ui,sans-serif}
.study-summary-progress .study-summary-count{color:#f2f5f8;font:inherit}
.study-summary-progress .study-summary-percent{color:var(--study-color,#a5d6ff);font:inherit;font-variant-numeric:tabular-nums}
.study-summary-progress .study-summary-bar{grid-column:1/-1;display:block;height:7px;overflow:hidden;background:#091523;border:1px solid #8da6bf55;border-radius:3px}
.study-summary-bar>i{display:block;height:100%;background:var(--study-color,#a5d6ff)}
.pack-node .sandbox-inclusion{font:11px/1.2 system-ui,sans-serif;color:#d0dce7}
.pack-detail[data-state]{border-color:var(--study-color);background:#17283b}
.pack-detail .study-detail-eyebrow{font:10px/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#b7c8da}
.pack-detail h3{margin:6px 0 10px}
.pack-detail>.study-summary-progress{margin:12px 0 16px}
.pack-detail>.study-summary-progress .study-summary-bar{height:9px}
.study-practice-actions{display:grid;gap:8px;margin:12px 0}
.study-practice-actions button{min-height:44px}
.study-progress-key{margin:12px 0;color:#bac9d9;font:12px/1.5 system-ui,sans-serif}
.study-progress-key summary,.study-contents summary{cursor:pointer;min-height:32px;display:list-item;align-content:center;color:#c9d8e7;font:600 12px/1.5 system-ui,sans-serif}
.study-progress-key p{font:12px/1.6 system-ui,sans-serif;color:#bac9d9}
.study-bar-key{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:8px}
.study-bar-key>span{display:flex;align-items:center;gap:5px}
.study-bar-key i{display:inline-block;width:12px;height:8px}
.rehearsal-fill{background:#7eb9ff}
.full-fill{background:#80dbb7}
.study-bar-key .cap-mark{width:2px;height:12px;background:#ffe39e}
.study-target-list{display:grid;gap:0}
.study-target{padding:10px 0;border-bottom:1px solid #9eb1c029}
.study-target-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:7px;color:#f0f3f7;font:14px/1.4 system-ui,sans-serif}
.study-target-heading>span{overflow-wrap:anywhere;min-width:0}
.study-target-heading>small{font:11px/1.3 system-ui,sans-serif;color:#b6c9dd;white-space:nowrap;font-variant-numeric:tabular-nums}
.study-target-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.study-target-bar{display:flex;position:relative;height:9px;background:#091523;border:1px solid #8da6bf55;border-radius:3px}
.study-target-bar>i{display:block;height:100%;flex:none}
.study-target-bar>.cap-mark{position:absolute;top:-3px;bottom:-3px;width:2px;height:auto;background:#ffe39e;transform:translateX(-1px);box-shadow:0 0 0 1px #17283b;pointer-events:none}
.study-target-progress>b{font:600 12px/1.3 system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#d0dfed;min-width:48px;text-align:right}
.study-target.complete .study-target-progress>b{color:#8befc4}
.study-content-preview{margin:18px 0 8px}
.pack-detail .study-content-preview>h4,.pack-detail .study-prerequisites>h4{font:700 14px/1.4 system-ui,sans-serif;color:#f2e2bb;margin:0 0 10px}
.study-content-list{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:10px 0}
.study-content-list>li{display:flex;align-items:center;gap:7px;max-width:100%;padding:7px 10px;background:#223d56;border:1px solid #557088;border-radius:4px;color:#edf5fc;font:14px/1.4 system-ui,sans-serif;overflow-wrap:anywhere}
.study-content-list img{width:32px;height:34px;object-fit:contain;image-rendering:pixelated;flex:none}
.study-prerequisites{margin-top:18px;padding-top:18px;border-top:1px solid #738ba366}
.study-prerequisite-links{display:grid;gap:8px}
.study-prerequisite-links>.study-prerequisite-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;align-items:center;width:100%;min-height:72px;text-align:left;padding:12px!important;background:#20384e;color:#edf5fc;border:1px solid #688299;border-radius:4px;box-shadow:none}
.study-prerequisite-card>strong{grid-column:1;font:600 15px/1.35 system-ui,sans-serif;color:#edf5fc;overflow-wrap:anywhere}
.study-prerequisite-status{grid-column:1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font:12px/1.4 system-ui,sans-serif;color:#bfcedd}
.study-prerequisite-count{font-variant-numeric:tabular-nums;color:#d8e7f6}
.study-prerequisite-arrow{grid-column:2;grid-row:1/3;font:24px/1 system-ui,sans-serif;color:#b9d7ef}
.study-prerequisite-links>.study-prerequisite-card:hover{background:#2b485f;border-color:#a5c3d9}
.study-prerequisite-links>.study-prerequisite-card:focus-visible{outline:3px solid #ffe39e;outline-offset:2px}
.study-contents{margin-top:16px;border-top:1px solid #9eb1c029;padding-top:10px}
@media(max-width:700px){
 .pack-node .study-tile-select{padding:10px!important;gap:8px;min-height:158px}
 .pack-node .study-tile-select>strong{font-size:16px}
 .study-state-legend{gap:7px 12px;padding:4px 0}
 .study-state-legend .study-state-badge{font-size:10px!important}
 .pack-detail .study-target{padding:12px 0}
 .pack-detail .study-target-heading{font-size:15px}
 .pack-detail .study-target-bar{height:11px}
 .catalogue-notice:empty{display:none}
}
/* A shared graduation meter, with the latest contribution highlighted. */
.study-target-bar>.rehearsal-fill,.study-target-bar>.full-fill{position:relative}
.progress-new{position:absolute;inset:0 0 0 auto;background:#ffffff38;box-shadow:inset 0 0 0 1px #fff9}
.progress-new-key{background:#80dbb7;box-shadow:inset 0 0 0 1px #fff}
.show-result{text-align:left}
.result-heading small{font:12px/1.4 system-ui;color:#bed1df}
.result-heading h2{font:700 28px/1.3 Georgia,serif;margin:5px 0 18px}
.result-money{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}
.result-money>div{padding:12px;background:#20384e;border:1px solid #58738c;border-radius:4px;min-width:0}
.result-money small{display:block;font:11px/1.4 system-ui;color:#c0d2df;margin-bottom:5px}
.result-money strong{display:block;font:600 clamp(18px,5vw,26px)/1.2 system-ui;color:#f3db9d;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.result-money>div:only-child{grid-column:1/-1}
.credit-report .xp-report-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin:0 0 6px}
.credit-report .xp-report-heading h3{font:600 20px/1.4 system-ui;margin:0;color:#f3db9d}
.xp-report-heading>strong{font:700 30px/1.2 system-ui;color:#8befc4;font-variant-numeric:tabular-nums}
.credit-report .study-progress-key{margin:4px 0 10px}
.credit-report .xp-track>h4{font:600 12px/1.4 system-ui;letter-spacing:.03em;color:#b9d1e4;margin:18px 0 4px}
.credit-report .xp-results{margin:0;padding:0;list-style:none}
.credit-report .xp-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 16px;align-items:center;padding:12px 0;border-bottom:1px solid #6c879c55}
.xp-target{font:14px/1.4 system-ui;color:#eff6fa;overflow-wrap:anywhere;min-width:0}
.xp-result .xp-award{grid-column:2;grid-row:1/3;text-align:right;align-self:center}
.xp-award>b{font:600 17px/1.4 system-ui;color:#8befc4;white-space:nowrap;font-variant-numeric:tabular-nums}
.credit-report .xp-award>small{font:11px/1.4 system-ui;color:#b6c9dd;margin:2px 0 0}
.xp-result>.study-target-progress{grid-column:1;gap:8px}
.xp-result .study-target-bar{height:8px}
.xp-result .study-target-progress>b{font-size:11px;min-width:40px}
.credit-report .xp-secondary,.show-result .result-details,.show-result .result-lookups>details{border-top:1px solid #6c879c55;margin:0;padding:4px 0}
.show-result summary{min-height:44px;align-content:center;cursor:pointer;color:#bfd1df;font:600 13px/1.5 system-ui}
.show-result summary>b{font:600 11px system-ui;padding:2px 6px;border-radius:10px;background:#2b455a;margin-left:6px;color:#dde9f3}
.credit-report .xp-pending li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 0;font:13px/1.4 system-ui;color:#c9dbe8}
.xp-pending li>span:first-child{min-width:0;overflow-wrap:anywhere}
.result-evidence{display:flex;align-items:center;gap:8px;flex:none;font:12px/1.4 system-ui;color:#a5c3d9}
.evidence-dots{display:flex;gap:3px}
.evidence-dots>i{width:7px;height:7px;background:#20384e;border:1px solid #6d879e;border-radius:2px}
.evidence-dots>.filled{background:#7eb9ff;border-color:#a5d6ff}
.result-meta{display:grid;gap:8px;font:13px/1.5 system-ui;color:#c9dbe8;margin:12px 0}
.result-meta>div{display:flex;justify-content:space-between;gap:16px}.result-meta dd{margin:0}
.show-result .result-lookups{border:0;padding:0}.result-lookups:empty{display:none}
.show-result .result-actions{position:sticky;bottom:-23px;z-index:2;background:#17283b;border-top:1px solid #6d879e;padding:12px 0;margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}
.show-result .result-actions>button{min-height:44px;flex:1;padding:9px 12px;font:600 13px/1.4 system-ui;white-space:normal}
@media(max-width:380px){.credit-report .xp-result{column-gap:10px}.xp-award>b{font-size:15px}.xp-target{font-size:13px}.result-money{gap:8px}.result-money>div{padding:9px}}