/* Task shortcuts use the existing colors and system fonts. No remote assets. */
.skip-link { position:fixed; left:1rem; top:-100px; z-index:110; padding:.8rem 1rem; background:#2dd4bf; color:#041016; }
.skip-link:focus { top:1rem; }
.discovery-hero { padding:3.5rem 0 2.5rem; }
.discovery-inner { width:min(1040px,calc(100% - 32px)); margin:auto; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:2.5rem; align-items:center; }
.locale-pt .discovery-inner { width:min(1180px,calc(100% - 32px)); }
.discovery-hero h1 { font-size:clamp(2.1rem,4.8vw,4rem); line-height:1.08; letter-spacing:-.035em; text-wrap:balance; margin:.75rem 0 1rem; }
.discovery-hero .lead { max-width:54ch; line-height:1.65; }
.discovery-primary { display:flex; align-items:center; gap:1rem 1.5rem; flex-wrap:wrap; margin:1.5rem 0 1rem; }
.discovery-secondary { display:flex; flex-wrap:wrap; gap:.6rem 1.25rem; font-size:.95rem; }
.discovery-example { min-width:0; margin:0; padding:1.5rem; border-left:2px solid var(--accent,#2dd4bf); background:var(--panel,#121922); border-radius:0 .8rem .8rem 0; }
.discovery-example h2 { margin:0 0 1.25rem; font-size:1.05rem; line-height:1.5; color:var(--muted,#9fb0c0); font-weight:500; }
.discovery-example pre { max-width:100%; overflow:auto; font:clamp(.7rem,1.1vw,.85rem)/1.15 Consolas,monospace; color:#d8f3ff; margin:0 0 1.5rem; }
.discovery-example figcaption { color:var(--muted,#9fb0c0); font-size:.8rem; margin:1rem 0 0; }
.banner-continuation { margin-top:1.25rem; border-top:1px solid var(--border,#253241); padding-top:1rem; }
.banner-continuation strong { display:block; margin-bottom:.6rem; }
.banner-continuation .discovery-links { display:flex; gap:.75rem 1.25rem; flex-wrap:wrap; }
.banner-continuation p { color:var(--muted,#9fb0c0); font-size:.82rem; max-width:65ch; }
.readme-starters { margin:1.5rem 0; padding:1.25rem 0; border-block:1px solid var(--border,#253241); }
.readme-builder { scroll-margin-top:6rem; }
.readme-starters h3 { margin:0 0 .5rem; }
.readme-starters > p { color:var(--muted,#9fb0c0); max-width:75ch; }
.readme-starter-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; margin:1.25rem 0; }
.readme-starter-list article { display:flex; flex-direction:column; align-items:flex-start; min-width:0; }
.readme-starter-list h4 { margin:0 0 .5rem; font-size:1rem; }
.readme-starter-list p { margin:0 0 1rem; font-size:.9rem; color:var(--muted,#9fb0c0); }
.readme-starter-list button { margin-top:auto; min-height:44px; }
.readme-replace { border-left:2px solid var(--accent,#2dd4bf); padding:.5rem 1rem; margin:1rem 0; background:var(--panel,#121922); }
.readme-replace p { margin:.5rem 0 1rem; }
.discovery-hero a:focus-visible,.banner-continuation a:focus-visible,.readme-starters a:focus-visible,.readme-starters button:focus-visible { outline:2px solid var(--accent,#2dd4bf); outline-offset:4px; }
.discovery-hero a.button:hover { background:#182331; color:#e8f0f7; }
.discovery-hero a:active,.readme-starters button:active { transform:translateY(1px); }
.banner-continuation[hidden],.readme-replace[hidden] { display:none; }
@media(max-width:800px) { .discovery-hero { padding-top:2.25rem; } .discovery-inner { grid-template-columns:minmax(0,1fr); gap:1.75rem; } .discovery-example { padding:1.25rem; } .discovery-example pre { font-size:.78rem; } .readme-starter-list { grid-template-columns:minmax(0,1fr); gap:1.5rem; } }
@media(prefers-reduced-motion:reduce) { .discovery-hero a,.readme-starters button { transition:none; } }