.wrap{max-width:1080px;margin:0 auto;padding:40px 24px 80px}.hero{text-align:center;padding:24px 0 36px}.hero h1{font-size:clamp(28px,5vw,40px);margin-bottom:10px}.hero p{margin:0 auto 26px;max-width:560px;color:var(--text-soft)}.search-box{max-width:560px;margin:0 auto;position:relative}.search-box input{padding:13px 16px 13px 44px;border-radius:100px;font-size:15px;box-shadow:var(--shadow)}.search-box svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none}.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:26px 0 34px}.chip{padding:6px 14px;border:1px solid var(--border-strong);border-radius:100px;background:var(--surface);color:var(--text-soft);font-size:13.5px;font-weight:550;cursor:pointer;transition:all .15s}.chip:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.chip.active{background:var(--brand);border-color:var(--brand);color:var(--on-brand);font-weight:600}.chip .count{opacity:.6;margin-left:5px;font-size:12px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}.card{display:block;padding:20px 22px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);transition:border-color .15s,transform .15s,box-shadow .15s}.card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow);text-decoration:none}.card h2{font-size:16.5px;margin-bottom:8px}.card p{margin:0 0 14px;font-size:14px;color:var(--text-soft);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card footer{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-faint)}.card-with-media{padding:0;overflow:hidden}.card-with-media .card-body{padding:20px 22px}.card-with-logo .card-body{padding-top:34px}.cover-media{position:relative}.cover-media-image{display:block;width:100%;object-fit:cover;background:var(--bg-sunken)}.cover-media-card .cover-media-image{aspect-ratio:16/9}.cover-media-article .cover-media-image{aspect-ratio:2/1;border-radius:var(--radius)}.cover-media-logo{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.cover-media-logo img{display:block;width:auto;object-fit:contain}.cover-media-card .cover-media-logo img{height:22px;max-width:128px}.cover-media-article .cover-media-logo img{height:34px;max-width:190px}.cover-media.has-cover .cover-media-logo{position:absolute;left:16px;bottom:-20px}.cover-media-article.has-cover .cover-media-logo{left:20px;bottom:-26px}.cover-media-article{margin-bottom:28px}.cover-media-article.has-cover.has-logo{margin-bottom:50px}@media (max-width:560px){.cover-media-article .cover-media-image{aspect-ratio:16/9}.cover-media-article .cover-media-logo img{height:26px}}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:36px}.pagination span{font-size:14px;color:var(--text-soft);padding:0 8px}.article-page{max-width:760px;margin:0 auto;padding:40px 24px 90px}.breadcrumb{font-size:14px;color:var(--text-faint);margin-bottom:22px}.breadcrumb a{color:var(--text-soft)}.article-head{padding-bottom:24px;margin-bottom:32px;border-bottom:1px solid var(--border)}.article-head h1{font-size:clamp(26px,4.5vw,36px);margin:12px 0 14px}.article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;color:var(--text-faint)}@media (max-width:600px){.article-page,.wrap{padding-left:18px;padding-right:18px}.card-grid{grid-template-columns:1fr}}.category-head{max-width:760px;margin:0 auto 32px;text-align:center}.category-head h1{font-size:clamp(26px,4.5vw,36px);margin-bottom:12px}.category-description{margin:0;color:var(--text-soft);font-size:16.5px;line-height:1.6}.section-title{margin:40px 0 18px;font-size:15px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint)}.subcategory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px;margin-bottom:8px}.subcategory-card{display:block;padding:18px 20px;border:1px solid var(--border);border-left:3px solid var(--brand);border-radius:var(--radius);background:var(--surface);color:var(--text);transition:border-color .15s,transform .15s,box-shadow .15s}.subcategory-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);text-decoration:none}.subcategory-card h2{font-size:15.5px;margin-bottom:6px}.subcategory-card p{margin:0 0 10px;font-size:13.5px;color:var(--text-soft);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.subcategory-card .count{font-size:12px;color:var(--text-faint)}.article-page .breadcrumb a{color:var(--text-soft)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:18px;gap:18px}.category-tile{padding:22px 24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.category-tile h2{font-size:18px;margin-bottom:8px}.category-tile h2 a{color:var(--text)}.category-tile h2 a:hover{color:var(--accent)}.category-tile>p{margin:0 0 14px;font-size:14px;color:var(--text-soft)}.subcategory-list{list-style:none;margin:0 0 14px;padding:0}.subcategory-list li{display:flex;align-items:baseline;gap:8px;padding:5px 0;border-top:1px solid var(--border);font-size:14px}.subcategory-list .count{margin-left:auto;font-size:12px;color:var(--text-faint)}.category-tile-more{font-size:13px;font-weight:550}.related{margin-top:56px;padding-top:28px;border-top:1px solid var(--border)}.related h2{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);margin-bottom:14px}.related ul{list-style:none;margin:0;padding:0}.related li{display:flex;align-items:baseline;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}.related li:last-child{border-bottom:none}.related li a{font-size:15.5px}.related-category{margin-left:auto;flex-shrink:0;font-size:12px;color:var(--text-faint)}.lang-switcher{margin-left:auto;display:flex;align-items:center;gap:2px;font-size:13px;font-weight:600}.lang-switcher .lang-current,.lang-switcher a{padding:5px 10px;border-radius:100px;line-height:1}.lang-switcher a{color:var(--text-faint);transition:color .15s,background .15s}.lang-switcher a:hover{color:var(--accent);background:var(--bg-soft);text-decoration:none}.lang-switcher .lang-current{background:var(--brand);color:var(--on-brand)}