/* Selected design: editorial layout, blue/pink travel years and navy flights.
   The new experiment shares these colors; layout changes live in story.css. */
:is([data-look="refined"],[data-look="story"]){--ink:#203343;--muted:#5d6d7d;--line:#dce4ec;--accent:#3d6084;--soft:#f0f5fc;--radius:4px}
:is([data-look="refined"],[data-look="story"]) .site-nav a[aria-current]{border-bottom-color:#688daf}
:is([data-look="refined"],[data-look="story"]) .button{background:#203b52;border-color:#203b52}
:is([data-look="refined"],[data-look="story"]) .button:hover{background:#315873}
:is([data-look="refined"],[data-look="story"]) .button.secondary{background:#fff;color:#203b52;border-color:#b8cadb}
:is([data-look="refined"],[data-look="story"]) .button.secondary:hover{background:#f8fbff}
:is([data-look="refined"],[data-look="story"]) .hero-caption .kicker{color:#8c5064}
:is([data-look="refined"],[data-look="story"]) .hero-signature{border-top-color:#dce6ef}
:is([data-look="refined"],[data-look="story"]) .year-grid{gap:28px}
:is([data-look="refined"],[data-look="story"]) .year-panel{background:#f0f5fc;border:1px solid #e1eaf5;padding:28px 30px 22px;border-radius:16px}
:is([data-look="refined"],[data-look="story"]) .year-panel:nth-child(2){background:#fcf0f4;border-color:#f0e0e7}
:is([data-look="refined"],[data-look="story"]) .year-top{margin-bottom:19px}
:is([data-look="refined"],[data-look="story"]) .year-top .year-number{font-size:.875rem;font-weight:500;padding:5px 15px;background:#fff;border:1px solid #e4ebf3;border-radius:25px}
:is([data-look="refined"],[data-look="story"]) .year-panel:nth-child(2) .year-number{border-color:#f0dfe6}
:is([data-look="refined"],[data-look="story"]) .year-date{font-size:3.15rem;color:#284361}
:is([data-look="refined"],[data-look="story"]) .year-panel>h3{font-size:1.3rem}
:is([data-look="refined"],[data-look="story"]) .year-summary{font-size:.875rem;color:#637489}
:is([data-look="refined"],[data-look="story"]) .year-panel .story-row{border-color:#dce5f0;padding-block:18px}
:is([data-look="refined"],[data-look="story"]) .year-panel:nth-child(2) .story-row{border-color:#eadde4}
:is([data-look="refined"],[data-look="story"]) .year-panel .story-row:hover h3{color:#315b85}
:is([data-look="refined"],[data-look="story"]) .year-panel:nth-child(2) .story-row:hover h3{color:#8c5064}
:is([data-look="refined"],[data-look="story"]) .next-year{background:#fff;border:1px dashed #bdccdc;padding:22px 30px;border-radius:13px}
:is([data-look="refined"],[data-look="story"]) .next-year .year-number{background:#f0f5fc;border-radius:25px;padding:5px 15px;font-size:.875rem}
:is([data-look="refined"],[data-look="story"]) .next-year strong{font-size:1rem}
:is([data-look="refined"],[data-look="story"]) .flights{background:#142b39;color:#fff;padding:38px;border-radius:4px}
:is([data-look="refined"],[data-look="story"]) .flights .kicker{color:#c3e3f3}
:is([data-look="refined"],[data-look="story"]) .flights .tile-copy p,:is([data-look="refined"],[data-look="story"]) .flights .tile-bottom{color:#c8d8e2}
:is([data-look="refined"],[data-look="story"]) .flights .tile-bottom>span:last-child{color:#d7eef9}
:is([data-look="refined"],[data-look="story"]) .flights .story-tile{border-color:#536674}
:is([data-look="refined"],[data-look="story"]) .flights .underlink:hover,:is([data-look="refined"],[data-look="story"]) .flights .story-tile:hover h3{color:#c7e8f6}
:is([data-look="refined"],[data-look="story"]) .flights a:focus-visible{outline-color:#c7e8f6}
:is([data-look="refined"],[data-look="story"]) .booking-strip{background:#f0f5fc;border:1px solid #e1eaf5;border-radius:12px}
:is([data-look="refined"],[data-look="story"]) .reading-title .kicker{color:#5c7189}
:is([data-look="refined"],[data-look="story"]) .draft-note{background:#f4f7fb;border:1px solid #e4ebf2}
:is([data-look="refined"],[data-look="story"]) .reading-side{border-top-color:#6b8caf}
@media(max-width:1150px){
  :is([data-look="refined"],[data-look="story"]) .year-panel{padding:26px 24px 20px}
  :is([data-look="refined"],[data-look="story"]) .year-panel .story-row{gap:12px}
}
@media(max-width:680px){
  :is([data-look="refined"],[data-look="story"]) .year-grid{gap:24px}
  :is([data-look="refined"],[data-look="story"]) .year-panel{padding:24px 22px 18px;border-radius:14px}
  :is([data-look="refined"],[data-look="story"]) .year-date{font-size:2.9rem}
  :is([data-look="refined"],[data-look="story"]) .year-panel .row-date{display:none}
  :is([data-look="refined"],[data-look="story"]) .next-year{padding:22px;gap:18px}
  :is([data-look="refined"],[data-look="story"]) .flights{padding:28px 24px}
}
@media(max-width:560px){
  .design-bar{flex-wrap:wrap;gap:5px 12px;justify-content:space-between}
  .design-bar>a:first-child{max-width:none}
  .look-links{order:3;width:100%;justify-content:center;gap:6px}
  .look-links a{padding:6px 12px}
}
