:root{--study-accent:#087f85;--study-accent-soft:#e5f5f3}
[data-theme="dark"]{--study-accent:#61ddd1;--study-accent-soft:#173a3b}
.b27-version{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:18px 22px;margin:18px 0 24px;border:1px solid var(--border,#ddd);border-radius:16px;background:var(--study-accent-soft);color:var(--text,#242433);flex-wrap:wrap}
.b27-version strong,.b27-version span{display:block}.b27-version span{font-size:.86rem;margin-top:5px}.b27-version a{font-size:.88rem}.b27-year{display:grid;gap:5px;font-size:.85rem}.b27-year select{min-width:110px;padding:9px;border-radius:8px;background:var(--surface,#fff);color:inherit;border:1px solid var(--border,#aaa)}
.b27-changes{margin:24px 0;padding:20px 24px;border:1px solid var(--border,#ddd);border-radius:16px}.b27-changes summary{cursor:pointer;font-size:1.1rem;font-weight:700}.b27-changes[open] summary{margin-bottom:20px}.b27-reading{line-height:1.75;min-width:0}.b27-reading h3{margin:26px 0 10px}.b27-reading p{margin:12px 0}.b27-reading table{font-size:.92rem}.b27-reading table th{background:var(--study-accent-soft)}
.b27-figure{margin:24px 0}.b27-figure img{width:auto;max-width:100%;max-height:620px;object-fit:contain;background:#fff;border-radius:10px}.b27-figure figcaption{font-size:.8rem;color:var(--muted,#666)}
.b27-year-choices{display:grid;gap:12px;margin-top:24px}.subject-card.business .btn{white-space:normal;text-align:center}
[data-business-version="2027"] progress{width:100%;height:9px;accent-color:var(--study-accent);border:0;border-radius:20px;overflow:hidden;background:var(--study-accent-soft)}
[data-business-version="2027"] progress::-webkit-progress-value{background:var(--study-accent)}[data-business-version="2027"] progress::-webkit-progress-bar{background:var(--study-accent-soft)}
[data-business-version="2027"] .reader-toc{align-self:start;position:sticky;top:100px;max-height:75vh;overflow:auto}
.b27-save{font-size:.85rem;color:var(--study-accent)}
.pf-save-badge{display:block;text-align:right;font-size:.8rem;padding:7px 24px;color:var(--study-accent);max-width:1400px;margin:auto}.pf-conflict{margin:20px 0;border-top:1px solid var(--border,#ddd);padding-top:15px}.pf-conflict pre{max-height:220px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.85rem;background:var(--study-accent-soft);padding:14px}.pf-conflict .btn{margin:5px}.pf-sync-status{color:var(--study-accent);font-weight:600}
.b27-fieldset{border:0;padding:0;margin:24px 0}.b27-unit-check{display:flex;gap:10px;margin:10px 0;align-items:baseline}.b27-plan-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.b27-task{border-top:1px solid var(--border,#ddd);padding:14px 0}.b27-task p{margin:6px 0}.b27-task label{display:flex;gap:8px;align-items:center;margin-top:12px}.b27-task-done{opacity:.6}.b27-task-done p{text-decoration:line-through}
@media(max-width:760px){.b27-plan-days{grid-template-columns:1fr}}
.b27-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.b27-filters .field{min-width:0}.b27-filters select{max-width:100%}.b27-practice-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.2fr);gap:24px;align-items:start}.b27-case,.b27-answer{min-width:0}.b27-case summary{font-weight:600;cursor:pointer;margin:16px 0}.b27-case .table-wrap{max-width:100%;overflow:auto}.b27-case table{min-width:400px}.b27-case-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.b27-prompt{font-size:1.25rem;line-height:1.55;white-space:normal}.b27-answer textarea{width:100%;margin:10px 0;resize:vertical;line-height:1.6}.b27-marking{font-size:.94rem;border-top:1px solid var(--border,#ddd);margin:22px 0;padding-top:10px}.b27-history{border-bottom:1px solid var(--border,#ddd);padding:15px 0}.b27-history p{white-space:pre-wrap}.b27-answer label{display:block}.b27-answer .form-actions label{display:flex;align-items:center;gap:8px}
@media(max-width:1000px){.b27-practice-layout{grid-template-columns:1fr}.b27-case details:not([open]){margin:0}.b27-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.b27-filters{grid-template-columns:1fr}.b27-answer,.b27-case{padding:18px!important}}
@media(max-width:760px){.b27-version{align-items:stretch;padding:16px;gap:14px}.b27-version>div{width:100%}.b27-reading{font-size:1rem}.b27-reading table{min-width:500px}[data-business-version="2027"] .reader-toc{position:static;max-height:none}.b27-changes{padding:16px}}

[data-business-version="2027"] .hero-aside>strong{display:block;margin:8px 0}

/* A clear, compact marking view; detailed models stay one click away. */
.b27-check{display:flex;align-items:center;gap:10px;align-self:center;cursor:pointer}
.b27-filters input[type="checkbox"],.b27-answer input[type="checkbox"]{width:18px;height:18px;min-width:18px;margin:0;accent-color:var(--primary);box-shadow:none}
.b27-quick-marking{margin:24px 0 16px;padding:18px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--study-accent) 5%,var(--surface))}
.b27-feedback-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.b27-feedback-heading h3{margin:0;font-size:1.1rem}.b27-feedback-heading span{font-size:.8rem;color:var(--study-accent);white-space:nowrap;font-weight:700}
.b27-credit-row{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;border-top:1px solid var(--border);padding:12px 0;line-height:1.55;font-size:.9rem}.b27-credit-row:first-of-type{margin-top:12px}.b27-credit-row strong{color:var(--study-accent)}.b27-credit-row p{margin:0}
.b27-full-feedback{margin:18px 0 24px;border:1px solid var(--border);border-radius:12px;padding:14px 16px}.b27-full-feedback summary{cursor:pointer;font-size:.9rem;line-height:1.6;font-weight:650}.b27-full-feedback .b27-marking{margin:14px 0 0}.b27-see-less{display:none}.b27-full-feedback[open] .b27-see-more{display:none}.b27-full-feedback[open] .b27-see-less{display:inline}
/* Six accents help orient readers without colouring all of the body text. */
.b27-unit-tone-1{--unit-tone:#087f85}.b27-unit-tone-2{--unit-tone:#7152bd}.b27-unit-tone-3{--unit-tone:#b43f77}.b27-unit-tone-4{--unit-tone:#2167b1}.b27-unit-tone-5{--unit-tone:#a05c09}.b27-unit-tone-6{--unit-tone:#357b47}
[data-theme="dark"] .b27-unit-tone-1{--unit-tone:#61ddd1}[data-theme="dark"] .b27-unit-tone-2{--unit-tone:#ba9ff5}[data-theme="dark"] .b27-unit-tone-3{--unit-tone:#f4a1c9}[data-theme="dark"] .b27-unit-tone-4{--unit-tone:#8cbdff}[data-theme="dark"] .b27-unit-tone-5{--unit-tone:#f4c17c}[data-theme="dark"] .b27-unit-tone-6{--unit-tone:#96d3a5}
[data-business-version="2027"] .unit-card{border-top:4px solid var(--unit-tone)}[data-business-version="2027"] .unit-card .kicker{color:var(--unit-tone)}
.b27-unit-tone-1 .business-section,.b27-unit-tone-2 .business-section,.b27-unit-tone-3 .business-section,.b27-unit-tone-4 .business-section,.b27-unit-tone-5 .business-section,.b27-unit-tone-6 .business-section{border-top:4px solid var(--unit-tone)}
.b27-note-content h3{border-left:3px solid var(--unit-tone);padding-left:12px;color:var(--unit-tone)}.b27-note-content th{background:color-mix(in srgb,var(--unit-tone) 12%,var(--surface))}
.b27-note-content .b27-example{border-left:3px solid var(--study-accent);background:color-mix(in srgb,var(--study-accent) 6%,var(--surface));padding:15px 18px;border-radius:0 12px 12px 0;margin:22px 0}
.b27-note-content .b27-formula{border:1px solid color-mix(in srgb,var(--unit-tone) 35%,var(--border));background:color-mix(in srgb,var(--unit-tone) 9%,var(--surface));padding:15px 18px;border-radius:12px;font-weight:650}
.b27-highlight-tools{margin-top:24px;padding-top:18px;border-top:1px solid var(--border)}.b27-highlight-tools>p{font-size:.8rem;line-height:1.6}.b27-highlight-actions{display:grid;gap:8px}.b27-highlight-actions .btn{white-space:normal;text-align:left;line-height:1.45;padding:10px 12px}
#b27-highlight-important{border:1px solid #ad861c;background:#fff2ad;color:#4b3906}#b27-highlight-question{border:1px solid #b16083;background:#fce0ed;color:#6b2043}.b27-highlight-actions .btn:disabled{opacity:.5;cursor:not-allowed}
.b27-highlight{border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.b27-highlight-important{background:#ffe38a;color:#302400}.b27-highlight-question{background:#fbd4e4;color:#5d153a;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.b27-highlight:focus{outline:2px solid var(--primary);outline-offset:3px}.b27-saved-highlight{margin-top:12px;padding:12px;border:1px solid var(--border);border-left:3px solid #ad861c;border-radius:8px;background:var(--surface-2)}.b27-saved-question{border-left-color:#b16083}.b27-saved-highlight>span{font-size:.7rem;color:var(--muted)}.b27-highlight-quote{display:block;width:100%;margin:7px 0;border:0;background:none;text-align:left;color:var(--text);font:inherit;font-size:.8rem;line-height:1.65;cursor:pointer;max-height:7.7em;overflow:auto;padding:0;overflow-wrap:anywhere}.b27-highlight-remove{border:0;background:none;padding:5px 0;font:inherit;font-size:.75rem;text-decoration:underline;color:var(--muted);cursor:pointer}.b27-highlight-count{font-size:.75rem}
@media(max-width:800px){.b27-highlight-tools{margin-top:14px}.b27-highlight-actions{grid-template-columns:1fr 1fr}#b27-highlight-list{display:flex;gap:10px;overflow-x:auto}.b27-saved-highlight{min-width:210px;max-width:260px}.b27-highlight-count{min-width:85px}}
@media(max-width:520px){.b27-credit-row{grid-template-columns:1fr;gap:5px}.b27-quick-marking{padding:14px}.b27-highlight-actions{grid-template-columns:1fr}}
@media(max-width:800px){.b27-highlight-tools.has-selection .b27-highlight-actions{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;border:1px solid var(--border);border-radius:14px;padding:10px;background:var(--surface);box-shadow:var(--shadow)}}
/* Muted night highlights retain the reader's normal foreground. */
[data-theme="dark"] .b27-highlight-important{background:rgba(214,172,66,.19);color:#f2e4bc;text-decoration-color:#be9c50}
[data-theme="dark"] .b27-highlight-question{background:rgba(191,110,154,.17);color:#ecd5e3;text-decoration-color:#b980a0;text-decoration-thickness:1px}
[data-theme="dark"] #b27-highlight-important{background:#363322;color:#e6d7aa;border-color:#756444}
[data-theme="dark"] #b27-highlight-question{background:#352734;color:#e0c6d5;border-color:#795c70}
.pf-profile-form{max-width:540px;margin:26px 0}.pf-profile-form label{display:block;margin-bottom:7px}.pf-profile-form input{width:100%;margin-bottom:12px}.pf-backup-tools{margin-top:28px}.pf-backup-tools>summary{cursor:pointer;font-weight:650}.pf-backup-tools[open]>summary{margin-bottom:18px}
.b27-term-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.b27-term-filters input,.b27-term-filters select{width:100%}.definition-card label{display:block;font-size:.8rem;margin:18px 0 5px}.definition-card select{width:100%}.b27-term-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;font-size:.85rem}.definition-card{border-top:3px solid var(--unit-tone)}.b27-comparison{border-bottom:1px solid var(--border);padding:16px 0}.b27-comparison summary,.b27-guide-example>summary{cursor:pointer;font-weight:650}.b27-guide-example{margin:20px 0;border:1px solid var(--border);padding:18px;border-radius:14px}.b27-guide-example>summary{line-height:1.6}.b27-guide-example h3{font-size:1.05rem;white-space:pre-line}.b27-unit-emblem{display:block;color:var(--unit-tone);font-weight:750;font-size:1.7rem;letter-spacing:-.03em;margin-bottom:18px}.b27-continue{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:12px 0 28px;background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.b27-continue h2{margin:8px 0}.b27-continue p{margin:6px 0;color:var(--muted)}
[data-subject-home="true"] body{background-image:radial-gradient(circle at 10% 10%,rgba(125,105,222,.10),transparent 40%),radial-gradient(circle,rgba(126,122,156,.12) .7px,transparent .9px);background-size:auto,29px 29px}
[data-subject-home="true"][data-theme="dark"] body{background-image:radial-gradient(circle at 5% 5%,rgba(128,101,212,.11),transparent 42%),radial-gradient(circle,rgba(235,232,255,.10) .7px,transparent .9px)}
[data-subject-home="true"] .subject-grid{align-items:start}[data-subject-home="true"] .subject-card{position:relative;overflow:hidden;padding:25px;min-height:300px;background:linear-gradient(140deg,color-mix(in srgb,var(--primary) 6%,var(--surface)),var(--surface));border-top:3px solid color-mix(in srgb,var(--primary) 65%,var(--border))}[data-subject-home="true"] .subject-card.business{border-top-color:var(--study-accent)}[data-subject-home="true"] .subject-card::after{content:'';position:absolute;width:130px;height:130px;right:-38px;top:-35px;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:50%;box-shadow:0 0 0 20px color-mix(in srgb,var(--primary) 3%,transparent),0 0 0 40px color-mix(in srgb,var(--primary) 2%,transparent);pointer-events:none}[data-subject-home="true"] .subject-card h2{margin-top:15px}[data-subject-home="true"] .subject-card .card-bottom{margin-top:14px}[data-subject-home="true"] .b27-year-choices{margin-top:2px;gap:10px}[data-subject-home="true"] .b27-year-choices .btn{padding:11px 14px;font-size:.85rem}
@media(max-width:900px){.b27-continue{align-items:start;flex-direction:column}.b27-term-filters{grid-template-columns:1fr 1fr}.b27-term-filters>.field:first-child{grid-column:1/-1}}
@media(max-width:560px){.b27-term-filters{grid-template-columns:1fr}.b27-term-filters>.field:first-child{grid-column:auto}[data-subject-home="true"] .subject-card{min-height:0}.b27-guide-example{padding:12px}}
.b27-ai-panel{border-top:1px solid var(--border);padding-top:18px;margin:24px 0}.b27-ai-panel h3{margin:0 0 14px}.b27-ai-panel input[type=file]{width:100%;font-size:.85rem;margin:8px 0}.b27-ai-result{background:color-mix(in srgb,var(--study-accent) 6%,var(--surface));border:1px solid var(--border);padding:18px;border-radius:14px;margin-top:18px}.b27-ai-result h3{font-size:1.05rem;margin-top:14px}.b27-ai-result details>summary{cursor:pointer;font-weight:650}.b27-ai-allocation{border-top:1px solid var(--border);padding:12px 0;font-size:.9rem}.b27-ai-result p{line-height:1.65}
.b27-unit-emblem{display:flex;align-items:center;gap:12px}.b27-unit-emblem svg{flex-shrink:0}
