/* v28 approved experience — retain existing Travel Talk Club brand/logo unchanged */
:root{--v28-forest:#0E3D33;--v28-caramel:#C27A3F;--v28-cream:#F9F5EC;--v28-beige:#E8DCC8;--v28-ink:#142d28;--v28-border:#e6dfd2}
body{background:var(--v28-cream)}.main{max-width:1560px}.main>.topline{margin-bottom:24px}.topline h1{font-size:clamp(27px,3.1vw,43px);line-height:1.08}.topline>div p{line-height:1.45}
.v28-section{margin-top:22px}.v28-section-heading{margin:25px 0 15px}.v28-kicker{font-size:11px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase;color:var(--v28-caramel)}
.v28-hero-student{border-radius:22px;min-height:265px;display:flex;align-items:center;background:linear-gradient(92deg,#0e3d33de,#0e3d3355),url('/static/travel-sky.webp') center 48%/cover;color:#fff;overflow:hidden}.v28-hero-overlay{padding:clamp(22px,4vw,45px);max-width:610px}.v28-hero-student h2{color:white;font-size:clamp(30px,4vw,49px);margin:12px 0 8px}.v28-hero-student p{color:#f1eee4;margin:0 0 22px;font-size:16px}.v28-hero-student .btn{background:var(--v28-cream);color:var(--v28-forest)}
.v28-welcome{border-radius:22px;background:linear-gradient(115deg,#0e3d33,#246b55);color:white;padding:26px 30px;display:flex;justify-content:space-between;overflow:hidden}.v28-welcome h2{color:white;font-size:clamp(28px,3vw,40px);margin:8px 0}.v28-welcome p{max-width:590px;color:#e8efeb}.v28-welcome-plane{font-size:94px;opacity:.2;transform:rotate(-18deg)}
.v28-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.v28-stat{min-width:0;background:#fff;border:1px solid var(--v28-border);border-radius:17px;padding:18px;display:flex;flex-direction:column;gap:5px;box-shadow:0 6px 30px #503c2010}.v28-stat-icon{font-size:24px;color:var(--v28-caramel);line-height:1.3}.v28-stat strong{font-size:30px;line-height:1.2;color:var(--v28-forest)}.v28-stat>span:nth-last-of-type(1){font-size:13px;font-weight:700;color:#566a62}.v28-stat small,.v28-subtle{font-size:11px;color:#78837d}
.v28-two-col{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;margin-top:20px;align-items:start}.v28-panel{min-width:0;background:white;border:1px solid var(--v28-border);border-radius:20px;padding:21px;box-shadow:0 6px 30px #503c200b}.v28-panel h3{font-size:21px;margin:0}.v28-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:17px}.v28-panel-head-second{margin-top:26px}.v28-link{padding:6px 0;color:var(--v28-forest);background:none;border:0;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.v28-muted{font-size:12px;color:#79847c}.v28-info{padding:14px;background:#f4f6f0;border-radius:12px;margin:0 0 12px}.v28-empty{padding:24px 15px;border-radius:14px;background:#fbf8f2;color:#61756b;text-align:center;font-size:13px}.v28-empty span{font-size:26px;color:var(--v28-caramel)}.v28-empty p{margin:8px 0 0}
.v28-skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v28-skill{border:1px solid #ece5da;border-radius:15px;padding:16px;min-width:0;background:#fff}.v28-skill-heading{display:flex;align-items:center;gap:10px}.v28-skill-heading>span{font-size:22px}.v28-skill-heading b{font-size:14px;color:var(--v28-forest)}.v28-skill-number{font-size:26px;font-weight:800;color:var(--v28-forest);margin-top:12px}.v28-skill-number small{font-size:14px;color:#8c978e}.v28-skill p{font-size:12px;color:#65776b;margin:4px 0 12px}.v28-skill .progress{height:8px}.v28-skill .v28-subtle{display:block;margin-top:8px}.v28-warn{font-size:11px;color:#a5662c}
.v28-feedback,.v28-next{display:flex;align-items:flex-start;gap:12px}.v28-feedback>span{border-radius:12px;background:#f7eadc;padding:12px}.v28-feedback div{min-width:0}.v28-feedback b,.v28-next b{color:var(--v28-forest)}.v28-feedback p{font-size:13px;color:#58695f;line-height:1.5}.v28-feedback small,.v28-next small{display:block;color:#87918a;font-size:11px;margin-top:5px}.v28-next{align-items:center;margin-bottom:15px}.v28-next-icon{font-size:30px;background:#f6eddf;border-radius:12px;padding:13px}.v28-simple-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #f0e9de}.v28-simple-row:last-child{border-bottom:0}.v28-simple-row>span{background:#f8efe2;border-radius:10px;padding:10px}.v28-simple-row b{display:block;font-size:13px}.v28-simple-row small{display:block;font-size:12px;color:#7b877e;margin-top:4px}
.v28-progress-hero{padding:25px 28px;background:linear-gradient(115deg,#a86635,#dca770);border-radius:20px;color:white}.v28-progress-hero .v28-kicker{color:#fff2db}.v28-progress-hero h2{color:white;font-size:36px;margin:8px 0}.v28-progress-hero p{margin:0;color:#fff4e6}.v28-tabs{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.v28-tabs button,.v28-chip{border:1px solid #e6dece;border-radius:999px;background:#fff;padding:9px 14px;color:#4b675d;font-size:12px;font-weight:700;cursor:pointer}.v28-tabs button.selected,.v28-chip.active{background:var(--v28-forest);color:white;border-color:var(--v28-forest)}.v28-review{display:flex;align-items:start;gap:10px;padding:12px 0;border-bottom:1px solid #f1ede5}.v28-review:last-child{border:0}.v28-review>div{flex:1;min-width:0}.v28-review b{display:block;font-size:13px}.v28-review small{display:block;color:#89918b;font-size:11px;margin-top:4px}.v28-review p{font-size:12px;color:#657269;line-height:1.45}.v28-review-icon{background:#f9eee2;border-radius:12px;padding:10px}.v28-review .pill{font-size:10px}.v28-chart{min-height:225px}.v28-bargrid{height:212px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:9px}.v28-bar-col{height:100%;display:flex;flex-direction:column;align-items:center;gap:4px;justify-content:end}.v28-bar-col b{font-size:12px;color:#395e4c}.v28-bar-col small{font-size:10px;color:#788578}.v28-bar-track{height:152px;width:min(100%,50px);background:#f4efe6;border-radius:11px 11px 4px 4px;display:flex;align-items:end;overflow:hidden}.v28-bar-fill{width:100%;min-height:0;background:linear-gradient(180deg,#187359,var(--v28-forest));border-radius:10px 10px 4px 4px}.v28-caption{font-size:11px;color:#788578;line-height:1.5;margin-top:13px}.v28-guide{display:flex;align-items:center;gap:14px;padding:18px;border-radius:16px;background:#f4eadb;color:#42594d}.v28-guide>span{font-size:29px}.v28-guide b{color:var(--v28-forest)}.v28-guide p{margin:4px 0 0;font-size:12px;line-height:1.55}
.v28-learner-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v28-learner{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid #ebe4d8;border-radius:13px;background:#fff;padding:10px;cursor:pointer;min-width:0;font-weight:700;color:var(--v28-forest)}.v28-initial{width:34px;height:34px;border-radius:50%;background:#e5f0e7;color:#16503f;display:grid;place-items:center;flex-shrink:0}.v28-learner>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px}.v28-learner-action{font-size:10px;margin-left:auto;color:#a46b3e;white-space:nowrap}.v28-analytics>.v28-panel-head{margin-bottom:20px}.v28-chart-area{margin-top:20px}.v28-analytics .v28-guide{margin-top:17px}
.v28-activity-controls{background:#fff;border:1px solid var(--v28-border);padding:18px;border-radius:17px;margin:18px 0}.v28-search-label{display:block;font-size:12px;font-weight:800;color:#426053;margin-bottom:8px}.v28-activity-controls input{width:100%;padding:12px 14px;border:1px solid #ddd9cf;border-radius:12px;font:inherit}.v28-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.v28-activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.v28-activity{background:white;border:1px solid var(--v28-border);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.v28-activity[hidden]{display:none!important}.v28-activity-art{display:grid;place-items:center;min-height:116px;background:linear-gradient(120deg,#e6d2b7,#f6eadd);font-size:55px}.v28-activity-body{padding:17px;display:flex;flex-direction:column;gap:8px;flex:1}.v28-activity h3{font-size:20px;margin:0;line-height:1.2}.v28-activity p{font-size:12px;line-height:1.5;color:#64756b;flex:1}.v28-activity .btn{margin-top:auto}
@media(max-width:1050px){.v28-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v28-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.main{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:calc(125px + env(safe-area-inset-bottom))}.v28-hero-student{min-height:232px}.v28-hero-overlay{padding:22px}.v28-hero-student h2{font-size:33px}.v28-welcome{padding:21px}.v28-welcome-plane{font-size:45px}.v28-two-col{grid-template-columns:minmax(0,1fr);gap:12px}.v28-stat-grid{gap:9px}.v28-stat{padding:13px;min-height:110px}.v28-stat strong{font-size:26px}.v28-panel{padding:16px}.v28-skill-grid{gap:8px}.v28-skill{padding:12px}.v28-skill-number{font-size:23px}.v28-learner-list{grid-template-columns:1fr}.v28-activity-grid{grid-template-columns:1fr}.v28-activity{flex-direction:row}.v28-activity-art{width:92px;min-height:unset;flex-shrink:0;font-size:34px}.v28-activity-body{min-width:0;padding:12px}.v28-activity h3{font-size:17px}.v28-activity .btn{padding:9px;min-height:39px}.v28-progress-hero h2{font-size:29px}}
@media(max-width:360px){.v28-stat-grid{grid-template-columns:1fr 1fr}.v28-stat-icon{font-size:18px}.v28-stat>span:nth-last-of-type(1){font-size:11px}.v28-activity-art{width:72px}.v28-activity h3{font-size:16px}}
.v28-alert{width:100%;margin-bottom:9px}.v28-alert>span:nth-child(2){display:grid;gap:5px;min-width:0}.v28-alert b{font-size:13px}.v28-alert small{color:#8d7862;font-size:11px;font-weight:500;white-space:normal;line-height:1.3}