/* Visual walkthrough. The five panels share a grid cell to keep the canvas stable. */
.organisation-flow{scroll-margin-top:120px}
.of-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:32px}
.of-heading h2{margin:0;max-width:680px}.of-heading>p{max-width:320px;font-size:18px;line-height:1.5;margin:0 0 4px;color:#526b63}
.of-heading .of-eyebrow{margin:0 0 15px;font-size:14px;text-transform:none;letter-spacing:0}
.of-flow{background:#193c35;color:#f3f7f3;border-radius:18px;overflow:hidden}
.of-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 36px;color:#cadbd2;border-bottom:1px solid #ffffff17;font-size:14px}
.of-toolbar>span{display:flex;gap:10px;align-items:center}.of-toolbar button{display:flex;gap:12px;align-items:center;border:0;border-radius:0;background:none;color:#c1f99b;font:inherit;padding:8px 0;cursor:pointer}
.of-flow button:focus-visible,.of-source button:focus-visible{outline:2px solid #c1f99b;outline-offset:5px}.of-source button:focus-visible{outline-color:#244140}
.of-scenes{display:grid;min-width:0}.of-scene{grid-area:1/1;display:grid;grid-template-columns:minmax(170px,.62fr) minmax(0,1.65fr);align-items:center;gap:56px;padding:38px 40px;min-height:385px;outline-offset:-4px}
.of-scene[hidden]{display:grid!important;visibility:hidden;pointer-events:none}.of-scene[hidden] .of-arrive,.of-scene[hidden] .of-orbit{animation:none!important}
.of-aside{align-self:center;min-width:0}.of-kicker{color:#bcd3c7;font-size:13px;margin:0 0 20px;line-height:1.5}
.of-stat{display:grid;gap:7px}.of-stat>strong{font-size:76px;letter-spacing:-4px;font-weight:600;line-height:1.1;color:#c1f99b}.of-stat>strong>span{font-size:32px;letter-spacing:-1px;color:#a9c4b7}.of-stat>span{font-size:16px;color:#d4e2da}
.of-follow-up,.of-next-person{display:flex;align-items:center;gap:13px;margin-top:38px;color:#c1f99b}.of-follow-up>div{display:grid;gap:5px}.of-follow-up strong{font-weight:600;font-size:17px}.of-follow-up span{color:#bcd3c7;font-size:12px}
.of-next-person{color:#c4d8cd;font-size:13px;line-height:1.55}.of-next-person strong{color:#f3f7f3;font-size:16px;font-weight:600}.of-next-person>svg:last-child{margin-left:auto}
.of-art{min-width:0}.of-people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.of-person{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:#305149;border-radius:10px;padding:21px 8px;color:#e7efe9;min-height:118px}.of-person>span{font-size:13px;white-space:nowrap}.of-person-face{color:#c1f99b;display:flex}.of-attention{position:absolute;right:12px;top:12px;width:7px;height:7px;background:#c1f99b;border-radius:50%}.of-region-key{display:flex;gap:26px;margin-top:23px;color:#bcd3c7;font-size:12px}.of-region-key b{color:#f3f7f3;font-weight:600;margin-left:5px}
.of-progress-art{display:grid;gap:9px}.of-progress-row{display:grid;grid-template-columns:112px minmax(0,1fr) 42px;gap:16px;align-items:center;padding:10px 12px;border-radius:6px;font-size:12px}.of-progress-row>span{display:flex;align-items:center;gap:9px;white-space:nowrap}.of-progress-row>strong{text-align:right;font-weight:600;font-size:13px}.of-progress-track{height:8px;background:#426056;border-radius:1px;overflow:hidden}.of-progress-track>i{display:block;background:#88b5a0;height:100%;border-radius:1px}.of-selected-learner{background:#ffffff0b;color:#c1f99b}.of-selected-learner .of-progress-track>i{background:#c1f99b}
.of-person-heading{display:flex;gap:14px;align-items:center;color:#c1f99b}.of-person-heading strong{font-weight:600;font-size:23px;letter-spacing:-.4px}.of-reading-note{color:#bcd3c7;font-size:14px;line-height:1.6;margin:22px 0}.of-context-tag{display:inline-block;color:#c1f99b;background:#ffffff0b;padding:6px 12px;font-size:12px;border-radius:4px}.of-time-art{display:grid;grid-template-columns:minmax(180px,1fr) minmax(195px,1fr);gap:26px;align-items:center}.of-time-ring{display:block;width:100%;max-width:280px;margin:auto;font-family:inherit}.of-time-key{display:grid;gap:22px}.of-time-key>div{display:grid;grid-template-columns:7px 1fr auto;gap:10px;align-items:center;font-size:12px;line-height:1.4;color:#d8e5dc}.of-time-key i{height:14px;transform:skewX(-28deg)}.of-time-key strong{white-space:nowrap;font-size:14px;font-weight:600;color:#f3f7f3}.of-result-heading{font-size:29px;font-weight:600;letter-spacing:-.7px;line-height:1.25;color:#c1f99b}
.of-results-art{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:end}.of-score-plot{display:flex;flex-direction:column;align-items:center;gap:18px}.of-score-plot>strong{font-size:30px;font-weight:600;letter-spacing:-1px;color:#c1f99b}.of-score-plot small{font-size:18px;margin-left:2px}.of-score-plot>div{height:140px;width:45px;display:flex;align-items:flex-end}.of-score-plot i{display:block;width:100%;background:#27b996;clip-path:polygon(20% 0,100% 0,80% 100%,0 100%)}.of-result:last-child .of-score-plot i{background:#c1f99b}.of-result>.of-result-name{display:block;font-size:13px;line-height:1.4;margin-top:20px;font-weight:600;min-height:37px;margin-bottom:0}.of-result>span{font-size:12px;color:#bcd3c7;display:block;margin-top:7px}
.of-report-art{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;max-width:640px;margin-left:auto}.of-report{position:relative;grid-column:span 2;background:#edf3ec;color:#244140;min-height:132px;padding:17px 15px 15px;border-radius:6px;display:flex;flex-direction:column;gap:12px;clip-path:polygon(0 0,calc(100% - 17px) 0,100% 17px,100% 100%,0 100%)}.of-report:nth-last-child(2){grid-column:2/span 2}.of-report:last-child{grid-column:4/span 2}.of-report>div{display:flex;align-items:center;justify-content:space-between;color:#397768;gap:4px}.of-report>div span{font-size:12px}.of-report>strong{font-size:13px;font-weight:600;line-height:1.35}.of-report>i{display:block;height:4px;width:75%;background:#c7d8ce}.of-report>i:last-child{width:48%;margin-top:-6px}.of-report-connector{position:absolute;left:16%;right:16%;top:50%;height:1px;background:#81a89a55}
.of-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:0 36px}.of-tabs>button{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:11px;min-width:0;padding:23px 8px 21px;border:0;border-bottom:2px solid #ffffff20;background:transparent;color:#a9c4b7;font:inherit;font-size:13px;cursor:pointer;text-align:left;border-radius:0}.of-tabs>button[aria-selected=true]{color:#c1f99b}.of-tabs>button:after{content:'';position:absolute;bottom:-2px;left:0;width:var(--of-progress,0%);height:2px;background:#c1f99b}.of-tabs>button[aria-selected=true]:before{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#8dad7c}.of-tab-number{font-size:12px;opacity:.8;font-variant-numeric:tabular-nums}.of-tab-short{display:none}
.of-captions{display:grid;padding:27px 36px 30px}.of-caption{display:grid;grid-area:1/1;grid-template-columns:minmax(0,1fr) 200px;gap:35px;align-items:center}.of-caption[hidden]{display:grid!important;visibility:hidden;pointer-events:none}.of-caption h3{font-size:22px;line-height:1.25;font-weight:600;margin:0 0 10px;color:#f3f7f3;letter-spacing:-.3px}.of-caption p{font-size:14px;line-height:1.55;color:#c4d8cd;margin:0;max-width:580px}.of-caption>span{font-size:12px;line-height:1.6;text-align:right;color:#a9c4b7}
.of-source-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0 24px;font-size:12px;color:#526b63}.of-source-heading a{font-size:13px;display:flex;gap:8px;align-items:center}.of-source{border-top:1px solid #ccdbd1;padding-top:8px}.of-source>summary{padding:20px 44px 20px 0;font-size:18px;font-weight:600;cursor:pointer}.of-source-choices{display:flex;gap:23px;flex-wrap:wrap;margin:8px 0 23px}.of-source-choices>button{font:inherit;font-size:14px;color:#526b63;background:none;padding:8px 0;border:0;border-bottom:2px solid transparent;border-radius:0;cursor:pointer}.of-source-choices>button[aria-pressed=true]{color:#244140;border-color:#244140}.of-source-panel>p{max-width:900px;font-size:14px;line-height:1.6;margin:20px 0;color:#526b63}.of-source-panel[hidden]{display:none!important}
.of-arrive{animation:of-arrive 650ms cubic-bezier(.2,.7,.25,1) both;animation-delay:calc(var(--of-order,0)*70ms)}.of-orbit{animation:of-orbit 900ms ease both;animation-delay:calc(var(--of-order,0)*95ms)}
@keyframes of-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes of-orbit{from{opacity:.15}to{opacity:1}}
@media(min-width:1450px){.of-scene{min-height:410px;gap:80px}.of-person{min-height:130px}.of-report-art{width:100%}}
@media(max-width:1000px){.of-scene{gap:28px;padding:30px;grid-template-columns:minmax(160px,.55fr) minmax(0,1.5fr)}.of-toolbar{padding:20px 30px}.of-tabs{padding:0 26px}.of-tabs>button{gap:6px;font-size:12px}.of-time-art{grid-template-columns:1fr;gap:10px}.of-time-ring{max-width:190px}.of-time-key{gap:10px}.of-results-art{gap:12px}.of-captions{padding:26px}.of-caption{grid-template-columns:1fr 160px;gap:20px}.of-person{padding:18px 5px}.of-person>span{font-size:12px}}
@media(max-width:700px){.organisation-flow{scroll-margin-top:80px}.of-heading{display:block;margin-bottom:24px}.of-heading>p{font-size:16px;margin-top:18px;max-width:300px}.of-flow{border-radius:14px}.of-toolbar{padding:15px 18px;font-size:12px;gap:12px;min-height:62px}.of-toolbar>span{gap:7px;max-width:55%;line-height:1.4}.of-toolbar>span>svg{width:15px;min-width:15px}.of-toolbar button{font-size:12px;gap:7px;white-space:nowrap}.of-toolbar button>svg{width:12px}.of-scene{grid-template-columns:1fr;grid-template-rows:110px auto;gap:20px;padding:24px 20px 28px;min-height:457px;align-content:start;align-items:center}.of-aside{position:relative;display:grid;align-content:center;min-height:105px;padding-right:130px;align-self:start}.of-kicker{font-size:12px;margin-bottom:10px}.of-stat{gap:2px}.of-stat>strong{font-size:44px;letter-spacing:-2px}.of-stat>strong>span{font-size:24px}.of-stat>span{font-size:12px}.of-follow-up,.of-next-person{position:absolute;right:0;top:38px;width:115px;margin:0;gap:8px}.of-follow-up>svg{width:17px;flex-shrink:0}.of-follow-up strong{font-size:13px}.of-follow-up span{font-size:12px;line-height:1.4}.of-next-person{font-size:12px}.of-next-person strong{font-size:13px}.of-next-person>svg:first-child{display:none}.of-next-person>svg:last-child{width:15px}.of-people{gap:9px}.of-person{min-height:95px;gap:10px;padding:15px 4px;border-radius:6px}.of-person>span{font-size:12px}.of-person-face>svg{width:24px}.of-attention{width:5px;height:5px;right:8px;top:8px}.of-region-key{font-size:12px;gap:15px;margin-top:18px;justify-content:space-between}.of-region-key>span:last-child{max-width:150px;text-align:right;line-height:1.4;text-wrap:balance}.of-progress-art{gap:4px}.of-progress-row{grid-template-columns:86px minmax(0,1fr) 30px;gap:10px;padding:9px 6px;font-size:12px}.of-progress-row>span{gap:5px}.of-progress-row>span>svg{width:12px}.of-progress-row>strong{font-size:12px}.of-progress-track{height:7px}.of-person-heading{gap:8px}.of-person-heading strong{font-size:20px}.of-person-heading>svg{width:20px}.of-reading-note{font-size:12px;margin:0;position:absolute;right:0;top:36px;max-width:119px;line-height:1.5}.of-context-tag{padding:3px 7px;font-size:12px;width:fit-content;margin-top:10px}.of-time-art{grid-template-columns:125px 1fr;gap:17px;align-self:center;min-height:225px}.of-time-key{gap:16px}.of-time-key>div{font-size:12px;grid-template-columns:5px 1fr;gap:5px 9px}.of-time-key strong{font-size:12px;grid-column:2}.of-time-key i{grid-row:1/3}.of-result-heading{font-size:23px}.of-results-art{gap:10px;align-self:center;padding-top:10px}.of-score-plot{gap:13px}.of-score-plot>strong{font-size:24px}.of-score-plot small{font-size:13px}.of-score-plot>div{width:34px;height:120px}.of-result>.of-result-name{font-size:12px;min-height:30px;margin-top:15px}.of-result>span{font-size:12px;margin-top:6px}.of-report-art{width:100%;gap:10px;align-self:start}.of-report{min-height:109px;padding:12px 9px;gap:10px}.of-report>div>svg{width:18px}.of-report>div span{font-size:8px}.of-report>strong{font-size:12px}.of-report>i{height:3px}.of-tabs{padding:0 16px;gap:0}.of-tabs>button{flex-direction:column;align-items:center;justify-content:center;padding:13px 0 15px;gap:6px;font-size:12px;min-height:65px}.of-tab-long{display:none}.of-tab-short{display:inline}.of-tab-number{font-size:12px}.of-captions{padding:22px 20px 24px}.of-caption{grid-template-columns:1fr;gap:14px;align-content:start}.of-caption h3{font-size:20px;margin-bottom:9px}.of-caption p{font-size:12px;line-height:1.55}.of-caption>span{text-align:left;font-size:12px}.of-source-heading{align-items:flex-start;flex-direction:column;gap:12px;font-size:12px;margin:16px 0 22px}.of-source-heading a{font-size:12px}.of-source>summary{font-size:16px}.of-source-choices{gap:5px 18px}.of-source-choices>button{font-size:12px}.of-source-panel>p{font-size:12px}.of-source .corporate-screen figcaption{font-size:12px;display:grid;gap:10px}}
@media(prefers-reduced-motion:reduce){.of-flow *{animation:none!important;transition:none!important}}
@media(forced-colors:active){.of-flow{border:1px solid CanvasText;background:Canvas;color:CanvasText}.of-flow *{animation:none!important;transition:none!important}.of-progress-track,.of-score-plot i{border:1px solid CanvasText}.of-tabs>button[aria-selected=true]{border-bottom:3px solid Highlight}.of-person,.of-report{border:1px solid CanvasText}}
.motion-off .of-flow *{animation:none!important;transition:none!important}
.of-toolbar button:disabled{opacity:.6;cursor:default}

/* September 7 refinement: one paper canvas, six chapters, an explicit skills preview. */
.of-flow{display:flex;flex-direction:column;background:#f3f7f3;color:#244140;border-radius:16px}
.of-toolbar{order:0;background:#244140;color:#f3f7f3;border:0;font-size:14px;padding:18px 32px}
.of-tabs{order:1;grid-template-columns:repeat(6,minmax(0,1fr));padding:14px 24px 0;gap:5px;background:#e8efea}
.of-tabs>button{border:0;padding:14px 10px;color:#526b63;font-size:13px;gap:8px;border-radius:8px 8px 0 0;min-height:66px;line-height:1.4}
.of-tabs>button[aria-selected=true]{background:#f3f7f3;color:#244140;font-weight:600}
.of-tabs>button[aria-selected=true]:before{height:2px;background:#a5bdad;bottom:0;left:10px;right:10px}
.of-tabs>button:after{background:#244140;bottom:0;left:10px;max-width:calc(100% - 20px)}
.of-flow button:focus-visible{outline-color:#244140;outline-offset:-3px}.of-toolbar button:focus-visible{outline-color:#c1f99b;outline-offset:5px}
.of-tab-number{font-size:12px;opacity:1;font-weight:400}
.of-scenes{order:2}.of-scene{min-height:440px;gap:42px;padding:32px}
.of-kicker,.of-reading-note,.of-stat>span,.of-follow-up span,.of-region-key,.of-time-key>div,.of-result>span{color:#526b63}
.of-kicker{font-size:14px}.of-stat>strong,.of-stat>strong>span,.of-follow-up,.of-person-heading,.of-result-heading,.of-score-plot>strong,.of-next-person,.of-next-person strong,.of-region-key b,.of-time-key strong{color:#244140}
.of-stat>strong{font-size:68px}.of-follow-up span{font-size:13px}.of-person{background:#e3ede5;color:#244140;border-radius:10px}.of-person-face{color:#244140}.of-attention{background:#8b5900;width:8px;height:8px}
.of-person:has(.of-attention){background:#edf1dc}.of-region-key{font-size:13px}
.of-progress-row{font-size:13px;padding:11px 10px}.of-progress-row>strong{font-size:14px;font-weight:600}.of-progress-track{background:#d5e1d8}.of-progress-track>i{background:#739c87}.of-selected-learner{background:#e3efdc;color:#244140}.of-selected-learner .of-progress-track>i{background:#258b76}
.of-context-tag{color:#244140;background:#e3eddf}.of-time-ring text{fill:#244140}.of-time-ring>circle:first-child{stroke:#d5e1d8}.of-time-key>div{font-size:13px}.of-time-key strong{font-size:14px}
.of-score-plot i{background:#279b80}.of-result:last-child .of-score-plot i{background:#244140}.of-result>.of-result-name{font-size:14px;font-weight:600}.of-result>span{font-size:12px}
.of-report{background:#e0ebe2;border-radius:8px;min-height:140px}.of-report>strong{font-size:14px}.of-report>div span{font-size:12px}.of-report>div{color:#244140}.of-report>i{background:#a9c6b4}.of-report-connector{background:#9ebbaa}
.of-captions{order:3;padding:24px 32px 28px;border-top:1px solid #d5e1d8;margin:0 32px;padding-left:0;padding-right:0}
.of-caption h3{color:#244140;font-weight:600;font-size:24px}.of-caption p{color:#526b63;font-size:15px}.of-caption>span{color:#526b63;font-size:12px}
.of-source-heading{font-size:13px}.of-source-heading a{font-size:14px}
.of-skills-mark{width:100px;margin:0 0 20px}.of-skills-mark svg{width:100%;display:block}.of-skills-aside .of-reading-note strong{color:#244140;font-weight:600}
.of-skill-switch{display:flex;gap:5px;align-items:center;background:#e1eae3;padding:4px;border-radius:8px;width:fit-content}
.of-skill-switch button{display:flex;align-items:center;gap:7px;padding:9px 14px;border:0;border-radius:5px;background:none;color:#526b63;font:inherit;font-size:13px;cursor:pointer}
.of-skill-switch button[aria-pressed=true]{color:#f3f7f3;background:#244140}
.of-skill-views{display:grid}.of-skill-views>div{grid-area:1/1}.of-skill-views>div[hidden]{display:block!important;visibility:hidden;pointer-events:none}.of-skill-views>div[hidden] .of-arrive{animation:none!important}
.of-skill-coverage{font-size:12px;color:#526b63;margin:13px 0 20px}.of-skill-rows{display:grid;gap:17px}
.of-skill-row>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:14px;margin-bottom:8px}.of-skill-row strong{font-weight:600}.of-skill-row>div:first-child>span{font-size:16px;font-weight:600;white-space:nowrap}
.of-skill-track{position:relative;height:7px;background:#d5e1d8;border-radius:1px}.of-skill-track>i{display:block;height:100%;background:#278e77;transform-origin:left;animation:of-skill-fill 700ms cubic-bezier(.22,.7,.25,1) both;animation-delay:calc(var(--of-order,0)*100ms)}.of-skill-track>b{position:absolute;top:-4px;height:15px;width:2px;background:#244140;box-shadow:0 0 0 2px #f3f7f3}
.of-skill-row small{font-size:12px;color:#526b63;display:block;margin-top:8px}.of-skill-focus>div:first-child>span{color:#815600}.of-skill-focus .of-skill-track>i{background:#c5983f}.of-no-evidence{font-size:12px;color:#526b63;background:#e8efea;padding:8px 10px;border-radius:4px}
.of-skill-key{display:flex;gap:24px;font-size:12px;color:#526b63;margin-top:19px}.of-skill-key span{display:flex;gap:8px;align-items:center}.of-skill-key i{width:18px;height:6px;background:#278e77}.of-skill-key b{height:13px;width:2px;background:#244140}.of-skill-foot{font-size:12px;color:#526b63;margin:12px 0 0}
@keyframes of-skill-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.of-scene[hidden] .of-skill-track>i,.of-skill-views>div[hidden] .of-skill-track>i{animation:none!important}
@media(max-width:1100px){.of-tab-long{display:none}.of-tab-short{display:inline}.of-tabs>button{justify-content:center;min-height:58px}.of-scene{gap:28px}.of-caption{grid-template-columns:1fr 165px}.of-skills-mark{width:85px}}
@media(max-width:700px){
 .of-toolbar{padding:14px 20px;font-size:12px}.of-toolbar button{font-size:12px}.of-toolbar>span{max-width:50%}
 .of-tabs{grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 12px;gap:5px;background:#e8efea}.of-tabs>button{flex-direction:row;font-size:13px;border-radius:6px;padding:10px 6px;gap:7px;min-height:43px}.of-tab-number{font-size:12px}.of-tabs>button[aria-selected=true]:before,.of-tabs>button:after{bottom:0;left:6px;right:6px}.of-tabs>button:after{max-width:calc(100% - 12px)}
 .of-scene{min-height:505px;padding:22px 20px 26px;grid-template-rows:105px auto;gap:17px}.of-aside{padding-right:128px;min-height:105px}.of-kicker{font-size:12px;margin-bottom:8px}.of-stat>strong{font-size:48px}.of-stat>span{font-size:12px}.of-follow-up span{font-size:12px}.of-follow-up strong{font-size:14px}.of-follow-up{width:119px;top:33px}.of-person{min-height:105px;border-radius:8px}.of-person>span{font-size:12px}.of-region-key{font-size:12px;line-height:1.4}.of-progress-row{font-size:12px;padding:10px 5px;grid-template-columns:92px minmax(0,1fr) 32px}.of-progress-row>strong{font-size:12px}
 .of-time-art{grid-template-columns:125px 1fr;gap:15px}.of-time-key>div{font-size:12px}.of-time-key strong{font-size:12px}.of-reading-note{font-size:12px}.of-result>.of-result-name{font-size:12px;min-height:33px}.of-result>span{font-size:12px}.of-score-plot>strong{font-size:26px}.of-report{min-height:119px;padding:12px 9px}.of-report>strong{font-size:12px}.of-report>div span{font-size:12px}.of-report-art{gap:10px}
 .of-captions{margin:0 20px;padding:23px 0}.of-caption{grid-template-columns:1fr;gap:13px}.of-caption h3{font-size:21px}.of-caption p{font-size:14px}.of-caption>span{font-size:12px}.of-source-heading{font-size:12px}.of-source-heading a{font-size:13px}
 .of-skills-aside{padding:0 90px 0 0;min-height:90px}.of-skills-mark{position:absolute;right:0;top:10px;width:75px;margin:0}.of-skills-aside .of-reading-note{position:static;max-width:none;font-size:12px;margin-top:8px}.of-skills-aside .of-reading-note br{display:none}.of-skills-aside .of-reading-note strong{display:block}.of-skills-aside .of-result-heading{font-size:24px}
 .of-skill-switch{width:100%;justify-content:center}.of-skill-switch button{font-size:12px;padding:9px 10px;flex:1;justify-content:center}.of-skill-coverage{font-size:12px;margin:10px 0 16px}.of-skill-rows{gap:15px}.of-skill-row>div:first-child{font-size:13px}.of-skill-row>div:first-child>span{font-size:14px}.of-skill-key{font-size:12px;gap:18px}.of-skill-foot{font-size:12px}
}
@media(max-width:380px){.of-scene{padding-left:15px;padding-right:15px}.of-toolbar{padding:12px 15px}.of-toolbar>span>svg{display:none}.of-toolbar button{font-size:12px}.of-time-art{grid-template-columns:112px 1fr;gap:12px}.of-result>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.of-flow *{animation:none!important;transition:none!important}}
@media(forced-colors:active){.of-flow,.of-tabs,.of-toolbar{background:Canvas;color:CanvasText}.of-tabs>button[aria-selected=true],.of-skill-switch button[aria-pressed=true]{border:2px solid Highlight}.of-skill-track>i{background:Highlight}.of-skill-track>b{background:CanvasText}.of-flow *{animation:none!important;transition:none!important}}