/* Static marketing explanations only. No app or viewer consumes these selectors. */
.discovery-content { container-type: inline-size; scroll-margin-top: 24px; }
.discovery-content p, .discovery-content li, .discovery-content dd, .discovery-content figcaption { line-height: 1.7; }
.discovery-content a { color: #7ce4b4; text-decoration: underline; text-underline-offset: .2em; overflow-wrap: anywhere; }
.discovery-content p > a, .discovery-content li a, .discovery-content .discovery-example > a, .discovery-requirements > a { display: inline-flex; align-items: center; min-height: 44px; }
.discovery-content a:focus-visible { outline: 3px solid #89f3bf; outline-offset: 4px; }
.discovery-requirements, .discovery-example { padding: clamp(1.15rem, 3vw, 2rem); background: #101e1b; border: 1px solid #3e5a50; border-radius: 22px; margin: 1.5rem 0; }
.discovery-requirements p, .discovery-example p { margin: .6rem 0; }
.discovery-content h2 { line-height: 1.15; overflow-wrap: anywhere; }
.discovery-content h3 { margin: 0 0 .65rem; line-height: 1.3; font-size: clamp(1.2rem, 2.6vw, 1.55rem); }
.discovery-walkthrough { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, .6fr); gap: clamp(1.25rem, 4vw, 3rem); align-items: start; }
.discovery-steps { list-style: decimal; padding-left: 1.5rem; margin: 0; }
.discovery-steps li { padding: .3rem 0 1rem .5rem; }
.discovery-steps li::marker { color: #7ce4b4; font-weight: 600; }
.discovery-figure { margin: 0; min-width: 0; }
.discovery-figure img { display: block; max-width: 280px; width: 100%; height: auto; margin: 0 auto; border-radius: 20px; }
.discovery-figure figcaption, .discovery-note { color: #bdc8d3; font-size: .95rem; margin-top: 1rem; }
.discovery-landscape img { max-width: 100%; border-radius: 12px; }
.discovery-walkthrough:has(.discovery-landscape) { grid-template-columns: 1fr; }
.discovery-dictionary { margin: 1.25rem 0; }
.discovery-dictionary > div { display: grid; grid-template-columns: minmax(7rem, .25fr) minmax(0, 1fr); gap: 1rem; border-top: 1px solid #3e5a50; padding: 1rem 0; }
.discovery-dictionary dt { font-weight: 600; color: #f0f5f3; }
.discovery-dictionary dd { margin: 0; }
@container (max-width: 700px) { .discovery-walkthrough { grid-template-columns: 1fr; } .discovery-dictionary > div { grid-template-columns: 1fr; gap: .35rem; } }
@media (max-width: 700px) { .discovery-walkthrough { grid-template-columns: 1fr; } .discovery-dictionary > div { grid-template-columns: 1fr; gap: .35rem; } }