@font-face{font-family:'Itim';src:url('fonts/itim-thai.ttf') format('truetype');font-display:swap;font-style:normal;font-weight:400}
@media screen{
  :root{--cream:#FFA9A9;--blue:#087fbd;--green:#16805a;--deep:#392d39;--muted:#554551;--line:#765d6d}
  body{font-family:'Itim','Leelawadee UI',Tahoma,sans-serif;background:#FFA9A9;color:#392d39}
  .brand-header{background:linear-gradient(135deg,#fff7f7,#ffe6ec 48%,#e7f8f1);border-bottom:3px solid #765d6d}
  .brand-title{font-size:36px;color:#8f214e;text-shadow:0 2px 0 #fff}
  .brand-sub{color:#087fbd;font-size:20px}
  .main-nav{background:#fff9fb;border-block:3px solid #765d6d}
  .nav-inner{max-width:1500px}.nav-links{gap:12px}
  .nav-links a{display:flex;align-items:center;gap:9px;background:#fff;border:3px solid #765d6d;border-radius:18px;box-shadow:0 3px 0 #d8849b;font-size:21px}
  .nav-links a:nth-child(3n+1){background:#fff0f5}.nav-links a:nth-child(3n+2){background:#e8f7ff}.nav-links a:nth-child(3n){background:#e7f8ef}
  .nav-links a.active{background:#fff2b9;color:#5a3300;border-color:#8c5900;box-shadow:0 3px 0 #d5972d}
  .nav-icon{display:grid;place-items:center;min-width:36px;height:36px;border-radius:11px;background:#fff;border:2px solid currentColor;font-size:23px;line-height:1}
  .page-content{background:#fff8fa;border-inline:3px solid rgba(118,93,109,.35);box-shadow:0 12px 45px rgba(80,30,55,.16)}
  .panel,.stat,.feature-card,.quick-strip,.auth-shell{border:3px solid #765d6d;box-shadow:0 6px 0 rgba(118,93,109,.16)}
  .panel{background:#fffdfd}.panel:nth-of-type(3n+2){background:#f8fdff}.panel:nth-of-type(3n){background:#f5fff9}
  .hero{background:#fff0f3;border:3px solid #765d6d;box-shadow:0 8px 0 rgba(118,93,109,.16)}
  .hero-image>img{object-position:center}.btn{border-radius:18px;border-width:3px;box-shadow:0 4px 0 rgba(57,45,57,.2)!important}
  .btn:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(57,45,57,.2)!important}
  .form-control,.form-select,.input-group-text{border:3px solid #765d6d;border-radius:15px;background:#fff}
  fieldset.profile-fields{border:3px solid #765d6d;border-radius:20px;padding:22px;background:#fff8f1}
  fieldset.profile-fields legend{float:none;width:auto;padding:0 12px;font-size:28px;font-weight:700;color:#8f214e}
  .choice-pill{display:inline-flex;align-items:center;gap:5px;margin:5px 8px 5px 0;padding:10px 14px!important;border:3px solid #765d6d;border-radius:16px;background:#fff;font-size:21px}
  .choice-pill:has(input:checked){background:#dff8eb;border-color:#167151;color:#124f3b}
  .content-banner{width:100%;max-height:420px;object-fit:cover;border:3px solid #765d6d;border-radius:24px;margin-bottom:24px}
  .exercise-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .exercise-card{overflow:hidden;border:3px solid #765d6d;border-radius:22px;background:#fff;box-shadow:0 6px 0 rgba(118,93,109,.15)}
  .exercise-card img{width:100%;height:330px;object-fit:contain;background:#f8f6f4;border-bottom:3px solid #765d6d}
  .exercise-card-body{padding:22px}.exercise-card h2{font-size:28px;color:#7c234c}.exercise-card p{font-size:21px}
  .assessment-question{border:3px solid #765d6d;border-radius:18px;padding:18px;margin:16px 0;background:#fff}
  .assessment-question legend{font-size:23px;font-weight:700;float:none;width:auto;padding:0 8px}
  .timer-display{font-variant-numeric:tabular-nums;font-family:ui-monospace,Consolas,monospace;font-size:42px;font-weight:900;color:#8f214e;background:#fff4b8;border:4px solid #765d6d;border-radius:18px;padding:16px;text-align:center}
  .risk-low{background:#ddf8e9!important;border-color:#167151!important}.risk-watch{background:#fff1c9!important;border-color:#a95d00!important}.risk-high{background:#ffe1e4!important;border-color:#a51f38!important}
  .chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.trend-chart{min-height:260px;border:3px solid #765d6d;border-radius:18px;background:#fff;padding:14px}.trend-chart canvas{width:100%;height:190px}
  .route-display .timer-box{fill:#fff4b8;stroke:#765d6d;stroke-width:3}.route-display .map-timer{font:900 21px 'Itim',Tahoma,sans-serif;fill:#7c234c}.route-display .distance-tick{fill:#fff;stroke:#007d66;stroke-width:4}.route-display .distance-label{font:700 17px 'Itim',Tahoma,sans-serif;fill:#23464c;paint-order:stroke;stroke:#fff;stroke-width:5;stroke-linejoin:round}.route-display .marker-label-box{fill:#ed3f93;stroke:#fff;stroke-width:3}.route-display .marker-distance-text{font:900 18px 'Itim',Tahoma,sans-serif;fill:#fff}.route-display #map-distance{font-size:22px;paint-order:stroke;stroke:#fff;stroke-width:5}
}
@media screen and (max-width:768px){.exercise-grid,.chart-grid{grid-template-columns:1fr}.exercise-card img{height:auto}.brand-title{font-size:30px}.nav-links a{font-size:22px}}