/* IELTS Online v248 — isolated page styles; shared shell untouched */
.io{background:#fff;color:#183448;font-family:Arial,sans-serif}.io *{box-sizing:border-box}.io .wrap{max-width:1190px;margin:auto;padding:0 28px}.io h1,.io h2,.io h3{font-family:Georgia,serif;letter-spacing:-.035em}.io h2{font-size:clamp(29px,3.3vw,43px);line-height:1.15;margin:8px 0 14px}.io h2 em,.io h1 em{font-style:normal;color:#a7444e}.io p{line-height:1.6}.io-kicker{font-size:11px!important;letter-spacing:.14em;color:#a7444e;font-weight:800;margin:0 0 11px!important}.io-section{padding:60px 0}.io-two{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.io-two>p,.io-head>p{max-width:465px;color:#60747a}.io-hero{min-height:555px;position:relative;isolation:isolate;background:#ecece6;overflow:hidden}.io-hero-photo{position:absolute;inset:0;z-index:-2;background:linear-gradient(110deg,#f4eee5,#e6eae6 62%,#c7d7d1);display:flex;justify-content:flex-end;align-items:flex-end;padding:24px}.io-hero-photo span{border:1px dashed #92a8a3;background:#ffffff80;color:#5b7472;padding:11px;font-size:10px;letter-spacing:.09em}.io-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f4efe8f7,#f4efe8e0 39%,transparent 83%)}.io-hero-inner{min-height:555px;display:flex;align-items:center}.io-hero-copy{max-width:680px;padding:65px 0}.io-back{font-size:13px;color:#3b6b69;text-decoration:none;display:inline-block;margin-bottom:30px}.io h1{font-size:clamp(46px,5.6vw,74px);line-height:1.07;margin:0 0 19px}.io-hero-copy>p:not(.io-kicker){max-width:540px;font-size:17px;color:#4c626a}.io-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:24px 0}.io-actions>a:not(.io-btn){font-size:14px;color:#1c6968;text-decoration:none;font-weight:700}.io-btn{display:inline-flex;background:#a7444e;color:white!important;text-decoration:none;padding:13px 20px;border-radius:5px;font-size:14px;font-weight:700}.io-btn:hover{background:#85323c}.io-badges{display:flex;gap:8px;flex-wrap:wrap}.io-badges span{border:1px solid #c4d0cc;border-radius:30px;padding:6px 10px;font-size:11px;font-weight:700;background:#ffffffad}.io-why{background:#fff}.io-why p{color:#60747a}.io-contrast{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.io-contrast>div{padding:17px;background:#f3f6f3;border-top:3px solid #a9c2b9;border-radius:7px}.io-contrast>div+div{background:#fcf4f2;border-color:#b85762}.io-contrast small{display:block;font-size:10px;letter-spacing:.1em;color:#60747a;font-weight:700;margin-bottom:9px}.io-contrast b{font-size:13px;line-height:1.5}.io-method{background:#f7f8f5}.io-head{align-items:end;margin-bottom:24px}.io-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.io-steps article{border:1px solid #dfe8e3;border-radius:8px;background:white;padding:19px 17px}.io-steps article>span{font-size:10px;letter-spacing:.1em;color:#a7444e;font-weight:800}.io-steps h3{font-size:24px;margin:12px 0 6px}.io-steps p{font-size:13px;color:#61767b;margin:0}.io-method-foot{margin:16px 0 0;font-size:13px;border-top:1px solid #dce4df;padding-top:14px;color:#61747a}.io-method-foot b{color:#a7444e}.io-lab{background:#f0f4ef}.io-gallery{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.75fr);border:1px solid #d5e1db;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 12px 35px #1d3d3510}.io-screen{background:#e7eee8;padding:16px}.io-screen-top{display:flex;align-items:center;justify-content:space-between;background:white;border:1px solid #d7e2dd;border-bottom:0;border-radius:8px 8px 0 0;padding:10px 13px;font-size:11px}.io-screen-top span{color:#b7c5c0}.io-screen-top small{font-size:9px;color:#6b8581;letter-spacing:.08em}.io-screen-placeholder{min-height:260px;border:1px solid #d7e2dd;border-radius:0 0 8px 8px;background:repeating-linear-gradient(0deg,#f9fbf9,#f9fbf9 22px,#f1f5f2 23px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;padding:24px}.io-screen-placeholder strong{color:#426e6b;letter-spacing:.12em;font-size:12px}.io-screen-placeholder p{font:26px Georgia,serif;margin:0;color:#254c50}.io-screen-placeholder small{color:#7e9892;font-size:10px;letter-spacing:.1em}.io-gallery-copy{padding:28px 25px;display:flex;flex-direction:column;align-items:flex-start}.io-gallery-copy>small{font-size:11px;font-weight:800;color:#a7444e;letter-spacing:.12em}.io-gallery-copy h3{font-size:27px;line-height:1.18;margin:18px 0 8px}.io-gallery-copy p{font-size:14px;color:#5f7479}.io-gallery-copy a{font-size:13px;font-weight:700;color:#1f716c;text-decoration:none}.io-arrows{margin-top:auto;display:flex;gap:8px;padding-top:20px}.io-arrows button{width:37px;height:37px;border:1px solid #cbd9d2;border-radius:50%;background:#f8faf8;color:#204c4d;cursor:pointer}.io-app-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.io-app-tabs button,.io-skill-tabs button{background:white;border:1px solid #cfdcd5;border-radius:5px;color:#365e60;padding:9px 12px;font-size:12px;font-weight:700;cursor:pointer}.io-app-tabs button.active,.io-skill-tabs button.active{background:#285f5c;color:#fff;border-color:#285f5c}.io-lab-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;font-size:14px}.io-lab-foot a,.io-inline{color:#1d6e6b;text-decoration:none;font-weight:700}.io-skills-grid{align-items:center}.io-skills-grid>div>p:last-child{color:#62777b}.io-skill-box{background:#f8faf8;border:1px solid #dbe5df;border-radius:10px;padding:19px}.io-skill-tabs{display:flex;gap:7px;flex-wrap:wrap}.io-skill-copy{padding:20px 5px 6px;min-height:125px}.io-skill-copy small{color:#a7444e;font-size:10px;letter-spacing:.12em;font-weight:800}.io-skill-copy h3{font-size:27px;margin:9px 0}.io-skill-copy p{margin:0;font-size:14px;color:#63777c}.io-human{background:#faf9f5}.io-teacher-placeholder{min-height:300px;border:1px dashed #aabbb5;background:linear-gradient(125deg,#e6eee7,#f4eae2);border-radius:11px;display:grid;place-items:center;color:#587873;font-size:11px;letter-spacing:.12em;text-align:center;padding:30px}.io-human-grid h2{font-size:clamp(28px,3vw,39px)}.io-human-grid p{color:#61757a}.io-human-grid .io-badges{margin:18px 0}.io-inline{font-size:13px}.io-final{padding:53px 0;background:#f6eee8;border-top:1px solid #e9dbd5}.io-final .io-two{align-items:center}.io-final p{color:#596d73}.io-final-back{display:inline-block;margin-left:16px;color:#286a68;text-decoration:none;font-size:13px;font-weight:700}@media(max-width:850px){.io-two,.io-gallery{grid-template-columns:1fr;gap:22px}.io-steps{grid-template-columns:repeat(2,1fr)}.io-section{padding:45px 0}.io-gallery-copy{padding:22px}.io-arrows{margin-top:10px}.io-hero{min-height:500px}.io-hero-inner{min-height:500px}.io-hero-photo span{font-size:9px}}@media(max-width:550px){.io .wrap{padding-left:17px;padding-right:17px}.io h1{font-size:44px}.io-hero-copy{padding:55px 0}.io-hero:before{background:linear-gradient(90deg,#f4efe8f5,#f4efe8d9 80%,#f4efe890)}.io-hero-photo span{max-width:160px;text-align:right}.io-steps,.io-contrast{grid-template-columns:1fr}.io-app-tabs button{flex:1 1 44%}.io-screen-placeholder{min-height:205px}.io-lab-foot{align-items:flex-start;flex-direction:column}.io-final-back{display:block;margin:14px 0 0}.io-skill-tabs button{flex:1 1 42%}}@media(prefers-reduced-motion:reduce){.io *{scroll-behavior:auto!important;transition:none!important}}

/* v249 — The Practice Trap: compact accessible motion illustration */
.io-trap{padding:49px 0 42px;background:#fff}.io-trap-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:end;margin-bottom:22px}.io-trap-intro>p{max-width:420px;color:#5d7377;margin:0 0 5px}.io-trap-stage{display:grid;grid-template-columns:1fr 1fr;gap:14px}.io-trap-lane{border-radius:12px;border:1px solid #dbe3df;padding:20px 22px 18px;min-width:0;position:relative;overflow:hidden}.io-trap-repeat{background:#f7f7f4}.io-trap-guided{background:#eff8f4;border-color:#c8ded5}.io-trap-top{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#627578;font-size:10px;font-weight:800;letter-spacing:.09em}.io-trap-status{color:#9a5c4e;background:#f6e8e2;border-radius:30px;padding:5px 9px}.io-trap-guided .io-trap-status{color:#267268;background:#d8eee5}.io-trap-metric{display:flex;gap:11px;align-items:baseline;min-height:68px;padding-top:10px}.io-trap-metric strong{font:52px/1 Georgia,serif;color:#43575b;font-variant-numeric:tabular-nums}.io-trap-metric span{font-size:12px;color:#6b7c7e}.io-trap-steps{min-height:68px;display:flex;flex-wrap:wrap;gap:5px;align-items:center;padding-top:12px}.io-trap-steps span{font-size:10px;border:1px solid #cadbd3;background:#fff;border-radius:30px;padding:6px 8px;color:#667d79;transition:background .35s,color .35s}.io-trap-steps span.active{background:#28736b;color:#fff;border-color:#28736b}.io-trap-track{height:5px;border-radius:10px;background:#dce4df;overflow:hidden;margin:8px 0 18px}.io-trap-track>span{display:block;height:100%;width:10%;border-radius:10px;background:#c3917b;transition:width .7s ease}.io-trap-guided .io-trap-track>span{background:#33897c}.io-trap-example{font:19px/1.4 Georgia,serif!important;color:#23414b!important;min-height:54px;margin:0 0 7px}.io-trap-message{font-size:12px;color:#63777a;min-height:20px}.io-trap-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #e1e8e3;padding:19px 0 14px}.io-trap-bottom strong,.io-trap-bottom span{display:block;font:clamp(19px,2.2vw,26px)/1.25 Georgia,serif}.io-trap-bottom span{color:#a7444e;font-style:italic}.io-trap-controls{display:flex;gap:8px;flex-shrink:0}.io-trap-controls button{border:1px solid #cbd8d2;background:white;border-radius:5px;color:#275c59;padding:9px 12px;font-size:12px;font-weight:700;cursor:pointer}.io-trap-controls button:hover,.io-trap-controls button:focus-visible{background:#edf5f0;outline-color:#28736b}.io-trap-disclaimer{font-size:11px;color:#768789;margin:9px 0 0}.io-trap-stage[data-done="true"] .io-trap-guided{box-shadow:0 0 0 2px #b5d7ca inset}@media(max-width:760px){.io-trap-intro{grid-template-columns:1fr;gap:4px}.io-trap-stage{grid-template-columns:1fr}.io-trap{padding:40px 0}.io-trap-bottom{align-items:flex-start;flex-direction:column}.io-trap-steps span{font-size:10px}}@media(prefers-reduced-motion:reduce){.io-trap *{transition:none!important;animation:none!important}}

/* v250 — C2 Method: connected interactive journey; isolated to IELTS Online */
.io-method-v250{padding:49px 0 43px}.io-method-v250 .io-head{margin-bottom:18px}.io-method-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;gap:0;margin:12px 0 17px;isolation:isolate}.io-method-path:before{content:"";position:absolute;left:12.5%;right:12.5%;top:54px;height:2px;background:#d7e2dd;z-index:-1}.io-method-path-fill{position:absolute;left:12.5%;top:54px;width:0;height:2px;background:#b34752;z-index:-1;transition:width .45s ease;pointer-events:none}.io-method-step{appearance:none;background:transparent;border:0;text-align:center;cursor:pointer;padding:0 7px 8px;color:#61787b;min-width:0}.io-method-step:focus-visible{outline:3px solid #26766e;outline-offset:3px;border-radius:5px}.io-method-index{display:block;font:28px/1 Georgia,serif;color:#a1b0ac;margin-bottom:11px;transition:color .25s}.io-method-dot{display:block;margin:0 auto 12px;width:14px;height:14px;background:#fff;border:3px solid #a8bdb5;border-radius:50%;box-shadow:0 0 0 6px #f7f8f5;transition:background .25s,border-color .25s}.io-method-step strong{display:block;font:21px/1.2 Georgia,serif;color:#254153}.io-method-step small{display:block;margin-top:5px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.io-method-step.active .io-method-index{color:#ad4550}.io-method-step.active .io-method-dot{background:#ad4550;border-color:#ad4550}.io-method-step.active strong{color:#ad4550}.io-method-detail{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;background:#fff;border:1px solid #dce5e0;border-radius:9px;padding:20px 24px;min-height:156px;box-shadow:0 8px 24px #1c4a3910}.io-method-eyebrow,.io-method-example>span{display:block;font-size:10px;letter-spacing:.12em;color:#a7444e;font-weight:800}.io-method-detail h3{font-size:25px;margin:8px 0 6px}.io-method-detail p{font-size:13px;line-height:1.55;color:#536c72;margin:0}.io-method-example{background:#f0f6f2;border-left:3px solid #4c988b;border-radius:3px;padding:17px 19px}.io-method-example p{font:17px/1.45 Georgia,serif;color:#284a50;margin-top:9px}.io-method-footer{display:flex;align-items:center;gap:10px;margin-top:13px;font-size:12px;color:#64787b}.io-method-footer strong{color:#a7444e;white-space:nowrap}.io-method-footer>span{flex:1}.io-method-controls{display:flex;gap:7px}.io-method-controls button{background:#fff;border:1px solid #ccd9d2;border-radius:5px;color:#285e5b;padding:8px 12px;cursor:pointer;font-size:12px;font-weight:700}.io-method-controls button:hover{background:#eaf2ee}.io-method-controls button:focus-visible{outline:3px solid #28766e}.io-method-controls button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:650px){.io-method-v250{padding:40px 0}.io-method-step strong{font-size:16px}.io-method-index{font-size:23px}.io-method-path:before,.io-method-path-fill{top:46px}.io-method-dot{margin-bottom:9px}.io-method-detail{grid-template-columns:1fr;gap:13px;padding:17px;min-height:0}.io-method-detail h3{font-size:22px}.io-method-footer{flex-wrap:wrap}.io-method-footer>span{flex-basis:60%}.io-method-controls{margin-left:auto}}@media(prefers-reduced-motion:reduce){.io-method-path-fill,.io-method-dot,.io-method-index{transition:none!important}}

/* v251 — smooth eight-second progress; manual and reduced-motion safe */
.io-method-v250 .io-method-path-fill{transition:none!important;will-change:width;height:3px;top:53.5px;border-radius:10px;box-shadow:0 0 9px #b3475230}
.io-method-v250 .io-method-step.completed .io-method-dot{background:#b34752;border-color:#b34752}
.io-method-v250 .io-method-step.completed .io-method-index{color:#b34752}
.io-method-v250 .io-method-controls button:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:650px){.io-method-v250 .io-method-path-fill{top:45.5px}}
@media(prefers-reduced-motion:reduce){.io-method-v250 .io-method-path-fill{box-shadow:none;will-change:auto}}

/* v252 — approved local IELTS Online photography; code-only references.
   Files supplied separately by the site owner in assets/images/ielts-online/. */
.io .io-hero-photo{
  background-image:url('../assets/images/ielts-online/ielts-online-hero.webp');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}
.io .io-method-v250{position:relative;isolation:isolate;background:#f7f8f5}
.io .io-method-v250::before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:url('../assets/images/ielts-online/c2-method-teacher-background.webp');
  background-repeat:no-repeat;background-size:cover;background-position:center center;
  opacity:.65;
}
/* Preserve high contrast for the method interface and readable hero copy. */
.io .io-hero::before{background:linear-gradient(90deg,rgba(248,245,239,.96) 0%,rgba(248,245,239,.86) 30%,rgba(248,245,239,.22) 58%,transparent 80%)}
@media(max-width:850px){
  .io .io-hero-photo{background-position:65% center}
  .io .io-method-v250::before{background-position:65% center;opacity:.48}
}
@media(max-width:550px){
  .io .io-hero-photo{background-position:72% center}
  .io .io-hero::before{background:linear-gradient(90deg,rgba(248,245,239,.98),rgba(248,245,239,.91) 65%,rgba(248,245,239,.72))}
  .io .io-method-v250::before{opacity:.3}
}

/* v253 — Hybrid Learning Lab: real public apps + private IELTS Focus preview */
.io-live-stage{position:relative;min-height:355px;background:#fff;border:1px solid #d7e2dd;border-radius:0 0 8px 8px;overflow:hidden}
.io-live-stage iframe{display:block;width:100%;height:355px;border:0;background:#fff}
.io-live-stage iframe[hidden],.io-live-stage [hidden]{display:none!important}
.io-live-loading{position:absolute;inset:0;z-index:2;background:#f7faf8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#315d5a;font-size:13px;text-align:center;padding:24px}
.io-live-loading small{color:#667e79}.io-live-pulse{width:21px;height:21px;border:3px solid #d5e7e1;border-top-color:#b44955;border-radius:50%;animation:io-spin .8s linear infinite}
@keyframes io-spin{to{transform:rotate(360deg)}}
.io-live-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 2px 0;color:#527b72;font-size:10px;font-weight:800;letter-spacing:.09em}
.io-live-bar a{color:#1c706c;font-size:12px;letter-spacing:normal;text-decoration:none}.io-live-bar a:hover{text-decoration:underline}
.io-focus-preview{padding:25px;background:linear-gradient(135deg,#f9faf7,#e9f2ed);min-height:355px}
.io-focus-eyebrow{color:#a7444e;font-size:10px;font-weight:800;letter-spacing:.1em}.io-focus-preview h4{font:28px Georgia,serif;margin:12px 0;color:#183448}
.io-focus-demo{background:#fff;border:1px solid #d6e3de;border-radius:8px;padding:17px;max-width:540px}.io-focus-demo-tabs{display:flex;gap:9px;font-size:10px;font-weight:800;color:#477572}.io-focus-demo-tabs span:first-child{color:#a7444e}.io-focus-demo p{font:16px/1.55 Georgia,serif;color:#25475a}.io-focus-demo mark{background:#dceee7}.io-focus-demo aside{font-size:11px;color:#57726f;border-top:1px solid #e3ebe7;padding-top:9px}
.io-focus-preview>p{font-size:12px;color:#5c7775;margin:13px 0 0}
.io-screen{min-width:0}.io-gallery{grid-template-columns:minmax(0,1.7fr) minmax(240px,.75fr)}
@media(max-width:850px){.io-gallery{grid-template-columns:1fr}.io-live-stage,.io-focus-preview{min-height:300px}.io-live-stage iframe{height:300px}}
@media(prefers-reduced-motion:reduce){.io-live-pulse{animation:none}}

/* v254 — IELTS Online C2 Method: restrained frosted panel for readable copy.
   Scoped only to the method introduction; no change to the journey animation. */
.io .io-method-v250 .io-head > p {
  color:#183448;
  background:rgba(255,255,255,.88);
  -webkit-backdrop-filter:blur(9px);
  backdrop-filter:blur(9px);
  border:1px solid rgba(255,255,255,.66);
  border-radius:10px;
  padding:17px 20px;
  box-shadow:0 5px 22px rgba(24,52,72,.055);
  max-width:480px;
  margin:0;
}
@media(max-width:850px){
  .io .io-method-v250 .io-head > p {max-width:none;padding:15px 17px;}
}

/* v255 — interactive illustrative IELTS skill priorities */
.io-skills-v255{background:#fff}.io-skills-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.3fr);gap:50px;align-items:center}.io-skills-intro>p:not(.io-kicker){max-width:430px;color:#597078}.io-skills-footnote{font-size:11px!important;color:#7c8d90!important;margin-top:22px}.io-skills-dashboard{border:1px solid #d9e4e0;background:#f8faf8;border-radius:13px;padding:20px 23px;box-shadow:0 12px 35px rgba(29,61,53,.045)}.io-skills-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:13px}.io-skills-top strong{display:block;font:22px Georgia,serif;color:#183448;margin-top:4px}.io-skills-eyebrow{font-size:10px;letter-spacing:.12em;color:#ad4550;font-weight:800}.io-skills-target{text-align:right;font-size:10px;letter-spacing:.1em;color:#61787c;white-space:nowrap}.io-skills-target b{font:25px Georgia,serif;color:#a7444e;margin-left:5px}.io-skills-target small{display:block;font-size:9px;letter-spacing:0}.io-skills-rows{display:grid;gap:6px}.io-skill-row{width:100%;display:grid;grid-template-columns:85px minmax(40px,1fr) 35px 37px;align-items:center;gap:10px;text-align:left;border:1px solid transparent;border-radius:7px;background:#fff;padding:10px 12px;color:#234351;cursor:pointer;font-size:12px;transition:background .2s,border-color .2s,transform .2s}.io-skill-row:hover{border-color:#a7c6c0}.io-skill-row:focus-visible{outline:3px solid #287673;outline-offset:2px}.io-skill-row.active{background:#fff3f2;border-color:#cf9da3;transform:translateX(-3px)}.io-skill-row>span:first-child{font-weight:800}.io-skill-row b{font-size:14px;text-align:right}.io-skill-row small{text-align:right;color:#6c8284;font-size:11px}.io-skill-meter{height:7px;border-radius:20px;background:#e3ebe7;overflow:hidden}.io-skill-meter i{display:block;width:var(--score);height:100%;border-radius:20px;background:#7aaba4}.io-skill-row.active .io-skill-meter i{background:#b34955}.io-skills-detail{display:grid;grid-template-columns:1fr .9fr;gap:17px;padding:17px 0 14px;border-bottom:1px solid #dce5e0;min-height:132px}.io-skills-detail small{font-size:10px;color:#b34955;font-weight:800;letter-spacing:.09em}.io-skills-detail h3{font-size:22px;line-height:1.13;margin:7px 0 5px;color:#183448}.io-skills-detail p{font-size:12px;color:#5a7178;margin:0;line-height:1.5}.io-skills-detail blockquote{font:italic 15px/1.5 Georgia,serif;color:#365e60;margin:0;background:#edf3f0;border-left:3px solid #8eb8ae;padding:12px;border-radius:0 6px 6px 0}.io-skills-priority{padding-top:12px}.io-skills-priority-head{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#395b61;margin-bottom:8px}.io-skills-priority-head span{color:#7d8e8e}.io-skills-distribution{display:flex;gap:3px;height:10px;border-radius:12px;overflow:hidden}.io-skills-distribution span{width:var(--share);background:var(--segment);opacity:.43;transition:opacity .3s,filter .3s}.io-skills-distribution span.selected{opacity:1;filter:saturate(1.2)}@media(max-width:900px){.io-skills-layout{grid-template-columns:1fr;gap:18px}.io-skills-intro>p:not(.io-kicker){max-width:700px}.io-skills-dashboard{padding:17px}}@media(max-width:520px){.io-skill-row{grid-template-columns:72px minmax(35px,1fr) 28px 30px;gap:7px;padding:9px 7px}.io-skills-detail{grid-template-columns:1fr;gap:10px}.io-skills-target small{font-size:8px}.io-skills-top strong{font-size:19px}}@media(prefers-reduced-motion:reduce){.io-skill-row,.io-skills-distribution span{transition:none}}

/* v256 — teacher-led continuity, compact photo placeholder + feedback */
.io-human-v256{padding:46px 0 37px;background:#faf9f5}
.io-human-v256 .io-human-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);gap:55px;align-items:center}
.io-human-visual{position:relative;min-width:0;padding-bottom:30px}
.io-human-v256 .io-teacher-placeholder{height:295px;min-height:0;border-radius:12px;background:linear-gradient(135deg,#e4ece6,#f5eee6);border:1px dashed #b1c0b9}
.io-human-feedback{position:absolute;bottom:0;right:-13px;width:min(365px,83%);padding:17px 19px 13px;background:rgba(255,255,255,.97);border:1px solid #dce5df;border-radius:9px;box-shadow:0 12px 32px #243c3b1b}
.io-human-feedback-top{display:flex;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.1em;font-weight:800;color:#a7444e}
.io-human-feedback blockquote{margin:10px 0 12px;font:19px/1.3 Georgia,serif;color:#183448}
.io-human-feedback p{margin:0;font-size:11px!important;line-height:1.5!important;color:#587077!important}
.io-human-feedback p b{color:#a7444e;letter-spacing:.06em;margin-right:5px}
.io-human-feedback-progress{height:3px;background:#e6eeea;border-radius:3px;margin-top:12px;overflow:hidden}
.io-human-feedback-progress span{display:block;height:100%;width:0;background:#b24a55}
.io-human-v256 .io-human-copy h2{font-size:clamp(29px,3vw,40px);margin-bottom:15px}
.io-human-v256 .io-human-copy>p:not(.io-kicker){font-size:15px;line-height:1.65;color:#5b7277}
.io-human-continuity{display:flex;align-items:center;gap:13px;margin-top:15px!important;font-size:10px;font-weight:800;letter-spacing:.09em;color:#52716d}
.io-human-continuity i{height:1px;flex:1;max-width:62px;background:#b8cec6}
.io-human-continuity small{font-size:10px;font-weight:400;letter-spacing:0;color:#748683;margin-left:auto}
@media(max-width:850px){.io-human-v256 .io-human-grid{grid-template-columns:1fr;gap:25px}.io-human-visual{max-width:620px;width:100%}.io-human-v256 .io-human-copy{max-width:650px}}
@media(max-width:550px){.io-human-v256{padding:34px 0}.io-human-v256 .io-teacher-placeholder{height:245px}.io-human-feedback{right:0;width:88%;padding:13px}.io-human-feedback blockquote{font-size:16px}.io-human-continuity{gap:7px;flex-wrap:wrap}.io-human-continuity i{max-width:20px}.io-human-continuity small{width:100%;margin-top:7px}}
@media(prefers-reduced-motion:reduce){.io-human-feedback-progress span{transition:none!important}}

/* v257 — genuine teacher image, existing v256 feedback overlay retained */
.io-human-v256 .io-teacher-placeholder{overflow:hidden;background:#edf1eb;border:0}
.io-human-v256 .io-teacher-placeholder img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 46%}