.useful-page{background:#f7f5f0;color:#292d2b}.useful-page .site-header{background:#fff}.useful-hero{padding:56px 0 50px;border-bottom:1px solid #ddd6ca;background:#ece8df}.useful-hero span{color:#168065;font-size:.72rem;font-weight:700;letter-spacing:.16em}.useful-hero h1{margin:8px 0 12px;color:#24362f;font:600 clamp(2.2rem,4.5vw,3.8rem)/1.05 Georgia,serif}.useful-hero p{max-width:700px;margin:0;color:#626b67;font-size:1.04rem;line-height:1.65}.useful-directory{padding-top:30px;padding-bottom:80px}.useful-tag-filter{display:flex;gap:8px;overflow-x:auto;margin-bottom:30px;padding-bottom:17px;border-bottom:1px solid #d8d1c5;scrollbar-width:thin}.useful-tag-filter a{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:9px 13px;border:1px solid #d4ccc0;border-radius:20px;background:#fff;color:#3d4b45;text-decoration:none;font-size:.84rem;font-weight:600}.useful-tag-filter a:hover,.useful-tag-filter a.active{border-color:#168065;background:#e8f3ef;color:#126b55}.useful-tag-filter b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:12px;background:#ece9e2;font-size:.68rem}.useful-tag-filter a.active b{background:#168065;color:#fff}.useful-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.useful-heading h2{margin:0;color:#263a32;font:600 1.75rem/1.15 Georgia,serif}.useful-heading p{margin:0;color:#777d79;font-size:.88rem}.useful-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.useful-item{position:relative;display:flex;min-height:138px;flex-direction:column;padding:22px 46px 20px 22px;border:1px solid #d5cec2;background:#fff;color:#263a32;text-decoration:none;transition:.18s ease}.useful-item:hover{transform:translateY(-2px);border-color:#8aa99c;box-shadow:0 10px 24px #233b3114}.useful-item strong{font:600 1.16rem/1.3 Georgia,serif}.useful-item-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:18px}.useful-item-tags u{padding:4px 8px;border-radius:12px;background:#edf3f0;color:#326251;font-size:.65rem;font-weight:700;text-decoration:none}.useful-item i{position:absolute;top:19px;right:20px;color:#168065;font-size:1.1rem;font-style:normal}.useful-empty{padding:30px;border:1px solid #d5cec2;background:#fff}.category-nav .useful{font-weight:700}@media(max-width:980px){.useful-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.useful-hero{padding:40px 0}.useful-directory{padding-top:22px}.useful-list{grid-template-columns:1fr}.useful-heading{align-items:start;flex-direction:column;gap:7px}.useful-item{min-height:120px}}