/* TripCana Academy. A practice shell on the r3.9 pages. */
html body .ac{background:#071326;color:#F6F1E6;padding:128px 0 72px}
html body .ac h1,html body .ac h2,html body .ac h3{font-family:CG,CGFB,"Times New Roman",serif;font-weight:500;color:#F6F1E6;letter-spacing:-.01em}
html body .ac p,html body .ac li,html body .ac label{color:#F6F1E6}
html body .ac a{color:#E4CB94}
html body .ac-wrap{max-width:1120px;margin:0 auto;padding:0 20px}
html body .ac-kicker{font:600 .72rem/1.4 Jost,JostFB,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#C9A764;margin:0 0 8px}
html body .ac-top h1{font-size:clamp(2.2rem,5vw,3.6rem);margin:0 0 .25em;max-width:16ch}
html body .ac-lede{max-width:62ch;font-size:1.05rem;line-height:1.55;margin:0}
html body .ac-bar{display:flex;gap:6px;margin:18px 0 8px}
html body .ac-bar i{flex:1;height:4px;background:rgba(255,255,255,.18);border-radius:4px}
html body .ac-bar i.on{background:#E4CB94}
html body .ac-meta{font-size:.9rem;color:#E4CB94;margin:0 0 22px}
html body .ac-grid{display:grid;gap:22px}
@media(min-width:980px){html body .ac-grid{grid-template-columns:1.45fr .8fr;align-items:start}}
html body .ac-film,html body .ac-card,html body .ac-desk,html body .ac-step{background:#10243F;border:1px solid rgba(228,203,148,.45);border-radius:18px}
html body .ac-film{padding:22px;margin-bottom:16px;background:
  radial-gradient(90% 80% at 100% 0%,rgba(201,167,100,.28),transparent 55%),
  linear-gradient(160deg,#16345C,#0B1B33 70%)}
html body .ac-film h2{font-size:clamp(1.7rem,3vw,2.4rem);margin:.1em 0 .4em}
html body .ac-note{font-size:.85rem;color:#E4CB94}
html body .ac-beats{margin:14px 0 0;padding-left:1.1em}
html body .ac-beats li{margin:.35em 0}
html body .ac-cards{display:grid;gap:12px}
@media(min-width:700px){html body .ac-cards{grid-template-columns:1fr 1fr}}
html body .ac-card{display:flex;flex-direction:column;gap:6px;text-align:left;padding:16px;color:#F6F1E6;cursor:pointer;min-height:148px;width:100%}
html body .ac-card b{font-family:CG,CGFB,serif;font-size:1.35rem;font-weight:500}
html body .ac-card small{color:#D9C48A;font-size:.8rem}
html body .ac-card em{font-style:normal;font-size:.92rem;line-height:1.4}
html body .ac-card.ok{box-shadow:inset 0 0 0 1px #E4CB94}
html body .ac-desk{padding:16px;position:sticky;top:12px}
html body .ac-avatar{width:84px;height:84px;border-radius:50%;margin:0 0 10px;background:
  radial-gradient(circle at 50% 38%,#E4CB94 0 18%,transparent 19%),
  radial-gradient(circle at 50% 78%,#C9A764 0 28%,transparent 29%),
  #0B1B33;border:2px solid #E4CB94;box-shadow:0 0 0 6px rgba(228,203,148,.15)}
html body .ac-log{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow:auto;margin:10px 0}
html body .ac-log p{margin:0;padding:8px 10px;border-radius:12px;background:#0B1B33;font-size:.92rem}
html body .ac-log .me{align-self:flex-end;background:#1C3F73}
html body .ac-ask{display:flex;gap:8px}
html body .ac-ask input{flex:1;min-height:44px;border-radius:12px;border:1px solid #C9A764;background:#071326;color:#F6F1E6;padding:8px 10px}
html body .ac-scene{border-top:1px solid rgba(228,203,148,.3);margin-top:12px;padding-top:10px}
html body .ac-scene button{display:block;width:100%;text-align:left;margin:6px 0;background:#0B1B33;color:#F6F1E6;border:1px solid rgba(228,203,148,.4);border-radius:10px;padding:8px 10px;cursor:pointer}
html body .ac-why{font-size:.88rem;color:#E4CB94}
html body .ac-funnel{list-style:none;display:grid;gap:8px;padding:0;margin:22px 0 0}
@media(min-width:800px){html body .ac-funnel{grid-template-columns:repeat(3,1fr)}}
html body .ac-step{padding:12px 14px}
html body .ac-step b{display:block}
html body .ac-step.lock{opacity:.72}
html body .ac-step.go{box-shadow:inset 0 0 0 1px #E4CB94}
html body .ac-back{background:none;border:0;color:#E4CB94;cursor:pointer;padding:0;font:inherit}
html body .ac-lesson{padding:12px 0;border-bottom:1px solid rgba(228,203,148,.25)}
html body .ac-q{margin:14px 0;padding:0;border:0}
html body .ac-q label{display:flex;gap:8px;align-items:flex-start;margin:6px 0;cursor:pointer}
html body .ac-result{padding:12px 14px;border-radius:12px;background:#0B1B33;border:1px solid #E4CB94}
html body .ac .pill{margin-top:8px}
html body .ac-drive h2{color:#0B1B33}
html body .ac-drive .ac-kicker{color:#6B4F10}
html body .ac-road{list-style:none;padding:0;margin:16px 0;display:grid;gap:8px}
html body .ac-road li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;background:#fff;border:1px solid #E4D9C6;border-radius:14px;padding:12px 14px;color:#1C2A4A}
html body .ac-road b{font-family:CG,CGFB,serif;font-size:1.3rem;color:#8A6A1F}
html body .ac-trustband{background:#F6F3EC;color:#0B1B33;padding:28px 0}
html body .ac-trustband h2,html body .ac-badge h2{color:#0B1B33;font-family:CG,CGFB,serif;font-weight:500;margin:.2em 0}
html body .ac-badge{background:#fff;border:1px solid #E4D9C6;border-radius:18px;padding:18px 20px;max-width:760px}
html body .ac-badge p{color:#1C2A4A}
html body .ac-lang{display:flex;gap:8px;margin:0 0 12px}
html body .ac-lang button{background:transparent;color:#E4CB94;border:1px solid rgba(228,203,148,.6);border-radius:999px;min-height:36px;padding:0 12px;cursor:pointer}
html body .ac-lang button.on{background:#E4CB94;color:#0B1B33}
html body .ac-screen{position:relative;aspect-ratio:16/9;border-radius:16px;border:1px solid #E4CB94;background:#050d1c;display:flex;align-items:flex-end;padding:16px;margin:12px 0 18px;overflow:hidden}
html body .ac-screen span{position:relative;z-index:1;color:#E4CB94;font-size:.9rem}
html body .ac-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(70% 80% at 80% 30%,rgba(201,167,100,.35),transparent 60%)}
html body .ac-card[data-accent="gold"]{border-color:#E4CB94}
html body .ac-card[data-accent="sand"]{border-color:#F0DDB0}
html body .ac-card[data-accent="sea"]{border-color:#9FD4D2}
html body .ac-card[data-accent="amber"]{border-color:#E0A15A}
html body .ac-card[data-accent="ivory"]{border-color:#F6F1E6}
html body .ac-card[data-accent="sky"]{border-color:#9BB6E0}
html body .ac-modal{position:fixed;inset:0;z-index:80;background:rgba(5,13,28,.72);display:flex;align-items:flex-end;justify-content:center;padding:12px}
@media(min-width:800px){html body .ac-modal{align-items:center}}
html body .ac-sheet{width:min(520px,100%);background:#10243F;color:#F6F1E6;border:1px solid #E4CB94;border-radius:18px;padding:18px}
html body .ac-sheet button.block{display:block;width:100%;text-align:left;margin:8px 0;background:#0B1B33;color:#F6F1E6;border:1px solid rgba(228,203,148,.45);border-radius:12px;padding:10px 12px;cursor:pointer}
html body .ac-coach{font-size:.92rem;color:#E4CB94;margin:.3em 0 0}
@media(prefers-reduced-motion:reduce){html body .ac-card,html body .ac-film{transition:none}}