.syn-tag[data-astro-cid-5rjub6zj]{background:#e8f4e8!important;border-color:#4caf50!important;color:#2e7d32!important}</style{isRare && <span class="freq-badge">ovanlig</span>}</div> ))} </div> </div> )}{anagrams.length > 0 && (<div class="section"> <h2>Anagram av {upper}</h2> <p style="color: var(--color-text-muted); font-size: 0.9rem; margin-bottom: 0.5rem;"> Ord med exakt samma bokstäver i annan ordning: </p> <WordList words={anagrams} /> {anagrams.length > 0 && (<p style="margin-top: 0.5rem; font-size: 0.85rem;"> <a href={`/anagram/${word}`}>Mer om anagram av {upper} →</a> </p>)} </div>)}{subWords.length > 0 && (<div class="section"> <h2>Dolda ord i {upper}</h2> <p style="color: var(--color-text-muted); font-size: 0.9rem; margin-bottom: 0.5rem;"> Kortare ord som gömmer sig i bokstäverna: </p> <div class="word-list"> {subWords.slice(0,20).map(w => (<a href={`/ord/${w}`} class="word-tag sub-tag">{w}</a>))} </div> {subWords.length > 20 && (<p style="margin-top: 0.5rem; color: var(--color-text-muted); font-size: 0.85rem;"> ...och {subWords.length - 20} fler dolda ord </p>)} </div>)}<AdSlot />{patterns.length > 0 && (<div class="section"> <h2>Korsordsmönster som matchar {upper}</h2> <p style="color: var(--color-text-muted); font-size: 0.9rem; margin-bottom: 0.5rem;"> Om du söker efter {upper} i ett korsord kan mönstret se ut så här: </p> <div class="word-list"> {patterns.slice(0,6).map(p => (<a href={`/sok?m=${p}`} class="word-tag">{p.toUpperCase()}</a>))} </div> </div>)}{rhymes.length > 0 && (<div class="section"> <h2>Rimord till {upper}</h2> <p style="color: var(--color-text-muted); font-size: 0.9rem; margin-bottom: 0.5rem;"> Ord med {len} bokstäver som slutar på {word.substring(len - 3).toUpperCase()}: </p> <WordList words={rhymes} /> </div>)}{similar.length > 0 && (<div class="section"> <h2>Liknande ord</h2> <WordList words={similar} /> </div>)}<AdSlot />{sameLength.length > 0 && (<div class="section"> <h2>Andra ord med {len} bokstäver</h2> <WordList words={sameLength} limit={30} /> <p style="margin-top: 0.5rem; font-size: 0.85rem;"> <a href={`/bokstaver/${len}`}>Visa alla ord med {len} bokstäver →</a> </p> </div>)}{samePrefix.length > 0 && (<div class="section"> <h2>Ord som börjar med {word.substring(0,2).toUpperCase()}</h2> <WordList words={samePrefix} limit={20} /> <p style="margin-top: 0.5rem; font-size: 0.85rem;"> <a href={`/borjar-med/${word.substring(0,2)}`}>Visa alla ord som börjar med {word.substring(0,2).toUpperCase()} →</a> </p> </div>)}</BaseLayout> <style> .syn-tag{background:#e8f4e8!important;border-color:#4caf50!important;color:#2e7d32!important}.sub-tag[data-astro-cid-5rjub6zj]{background:#fff3e0!important;border-color:#ff9800!important;color:#e65100!important}.info-cards[data-astro-cid-5rjub6zj]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:1rem}.info-card[data-astro-cid-5rjub6zj]{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:.5rem;padding:.75rem;text-align:center}.info-label[data-astro-cid-5rjub6zj]{display:block;font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.info-value[data-astro-cid-5rjub6zj]{font-size:1.5rem;font-weight:700;color:var(--color-text)}.info-value[data-astro-cid-5rjub6zj].points{color:var(--color-primary)}.info-value[data-astro-cid-5rjub6zj].vowel{color:#e91e63}.info-value[data-astro-cid-5rjub6zj].consonant{color:#2196f3}.info-detail[data-astro-cid-5rjub6zj] p[data-astro-cid-5rjub6zj]{margin:.3rem 0}.letter-points[data-astro-cid-5rjub6zj]{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.lp-tile[data-astro-cid-5rjub6zj]{display:flex;flex-direction:column;align-items:center;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:.4rem;padding:.4rem .6rem;min-width:2.5rem}.lp-char[data-astro-cid-5rjub6zj]{font-size:1.1rem;font-weight:700;text-transform:uppercase}.lp-pts[data-astro-cid-5rjub6zj]{font-size:.7rem;color:var(--color-text-muted)}.lp-total[data-astro-cid-5rjub6zj]{background:var(--color-primary);border-color:var(--color-primary)}.lp-total[data-astro-cid-5rjub6zj] .lp-char[data-astro-cid-5rjub6zj],.lp-total[data-astro-cid-5rjub6zj] .lp-pts[data-astro-cid-5rjub6zj]{color:#fff}.freq-bars[data-astro-cid-5rjub6zj]{display:flex;flex-direction:column;gap:.3rem}.freq-item[data-astro-cid-5rjub6zj]{display:flex;align-items:center;gap:.5rem}.freq-letter[data-astro-cid-5rjub6zj]{font-weight:700;width:1.5rem;text-align:center}.freq-bar[data-astro-cid-5rjub6zj]{height:1.2rem;background:var(--color-primary);border-radius:.2rem;min-width:1rem;opacity:.7}.freq-count[data-astro-cid-5rjub6zj]{font-size:.8rem;color:var(--color-text-muted)}.freq-badge[data-astro-cid-5rjub6zj]{font-size:.65rem;background:#ff5722;color:#fff;padding:.1rem .4rem;border-radius:.25rem;font-weight:600}.rare[data-astro-cid-5rjub6zj] .freq-bar[data-astro-cid-5rjub6zj]{background:#ff5722}.rare[data-astro-cid-5rjub6zj] .freq-letter[data-astro-cid-5rjub6zj]{color:#ff5722}
