/* Raider and Skyhawk extend the Meridian product walkthrough. Report images retain their
   published colors and axes; the surrounding UI uses the current site palette. */
.raider-tour{padding-bottom:0}
.raider-tour figcaption,.raider-performance figcaption{margin-top:12px;font-size:13px;line-height:1.6;color:#AEB6C6}
.raider-risk{margin:0;padding:28px 0;border-top:1px solid rgba(244,241,232,.2)}
.raider-risk h3{font-size:23px;margin-bottom:12px}
.raider-risk p{max-width:85ch;line-height:1.75}
.raider-tour .mc-chart+.mc-feature{margin-top:0;border-top:0}
.raider-dashboard{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:80px}
.raider-dashboard .mc-feature-copy p+p{margin-top:20px}
.raider-dashboard>.mc-capture{width:100%;max-width:400px;justify-self:center}
.raider-performance{padding-top:72px;border-top:1px solid rgba(244,241,232,.13);scroll-margin-top:76px}
.raider-section-head{max-width:850px}
.raider-section-head h2{font-size:clamp(30px,3.6vw,44px)}
.raider-section-head>p:last-child{max-width:72ch;margin-top:22px;font-size:18px;line-height:1.7}
.raider-portfolio-toolbar{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);align-items:center;gap:20px;margin-top:30px}
.raider-tiers{display:grid;grid-template-columns:repeat(var(--tier-count,3),minmax(0,1fr));gap:10px}
.raider-tiers button{display:flex;align-items:center;gap:12px;font:inherit;text-align:left;color:#F4F1E8;background:transparent;border:1px solid #626D81;border-radius:8px;padding:16px 12px;cursor:pointer;min-height:96px}
.raider-tier-icon{width:44px;height:44px;flex:none;fill:none;stroke:#F4C430;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.raider-tier-copy{min-width:0}
.raider-tiers button span{display:block;font-size:17px;font-weight:700}
.raider-tiers button small{display:block;color:#AEB6C6;font-size:13px;font-weight:400;margin-top:5px}
.raider-tiers button:hover{border-color:#F4C430}
.raider-tiers button[aria-pressed=true]{background:#212A3D;border:2px solid #F4C430;padding:15px 11px}
.raider-tiers button:focus-visible{outline:2px solid #F4C430;outline-offset:5px}
.raider-portfolio{padding:32px 0;margin-bottom:20px;border-bottom:1px solid rgba(244,241,232,.2)}
.raider-portfolio-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.raider-portfolio-heading h3{font-size:24px}
.raider-portfolio-heading p{font-size:14px}
.raider-results{display:grid;grid-template-columns:minmax(0,3fr) minmax(210px,1fr);gap:32px;align-items:start}
.raider-stats{margin:0;display:grid;gap:13px}
.raider-stats>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:13px;border-bottom:1px solid rgba(244,241,232,.13)}
.raider-stats dt{font-size:14px;max-width:14ch}
.raider-stats dd{margin:0;font:500 22px/1.3 "IBM Plex Mono",monospace;color:#F4F1E8;white-space:nowrap}
.raider-stats .raider-drawdown dd{color:#FFA7AD}
.raider-report-link{position:relative;display:flex;align-items:center;min-height:76px;max-width:380px;box-sizing:border-box;margin:36px 0 20px;padding:18px 20px 18px 124px;border:1px solid rgba(244,241,232,.25);border-radius:12px;background:#151D2D;text-decoration:none;overflow:visible}
.raider-report-link:hover{border-color:#F4C430;background:#1C2639}
.raider-report-link:focus-visible{outline:2px solid #F4C430;outline-offset:5px}
.raider-report-preview{position:absolute;left:16px;top:50%;width:92px;height:auto;box-sizing:border-box;border:6px solid #FFF9EC;border-radius:2px;background:#FFF9EC;transform:translateY(-50%) rotate(-9deg);box-shadow:0 10px 20px rgba(0,0,0,.4),0 0 0 1px rgba(0,0,0,.15)}
.raider-report-action{color:#F4C430;font-size:18px;font-weight:700;line-height:1.4;text-decoration:underline;text-underline-offset:4px}
.raider-report-link:hover .raider-report-action{color:#F4F1E8}
.raider-selected-report{min-width:0}
.raider-selected-report .raider-report-link{max-width:none;margin:22px 0}
.raider-pairs{margin-top:64px}
.raider-pairs>h3{font-size:28px;margin-bottom:16px}
.raider-pairs>p{max-width:78ch;line-height:1.75}
.raider-pair-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.raider-pair-card{min-width:0;padding:18px;background:#151D2D;border:1px solid rgba(244,241,232,.18);border-radius:12px}
.raider-pair-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.raider-pair-heading h4{color:#F4F1E8;font:700 20px/1.3 "Hanken Grotesk",sans-serif}
.raider-pair-heading>a{font-size:13px;padding:5px 0;white-space:nowrap}
.raider-pair-card .mc-capture>a{border:0;border-radius:4px}
.raider-pair-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;margin:18px 0 0;font-variant-numeric:tabular-nums}
.raider-pair-stats dt{font-size:12px;line-height:1.5}
.raider-pair-stats dd{margin:4px 0 0;color:#F4F1E8;font-size:16px;font-weight:600;line-height:1.4}
.raider-setup{padding-top:0}
.raider-setup-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;padding-bottom:64px}
.raider-questions h3{font-size:24px;margin-bottom:18px}
.raider-questions details{border-bottom:1px solid rgba(244,241,232,.2);padding:0;background:transparent}
.raider-questions summary{padding:18px 24px 18px 0;color:#F4F1E8;font-weight:600;cursor:pointer}
.raider-questions details p{padding:0 0 20px;font-size:15px;line-height:1.75}
.raider-questions summary:focus-visible{outline:2px solid #F4C430;outline-offset:3px}
@media(max-width:1000px){
  .raider-portfolio-toolbar{grid-template-columns:minmax(0,1fr);gap:16px}
  .raider-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .raider-results{grid-template-columns:1fr}
  .raider-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
  .raider-stats>div{display:block}
  .raider-stats dt{min-height:44px}
  .raider-stats dd{margin-top:8px}
  .raider-dashboard{gap:40px}
  .raider-setup-layout{gap:36px}
}
@media(max-width:700px){
  .raider-dashboard,.raider-setup-layout{grid-template-columns:1fr;gap:32px}
  .raider-performance{padding-top:48px}
  .raider-tiers{grid-template-columns:1fr;gap:8px}
  .raider-tiers button{min-height:80px;padding:14px 16px}
  .raider-tiers button[aria-pressed=true]{padding:13px 15px}
  .raider-tiers button span{font-size:17px}
  .raider-tiers button small{font-size:13px}
  .raider-portfolio-heading{gap:8px}
  .raider-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .raider-stats dt{min-height:0;max-width:none}
  .raider-pairs{margin-top:44px}
}
/* The shared hero's two-column selector outranks its mobile rule. Scope the
   correction to this page, whose stylesheet is loaded only on /raider. */
@media(max-width:860px){
  .phero .pherotop{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media(max-width:600px){
  .raider-report-link{padding:16px 16px 16px 114px}
  .raider-report-preview{width:84px;left:14px}
  .raider-pair-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .phero .pname{flex-wrap:wrap;gap:12px}
  .phero .pname img{width:52px;height:52px}
  .phero .pname h1{font-size:38px}
  .phero{padding-top:36px;padding-bottom:32px}
  .phero .pvideo{margin-bottom:0;border-radius:12px}
  .phero .pvctl{position:relative;left:auto;bottom:auto;transform:none;margin:20px auto;width:calc(100% - 40px);box-sizing:border-box}
  .phero .specstrip{position:relative;bottom:auto;margin-top:24px;padding:0 20px;gap:10px}
  .phero .specstrip>div{padding:12px;gap:10px}
  .phero .specstrip dd{font-size:14px}
  .phero .specstrip img,.phero .spec-ic{width:28px;height:28px}
}