/* EasyTravel — тренажёр «Собеседование в языковую школу» (.a1-iv). Builds on the kana-trainer rules .a1-kt-* (section CSS).
   Server: wp-content/mu-plugins/et-lang/interview.css, enqueued by [et_practice tool="interview"]. Colours = Avada global palette (dark theme aware). */
.a1-iv{font-size:16px;line-height:1.55;color:var(--awb-color7);display:flex;flex-direction:column;gap:22px}
.a1-iv [hidden]{display:none!important}
.a1-iv button,.a1-iv select,.a1-iv input{font-family:inherit;box-sizing:border-box}
.a1-iv button{cursor:pointer}
.a1-iv [lang=ja]{font-family:'Noto Sans JP',sans-serif}
.a1-iv p{margin:0}
.a1-iv ul,.a1-iv ol{margin:0;padding:0;list-style:none}
.a1-iv h2{margin:0;font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-.025em;color:var(--awb-color7)}
.a1-iv h3{margin:0;font-size:22px;line-height:1.2;font-weight:800;letter-spacing:-.02em;color:var(--awb-color7)}
.a1-iv rt{font-size:.5em;font-weight:500;color:var(--awb-color6)}
.a1-iv.no-furi .a1-iv-p:not(.a1-iv-nofuri) rt,.a1-iv-nofuri rt{visibility:hidden}
.a1-iv.r-furi .a1-iv-nofuri rt{visibility:visible}
.a1-iv .gap{display:inline-block;width:.3em}
.a1-iv.no-tr .a1-iv-p:not(.a1-iv-nofuri) .a1-iv-tr{display:none}
.a1-iv.no-tr .a1-iv-step .a1-iv-tr,.a1-iv.no-tr .a1-iv-sio .a1-iv-tr{display:block}
.a1-iv-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.a1-iv-facts div{background:var(--awb-color1);border:1px solid var(--awb-color4);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px}
.a1-iv-facts b{font-size:16px;font-weight:800}
.a1-iv-facts span{font-size:14px;line-height:1.5;color:var(--awb-color6)}
.a1-iv-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:5px;border-radius:14px;background:var(--awb-color3)}
.a1-iv-tab{min-height:44px;padding:0 16px;border:0;border-radius:10px;background:transparent;color:var(--awb-color6);font-size:15px;font-weight:700}
.a1-iv-tab[aria-selected=true]{background:var(--awb-color1);color:var(--awb-color7);box-shadow:0 1px 2px rgba(28,36,32,.12)}
.a1-iv-p{display:flex;flex-direction:column;gap:18px}
.a1-iv-ph{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.a1-iv-ph>div:first-child{max-width:68ch;display:flex;flex-direction:column;gap:8px}
.a1-iv-ph p{color:var(--awb-color6)}
.a1-iv-tgs{display:inline-flex;gap:6px;flex-wrap:wrap}
.a1-iv-tg{min-height:38px;padding:0 14px;border:1px solid var(--awb-color4);border-radius:999px;background:var(--awb-color1);color:var(--awb-color6);font-size:14px;font-weight:700}
.a1-iv-tg[aria-pressed=true]{background:var(--awb-color5);border-color:var(--awb-color5);color:var(--awb-color1)}
.a1-iv-toc{display:flex;gap:8px;flex-wrap:wrap}
.a1-iv-toc a{padding:6px 12px;border-radius:999px;background:var(--awb-color3);color:var(--awb-color7)!important;font-size:14px;font-weight:600;text-decoration:none!important}
.a1-iv-topic{display:flex;flex-direction:column;gap:12px;scroll-margin-top:70px}
.a1-iv-topic+.a1-iv-topic{margin-top:14px}
.a1-iv-lead{color:var(--awb-color6);font-size:15px}
.a1-iv-qc{background:var(--awb-color1);border:1px solid var(--awb-color4);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:12px;scroll-margin-top:70px}
.a1-iv-qh{display:flex;gap:14px;align-items:flex-start}
.a1-iv-ja{font-size:20px;line-height:1.9;font-weight:500;color:var(--awb-color7)}
.a1-iv-qj{font-size:23px;font-weight:600}
.a1-iv-tr{font-size:15px;color:var(--awb-color6);line-height:1.5}
.a1-iv-alt{font-size:15px;color:var(--awb-color6)}
.a1-iv-alt b,.a1-iv-hint b{color:var(--awb-color7)}
.a1-iv-alt span{color:var(--awb-color7);font-size:17px}
.a1-iv-sub{font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--awb-color6)}
.a1-iv-ans{display:flex;flex-direction:column;gap:6px}
.a1-iv-ans li{display:grid;grid-template-columns:64px 44px minmax(0,1fr);gap:10px;align-items:start;background:var(--awb-color3);border-radius:12px;padding:10px 12px}
.a1-iv-who{font-size:13px;font-weight:700;color:var(--awb-color5);padding-top:10px}
.a1-iv-ans .a1-iv-ja{font-size:19px}
.a1-iv-hint{font-size:15px;line-height:1.55;color:var(--awb-color6);border-left:3px solid var(--awb-color5);padding-left:12px}
.a1-iv-play{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--awb-custom_color_3);display:inline-grid;place-items:center;padding:0}
.a1-iv-play svg{width:18px;height:18px;fill:var(--awb-color5);margin-left:2px}
.a1-iv-play.on{background:var(--awb-color5)}
.a1-iv-play.on svg{fill:var(--awb-color1);margin-left:0}
.a1-iv-list{display:flex;flex-direction:column;gap:10px}
.a1-iv-list li{display:flex;gap:14px;align-items:flex-start;background:var(--awb-color1);border:1px solid var(--awb-color4);border-radius:16px;padding:16px}
.a1-iv-when{font-size:14px;color:var(--awb-color6);margin-top:4px!important}
.a1-iv-read{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.a1-iv-read li{background:var(--awb-color1);border:1px solid var(--awb-color4);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px}
.a1-iv-rl{font-size:13px;font-weight:700;color:var(--awb-color5)}
.a1-iv-big{font-size:24px;line-height:2}
.a1-iv-rrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.a1-iv-show,.a1-iv-link{border:0;background:none;padding:6px 0;color:var(--awb-color5);font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.a1-iv-read .a1-iv-rtr{display:none}
.a1-iv-read li.show-tr .a1-iv-rtr{display:block}
.a1-iv-note{font-size:14px;color:var(--awb-color6);line-height:1.55}
.a1-iv-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;background:var(--awb-color1);border:1px solid var(--awb-color4);border-radius:18px;padding:20px}
.a1-iv-f{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--awb-color6)}
.a1-iv-f input,.a1-iv-f select{min-height:46px;border:1px solid var(--awb-color4);border-radius:10px;padding:0 12px;font-size:16px;background:var(--awb-color1);color:var(--awb-color7);width:100%}
.a1-iv-f input::placeholder{color:var(--awb-color6);opacity:.45}
.a1-iv-sio{background:var(--awb-color1);border:1px solid var(--awb-color4);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:10px}
.a1-iv-sio ol{display:flex;flex-direction:column;gap:4px;counter-reset:si}
.a1-iv-sio li{padding:6px 0;border-bottom:1px solid var(--awb-color4)}
.a1-iv-sio li:last-child{border-bottom:0}
.a1-iv-sio .a1-iv-ja{font-size:22px}
.a1-iv-sit{display:flex;gap:10px;flex-wrap:wrap}
.a1-iv .a1-kt-btn,.a1-iv .a1-kt-btn2{width:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none!important;min-height:48px;font-size:16px}
.a1-iv .a1-kt-btn svg{width:18px;height:18px;fill:currentColor}
.a1-iv-card{background:var(--awb-color1);border:1px solid var(--awb-color4);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:16px;max-width:820px}
.a1-iv-chk{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--awb-color7)}
.a1-iv-chk input{width:20px;height:20px;margin-top:2px;accent-color:var(--awb-color5)}
.a1-iv-go{align-self:flex-start}
.a1-iv-prog{display:flex;gap:14px;align-items:center;font-size:14px;font-weight:700;color:var(--awb-color6)}
.a1-iv-bar{flex:1;height:8px;border-radius:99px;background:var(--awb-color3);overflow:hidden;display:block}
.a1-iv-bar i{display:block;height:100%;background:var(--awb-color5);border-radius:99px;transition:width .2s linear}
.a1-iv-qbox{display:flex;flex-direction:column;gap:10px;align-items:flex-start;background:var(--awb-color3);border-radius:16px;padding:18px}
.a1-iv-timer{display:flex;gap:12px;align-items:center;font-weight:700}
.a1-iv-timer.rec .a1-iv-tl::before{content:'';display:inline-block;width:10px;height:10px;border-radius:50%;background:#C0392B;margin-right:8px;animation:a1ivblink 1s infinite}
@keyframes a1ivblink{50%{opacity:.25}}
.a1-iv-sec{min-width:2ch;text-align:right;font-variant-numeric:tabular-nums}
.a1-iv-rev{display:flex;flex-direction:column;gap:12px}
.a1-iv-to{font-weight:700;color:var(--awb-color7)}
.a1-iv-qtr{font-size:16px}
.a1-iv-my audio{width:100%;max-width:420px;margin-top:6px}
.a1-iv-self{display:flex;gap:10px;flex-wrap:wrap}
.a1-iv-sum{display:grid;grid-template-columns:repeat(2,minmax(0,160px));gap:14px}
.a1-iv-sum div{background:var(--awb-color3);border-radius:14px;padding:14px;display:flex;flex-direction:column}
.a1-iv-sum b{font-size:30px;font-weight:800;color:var(--awb-color7)}
.a1-iv-sum span{font-size:14px;color:var(--awb-color6)}
.a1-iv-weak{display:flex;flex-direction:column;gap:6px}
.a1-iv-weak a{display:flex;flex-direction:column;padding:10px 12px;border-radius:12px;background:var(--awb-color3);color:var(--awb-color7)!important;text-decoration:none!important}
.a1-iv-weak small{font-size:14px;color:var(--awb-color6)}
.a1-iv-cta{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--awb-color3);border-radius:18px;padding:20px 22px}
.a1-iv-cta div{display:flex;flex-direction:column;gap:4px;max-width:70ch}
.a1-iv-cta span{font-size:15px;color:var(--awb-color6)}
@media (max-width:900px){.a1-iv-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .a1-iv h2{font-size:24px}
  .a1-iv-facts,.a1-iv-read,.a1-iv-form{grid-template-columns:1fr}
  .a1-iv-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .a1-iv-tab{white-space:nowrap;padding:0 12px;font-size:14px}
  .a1-iv-qc,.a1-iv-card{padding:16px}
  .a1-iv-ans li{grid-template-columns:44px minmax(0,1fr);padding:10px}
  .a1-iv-ans .a1-iv-who{grid-column:1/-1;padding-top:0}
  .a1-iv-qj{font-size:21px}
  .a1-iv-go,.a1-iv-self .a1-kt-btn,.a1-iv-self .a1-kt-btn2{width:100%}
}
