/* R17: slower stationary reveal with T21's grayscale letterform glow. */
#top .dictionary-flow{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);margin-top:80px;--lexicon-ink:#f1f1f1;--lexicon-muted:#9b9b9b;--lexicon-rule:#272727}
#top .lexicon-journey{position:relative;min-width:0;padding:26px 40px 28px 0}
#top .dictionary-flow .dictionary-top{display:block;margin:0 0 42px}
#top .dictionary-flow .dictionary-top h3{margin:0;font-size:clamp(24px,2.45vw,35px);font-weight:400;line-height:1.2;letter-spacing:-.045em;color:var(--lexicon-ink)}
#top .dictionary-flow .dictionary-top .dictionary-privacy{margin:6px 0 0!important;font-size:clamp(16px,1.25vw,18px);font-weight:400;line-height:1.5;letter-spacing:-.015em;color:var(--lexicon-muted)}
#top .lexicon-example{display:flex;align-items:center;gap:16px;margin-bottom:40px}
#top .lexicon-platforms{display:flex;gap:5px;flex:none}
#top .lexicon-platform{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,calc(.025 + .065 * var(--lexicon-emphasis,0)));opacity:calc(.3 + .7 * var(--lexicon-emphasis,0))}

#top .lexicon-platform img{display:block;width:18px;height:18px;object-fit:contain}
#top .lexicon-source{min-width:0;height:auto;margin:0}
#top .lexicon-source-sentence{margin:0!important;color:var(--lexicon-muted);font-size:clamp(19px,1.7vw,25px);font-weight:400;line-height:1.4;letter-spacing:-.025em}
#top .lexicon-source-word{display:inline-block;white-space:nowrap;line-height:1.4;color:#b8b8b8}
/* Matching terms brighten as plain text on the shared recognition clock. */
#top .lexicon-source-word,#top .lexicon-entries li{text-shadow:none}
#top .lexicon-phrase{display:contents}
#top .lexicon-phrase.is-joined{display:inline-block;white-space:nowrap}
#top .lexicon-collection-label{margin:0 0 18px!important;color:var(--lexicon-muted);font-size:12px;line-height:20px}
#top .lexicon-entries{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,1fr);column-gap:18px;row-gap:17px;list-style:none;padding:0;margin:0!important}
#top .lexicon-entries li{list-style:none;padding:0;margin:0!important;font-size:clamp(12px,1.13vw,16px);line-height:1.4;font-weight:400;letter-spacing:-.015em;color:var(--lexicon-muted);white-space:nowrap;width:max-content;max-width:100%}
#top .lexicon-description{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0}
#top .lexicon-features{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,1fr);list-style:none;margin:0!important;padding:0;border:0;background-size:100% 100%;background-repeat:no-repeat}
#top .lexicon-features li{position:relative;list-style:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px 20px 32px;text-align:center;margin:0!important;min-width:0;color:var(--lexicon-muted);transition:color .35s ease}
/* All separators use the shared resize-only glass contour renderer. */
#top .lexicon-features svg{display:block;width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:1}
#top .lexicon-features span{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:16px;font-weight:400;line-height:24px;color:inherit;letter-spacing:-.015em;text-wrap:balance}
#top .lexicon-features li::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,rgba(255,255,255,.05));opacity:0;transition:opacity .45s cubic-bezier(.6,.6,0,1);pointer-events:none;z-index:-1}
@media(hover:hover) and (pointer:fine){#top .lexicon-features li:hover{color:var(--lexicon-ink)}#top .lexicon-features li:hover::after{opacity:1}}
#top .lexicon-features li:focus-within{color:var(--lexicon-ink)}
@media(max-width:1050px) and (min-width:761px){
 #top .dictionary-flow{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
 #top .lexicon-journey{padding-right:26px}
 #top .lexicon-entries{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:13px}
 #top .lexicon-entries li:nth-child(n+10){display:none}
 #top .lexicon-entries li{font-size:14px}
}
@media(max-width:760px){
 #top .dictionary-flow{grid-template-columns:1fr;margin-top:56px}
 #top .lexicon-journey{padding:16px 0 34px}
 #top .dictionary-flow .dictionary-top{margin-bottom:35px}
 #top .dictionary-flow .dictionary-top h3{margin:0;font-size:clamp(24px,5.6vw,32px)}
 #top .lexicon-example{align-items:flex-start;gap:12px}
 #top .lexicon-platforms{gap:4px;padding-top:2px}
 #top .lexicon-platform{width:26px;height:26px;border-radius:8px}
 #top .lexicon-platform img{width:16px;height:16px}
 #top .lexicon-source-sentence{font-size:clamp(20px,4.8vw,25px);margin-top:0!important}
 #top .lexicon-entries{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px;row-gap:16px}
 #top .lexicon-entries li{font-size:13px}
 #top .lexicon-entries li:nth-child(n+10){display:none}
 #top .lexicon-features li{padding:26px 16px 28px;gap:16px}
 #top .lexicon-features span{min-height:42px;font-size:14px;line-height:21px}
}
@media(max-width:480px){
 #top .lexicon-entries{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:13px}
 #top .lexicon-entries li:nth-child(n+7){display:none}
}
@media(prefers-reduced-motion:reduce){#top .lexicon-source-word,#top .lexicon-entries li{text-shadow:none}#top .lexicon-features svg,#top .lexicon-features li::after{transition:none}}

/* Three fixed semantic columns. Incoming words stay in their own category. */
#top .lexicon-collection{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,1.35fr);gap:24px}
#top .lexicon-category{min-width:0}
#top .lexicon-category h4{margin:0 0 18px;color:var(--lexicon-muted);font-size:12px;font-weight:400;line-height:20px;letter-spacing:0}
#top .lexicon-category .lexicon-entries{display:flex;flex-direction:column;gap:17px}
#top .lexicon-category .lexicon-entries li{display:block!important;min-height:1.4em;white-space:normal}
#top .lexicon-entries .dd-sweep{--dd-blur:8px;overflow:visible}
#top .lexicon-source-word{--dd-blur:8px}
#top .lexicon-source-word.dd-sweep{padding:0;margin:0;overflow:visible}
#top .lexicon-source-word>.dd-content{display:inline-block;padding:0;margin:0}
#top .lexicon-collection.dd-sweep>.dd-content{grid-column:1/-1;display:grid;grid-template-columns:inherit;gap:inherit;min-width:0}
@media(max-width:1050px) and (min-width:761px){
 #top .lexicon-collection{gap:16px;grid-template-columns:minmax(0,.8fr) minmax(0,.95fr) minmax(0,1.35fr)}
 #top .lexicon-category .lexicon-entries li{font-size:13px}
}
@media(max-width:760px){
 #top .lexicon-collection{gap:14px;grid-template-columns:minmax(0,.82fr) minmax(0,.96fr) minmax(0,1.35fr)}
 #top .lexicon-category h4{font-size:11px;margin-bottom:16px}
 #top .lexicon-category .lexicon-entries{gap:14px}
 #top .lexicon-category .lexicon-entries li{font-size:13px;min-height:2.8em}
}
@media(max-width:359px){#top .lexicon-collection{gap:10px}#top .lexicon-category .lexicon-entries li{font-size:12px}}

@media(prefers-reduced-motion:reduce){#top .lexicon-platform{transition:none}}

@media(prefers-reduced-motion:reduce){#top .lexicon-features li{transition:none}}
