/* Continuations use the same paper, typography and area colours as Learn. */
.phase4-tool-choice{color:var(--muted);font-size:.88rem;margin:0 0 1.4rem;letter-spacing:.015em}
[data-phase4-programme] .course-goal h2{font-size:1rem;margin:0 0 1rem}
.phase4-goal-rule{width:44px;border-top:2px solid currentColor;opacity:.35;margin:1.8rem 0}
.phase4-preparation{padding-block:3rem;border-block:1px solid var(--line);background:#f3f5f4}
.phase4-preparation .wrap{max-width:1000px}.phase4-preparation h2{font-size:1.55rem}.phase4-preparation p{max-width:78ch;color:var(--muted)}
.phase4-context{max-width:85ch;margin-bottom:2rem;color:var(--muted)}
.phase4-case-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 3rem;margin:0}
.phase4-case-steps>div{padding:1.5rem 0;border-top:1px solid var(--line)}
.phase4-case-steps dt{font-weight:650;margin-bottom:.6rem}.phase4-case-steps dd{margin:0;color:var(--muted)}
.phase4-worked{margin-top:3rem}.phase4-worked>h2{font-size:1.6rem;margin-bottom:1.5rem}
.phase4-worked-example{border:1px solid var(--line);border-radius:18px;padding:0 1.6rem;margin-top:1rem;background:var(--paper)}
.phase4-worked-example summary,.phase4-rubric summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;cursor:pointer;list-style:none;padding:1.4rem 0}
.phase4-worked-example summary::-webkit-details-marker,.phase4-rubric summary::-webkit-details-marker{display:none}
.phase4-worked-example summary h3{font-size:1.15rem;margin:0}.phase4-worked-example[open]>summary span,.phase4-rubric details[open]>summary span{transform:rotate(45deg)}
.phase4-worked-example>div{padding-bottom:1.5rem}.phase4-worked-example>div>p,.phase4-worked-example li{color:var(--muted)}
.phase4-worked-example h4{font-size:.95rem;margin-bottom:.6rem}
.phase4-table-scroll{overflow-x:auto;margin-block:1.5rem;border:1px solid var(--line);border-radius:10px}
.phase4-table-scroll:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.phase4-table-scroll table{border-collapse:collapse;width:100%;font-size:.86rem;text-align:left;min-width:620px}
.phase4-table-scroll caption{text-align:left;padding:.8rem 1rem;color:var(--muted)}
.phase4-table-scroll th,.phase4-table-scroll td{padding:.8rem 1rem;border-top:1px solid var(--line);vertical-align:top}
.phase4-table-scroll thead th{font-weight:600;background:#f3f5f4}
.phase4-chart-example{margin:1.5rem 0}.phase4-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.phase4-chart{border:1px solid var(--line);padding:1.2rem;border-radius:12px;background:#f5f0e6}.phase4-chart h4{margin:0 0 .5rem}
.phase4-bar-row{display:grid;grid-template-columns:80px 1fr 20px;gap:12px;align-items:center;font-size:.82rem;margin-top:1rem}
.phase4-bar-track{height:16px;background:rgba(117,96,58,.08);border-left:1px solid #8c7851}.phase4-bar-track>span{display:block;height:100%;background:#8c7851;border-radius:0 2px 2px 0}
.phase4-chart-example figcaption{font-size:.85rem;color:var(--muted);margin-top:.8rem}
.phase4-comparison{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:1rem 0}.phase4-comparison article{border-left:2px solid var(--line);padding-left:1rem}
.phase4-blocks{background:#f5f0e6}.phase4-block-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.phase4-block-grid article{border-top:1px solid #d9cfbc;padding-top:1.5rem}.phase4-block-grid article>span{color:#78623e;font-size:.9rem}.phase4-block-grid h3{font-size:1.2rem;line-height:1.4;margin:1rem 0}
.phase4-block-grid p,.phase4-block-grid li{font-size:.94rem;color:var(--muted)}
.phase4-materials{background:#f3f5f4;border-block:1px solid var(--line)}.phase4-material-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:4rem;align-items:start}
.phase4-material-layout h2{max-width:22ch}.phase4-material-layout p{color:var(--muted)}.phase4-file-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem}
.phase4-file-list li{padding:1rem 0;border-top:1px solid var(--line);font-size:.9rem}
.phase4-rubric{border-top:1px solid var(--line);margin-bottom:1.5rem}.phase4-rubric details{border-bottom:1px solid var(--line)}.phase4-rubric h3{margin:0;font-size:1.1rem}
.phase4-rubric dl{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:0 0 1.5rem}.phase4-rubric dt{font-size:.9rem;font-weight:650;margin-bottom:.5rem}.phase4-rubric dd{color:var(--muted);margin:0}
.phase4-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.phase4-link-grid>a{border:1px solid var(--line);border-radius:22px;background:var(--tone);padding:2rem;transition:background-color .2s,border-color .2s}
.phase4-link-grid>a:hover{border-color:var(--blue);background:#fff}.phase4-link-grid>a>span:first-child{font-size:.85rem;color:var(--muted)}.phase4-link-grid h3{font-size:1.5rem;margin:1.2rem 0}.phase4-link-grid p{color:var(--muted);max-width:55ch}.phase4-next-compact{padding-block:3rem}
@media(max-width:800px){.phase4-case-steps,.phase4-charts,.phase4-comparison,.phase4-material-layout,.phase4-rubric dl,.phase4-link-grid,.phase4-block-grid{grid-template-columns:1fr;gap:1.5rem}.phase4-worked-example{padding-inline:1rem}.phase4-file-list{grid-template-columns:1fr}.phase4-bar-row{grid-template-columns:72px 1fr 20px}.phase4-link-grid>a{padding:1.5rem}.phase4-preparation{padding-block:2rem}}
@media(prefers-reduced-motion:reduce){.phase4-link-grid>a{transition:none}}

.phase4-table-hint{display:none}
@media(max-width:680px){.phase4-table-hint{display:block;margin-top:-.8rem;margin-bottom:1.5rem}}

.phase4-group-reference{border-left:2px solid #8e9cbe;padding-left:1rem;margin-block:1.5rem;font-weight:600}
.phase4-variant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.phase4-variant-grid>article{padding:2rem;background:var(--tone);border:1px solid var(--line);border-radius:22px}
.phase4-variant-grid>article>h3{font-size:1.65rem;margin-bottom:1rem}
.phase4-variant-grid p,.phase4-variant-grid li{color:var(--muted)}
.phase4-variant-grid h4{font-size:.95rem;line-height:1.5;margin:1.5rem 0 .5rem}
.phase4-variant-grid details{border-block:1px solid var(--line);margin-top:1.8rem}
.phase4-variant-grid summary{display:flex;gap:1rem;justify-content:space-between;align-items:center;padding:1.1rem 0;list-style:none;font-size:.9rem;font-weight:600}
.phase4-variant-grid summary::-webkit-details-marker{display:none}
.phase4-variant-grid details[open] summary>span{transform:rotate(45deg)}
.phase4-variant-grid details>div{padding-bottom:1rem}
.phase4-variant-grid details li{padding-left:1rem;position:relative;font-size:.9rem;margin-block:.5rem}
.phase4-variant-grid details li:before{content:'·';position:absolute;left:0}
.phase4-variant-teacher{display:grid;grid-template-columns:72px 1fr;gap:1rem;margin-top:2rem;align-items:start}
.phase4-variant-teacher img{border-radius:50%;width:72px;height:72px;object-fit:cover}
.phase4-variant-teacher span{font-size:.75rem;color:var(--muted)}
.phase4-variant-teacher h4{font-size:1rem;margin:.4rem 0}.phase4-variant-teacher p{font-size:.82rem;margin-bottom:.5rem;line-height:1.65}
@media(max-width:800px){.phase4-variant-grid{grid-template-columns:1fr}.phase4-variant-grid>article{padding:1.5rem}.phase4-variant-teacher{grid-template-columns:60px 1fr}.phase4-variant-teacher img{width:60px;height:60px}}
@media print{.pilot-sheet-variants{border-top:.25mm solid #cbdce4;padding-top:3mm;margin-top:4mm;font-size:9pt}.pilot-sheet-variants>div{display:grid;grid-template-columns:1fr 1fr;gap:7mm}.pilot-sheet-variants article h4{font-size:10pt}.pilot-sheet-variants article p{margin:1.5mm 0}.pilot-sheet-variants>h3{font-size:11pt}}
@supports(grid-template-rows:subgrid){@media(min-width:801px){.phase4-variant-grid{row-gap:0}.phase4-variant-grid>article{display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:0}}}
