/* RailTiles' two-column mobile pattern; scoped original CSS for static buttons. */
.discovery-board{--db-blue:#214de1;--db-ink:#122442;box-sizing:border-box;width:100%;max-width:620px;margin:24px auto;padding:20px;border:1px solid #c7d5ee;border-radius:20px;background:linear-gradient(145deg,#fff,#eef3ff);color:var(--db-ink);scroll-margin-top:90px}
.discovery-board *{box-sizing:border-box}
.discovery-board__title{font-family:Georgia,serif;font-size:clamp(23px,5.5vw,30px);line-height:1.16;margin:0 0 10px;letter-spacing:-.025em}
.discovery-board__idea{font-size:16px;line-height:1.4;margin:0 0 16px;max-width:none}
.discovery-board__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.discovery-board__tile{display:flex;position:relative;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:9px;min-width:0;min-height:148px;width:100%;padding:16px;border:1px solid #9cb4f7;border-radius:14px;background:#fff;color:var(--db-ink);text-align:left;font:inherit;cursor:pointer;--rail-spotlight-color:#214de1;--rail-spotlight-iterations:1}
.discovery-board__number{font:italic 32px Georgia,serif;color:var(--db-blue)}
.discovery-board__tile strong{font-size:17px;line-height:1.18}
.discovery-board__tile>span:last-child{font-size:14px;color:#415a7d}
.discovery-board__eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;line-height:1.4;margin:0 0 9px;color:#405879}
.discovery-board__example{padding:14px;border:1px solid #c7d5ee;border-radius:12px;background:#fff;margin:14px 0 8px}
.discovery-board__status{font-size:16px;line-height:1.35;margin:0 0 12px;min-height:44px}
.discovery-board__action,.discovery-board__link{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:var(--db-blue);color:#fff;text-align:center;text-decoration:none;cursor:pointer}
.discovery-board__action{font-family:inherit;font-size:15px;font-weight:700;line-height:1.25}
.discovery-board__link{font-family:inherit;font-size:15px;font-weight:700;line-height:1.25;color:var(--db-blue);background:transparent}
.discovery-board__reset{background:#fff;color:var(--db-blue);border-color:#9cb4f7;margin-top:4px}
.discovery-board [hidden]{display:none!important}
.discovery-board button:focus-visible,.discovery-board a:focus-visible{outline:3px solid #214de1;outline-offset:3px}
@media(max-width:400px){.discovery-board{padding:16px}.discovery-board__tile{padding:12px;min-height:145px}.discovery-board__example{padding:12px}}
@media(prefers-reduced-motion:no-preference){.discovery-board__tile{transition:transform .2s ease,box-shadow .2s ease}.discovery-board__tile:hover,.discovery-board__tile:focus-visible{transform:translateY(-3px);box-shadow:0 10px 20px #214de118}.discovery-board__tile:active{transform:scale(.96)}.discovery-board[data-state=revealed]{animation:discovery-reveal .35s ease-out}.discovery-board__example[data-done=true]{animation:discovery-result .35s ease-out}@keyframes discovery-reveal{from{opacity:.45;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes discovery-result{from{box-shadow:0 0 0 4px #214de140;transform:scale(.98)}to{box-shadow:0 0 0 0 transparent;transform:none}}}
/* Notes progressively disclose supporting detail, while the answer stays visible. */
.discovery-section{margin-block:28px 36px}
.note-step,.note-sources{border:1px solid #c7d5ee;border-radius:12px;background:#fff;margin:12px 0;padding:0 16px}
.note-step>summary,.note-sources>summary{min-height:52px;cursor:pointer;padding:14px 0;color:#214de1;font-size:17px;line-height:1.35;font-weight:700}
.note-step>p{margin:0 0 18px;font-size:17px;line-height:1.6}
.note-sources a{overflow-wrap:anywhere;display:inline-block;padding:10px 0;min-height:44px}
.note-step>summary:focus-visible,.note-sources>summary:focus-visible{outline:3px solid #214de1;outline-offset:3px}
@media(max-width:600px){body:has(.discovery-section) .cabecera__figura{max-height:160px;width:100%;object-fit:contain}body:has(.discovery-section) .cabecera__figura img,body:has(.discovery-section) .cabecera__figura svg{max-height:160px;width:100%;object-fit:contain}body:has(.discovery-section) .page-head h1{font-size:32px;line-height:1.13}body:has(.discovery-section) .lede{font-size:17px;line-height:1.4}.discovery-section{margin-block:20px 28px}.note-step,.note-sources{padding-inline:14px}}
/* Reading and discovery pages also keep navigation out of the content area. */
body:has(.discovery-section) .rail-bottomnav,body:has(.note-step) .rail-bottomnav{position:static;transform:none;width:auto;max-width:100%;margin:20px 12px}
body:has(.discovery-section) .rail-bottomnav__spacer,body:has(.note-step) .rail-bottomnav__spacer{display:none}
.discovery-board{scroll-margin-top:76px}