.word-lists-page{background:#f5f7fa}.word-list-home,.word-list-page{padding:12px 0 70px;color:#172f4b}.word-list-hero{max-width:810px;padding:22px 0 32px}.word-list-hero h1{font-size:clamp(36px,5vw,52px);line-height:1.12;letter-spacing:-1.4px;margin:12px 0 18px}.word-list-hero h1 em{color:#245dcc;font-style:normal}.word-list-hero p{font-size:18px;line-height:1.72;color:#52667e;margin:0}
.word-list-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.word-list-modes>a{display:flex;flex-direction:column;min-width:0;min-height:300px;padding:28px;background:#fff;border:1px solid #d9e3ee;border-radius:14px;color:#172f4b;text-decoration:none;transition:transform .15s,border-color .15s}.word-list-modes>a:nth-child(2){background:#edf4fc}.word-list-modes>a:nth-child(3){background:#f0f5ee}.word-list-modes>a:hover{transform:translateY(-2px);border-color:#86a4ca}.word-list-symbol{display:flex;align-items:center;justify-content:center;width:65px;height:55px;background:#e8f0fb;border-radius:9px;color:#245dcc;font-size:19px;font-weight:700;letter-spacing:1px}.word-list-modes h2{font-size:25px;margin:26px 0 12px}.word-list-modes p{color:#596d82;line-height:1.65;margin:0 0 25px}.word-list-modes div>span{display:block;color:#245dcc;font-size:14px;font-weight:600;margin-top:auto}.word-list-modes>a>div{display:flex;flex-direction:column;flex:1}.word-list-note{margin-top:26px;padding:27px 30px;background:#fff;border:1px solid #dce5ef;border-radius:13px}.word-list-note h2{font-size:22px;margin:0 0 8px}.word-list-note p{max-width:800px;color:#566a80;line-height:1.65;margin:0}
.word-list-mode-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px;padding:6px;background:#e9eff6;border-radius:10px;width:fit-content}.word-list-mode-nav a{padding:10px 15px;border-radius:7px;color:#456078;text-decoration:none;font-size:14px;font-weight:600}.word-list-mode-nav [aria-current]{background:#172f4b;color:#fff}.word-letter-section,.word-combination-section,.word-results{background:#fff;border:1px solid #dce5ef;border-radius:14px;padding:28px;margin-top:22px}.word-list-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.word-list-heading h2{font-size:27px;line-height:1.3;margin:8px 0 0}.word-list-heading>span{color:#687b8f;font-size:13px}.word-letter-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px}.word-letter-grid a,.word-combination-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:70px;border:1px solid #d5e0ed;border-radius:8px;background:#f7f9fc;color:#17304d;text-decoration:none}.word-letter-grid a:hover,.word-combination-grid a:hover{border-color:#7599c6;background:#eaf2fc}.word-letter-grid strong{font-size:20px}.word-letter-grid small,.word-combination-grid small{font-size:10px;color:#72859a;font-variant-numeric:tabular-nums}.word-combination-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}.word-combination-grid a{min-height:60px}.word-combination-grid strong{font-size:16px}.word-list-trail{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#738599}.word-list-trail a{color:#365f91;text-decoration:none}.word-list-trail [aria-current]{font-weight:700;color:#172f4b}
.word-length-filter{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:22px 0;padding:18px;background:#fff;border:1px solid #dce5ef;border-radius:12px}.word-length-filter>span{font-size:13px;font-weight:700;margin-right:5px}.word-length-filter a{display:flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #d5e0eb;border-radius:7px;color:#35526f;text-decoration:none;font-size:13px}.word-length-filter a small{font-size:9px;color:#7c8ea0}.word-length-filter [aria-current]{background:#245dcc;color:#fff;border-color:#245dcc}.word-length-filter [aria-current] small{color:#dce7ff}.word-list-refine{padding:23px;background:#eef4fb;border-radius:9px;color:#294967}.word-list-refine p{margin:7px 0 0;line-height:1.6}.word-length-group+.word-length-group{margin-top:28px}.word-length-group h3{display:flex;justify-content:space-between;align-items:center;font-size:16px;margin:0;padding:13px 16px;background:#edf3fa;border-radius:8px 8px 0 0}.word-length-group h3 span{font-size:11px;font-weight:500;color:#687d93}.word-length-group ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:8px 16px 14px;margin:0;border:1px solid #e1e8f0;border-top:0;border-radius:0 0 8px 8px}.word-length-group li{min-width:0;border-bottom:1px solid #edf1f5}.word-length-group li>a,.word-length-group li>span{display:flex;justify-content:space-between;gap:8px;padding:11px 10px;color:#223c58;text-decoration:none;font-size:15px;overflow-wrap:anywhere}.word-length-group li>a:hover{color:#174fea;background:#f6f9fd}.word-length-group li>a span{font-size:11px;color:#7990aa}
.word-list-source{margin:24px 0;color:#61758b;font-size:13px}.word-list-source summary{cursor:pointer;color:#365f91;font-weight:600}.word-list-source p{max-width:760px;line-height:1.65}
@media(max-width:980px){.word-letter-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.word-combination-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.word-length-group ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.word-list-modes{grid-template-columns:1fr}.word-list-modes>a{min-height:0}.word-letter-section,.word-combination-section,.word-results{padding:20px}.word-letter-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.word-combination-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.word-length-group ul{grid-template-columns:repeat(2,minmax(0,1fr))}.word-list-heading{align-items:flex-start;flex-direction:column;gap:7px}.word-list-hero p{font-size:17px}}
@media(max-width:390px){.word-letter-grid,.word-combination-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.word-letter-section,.word-combination-section,.word-results{padding:17px}.word-length-group ul{grid-template-columns:1fr}.word-length-filter{padding:14px}.word-list-mode-nav{width:100%;display:grid}.word-list-mode-nav a{text-align:center}}