.fr-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.fr-category-tile{display:flex;flex-direction:column;overflow:hidden;background:#f3faf8;border:1px solid #dcebe8;border-radius:18px;color:#18383b;font-weight:800}
.fr-category-tile img{width:100%;aspect-ratio:1.2;object-fit:cover}
.fr-category-tile>span{display:flex;justify-content:space-between;gap:12px;padding:16px}
.fr-category-tile:hover,.fr-link-card:hover{border-color:#0aa99d;transform:translateY(-2px)}
.fr-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.fr-link-card{display:flex;flex-direction:column;min-height:190px;padding:24px;background:#fff;border:1px solid #dcebe8;border-radius:18px;box-shadow:0 8px 28px #163c3c0b;transition:transform .15s,border-color .15s}
.fr-link-card h2,.fr-link-card h3{font-size:21px;line-height:1.3;margin:8px 0 12px}
.fr-link-card p{color:#597078;line-height:1.65;margin:0 0 20px}
.fr-link-card>span:last-child{margin-top:auto;color:#087f78;font-weight:800;font-size:13px}
.fr-advice{padding:26px 30px;margin-bottom:48px;border-left:4px solid #0cc5b6;background:#effaf8;border-radius:0 16px 16px 0}
.fr-advice h2{font-size:22px;margin:0 0 8px}
.fr-advice p{margin:0;color:#4d686e;line-height:1.7}
.fr-advice a{display:inline-block;margin-top:12px;color:#087f78;font-weight:800}
.guide-article-shell>.fr-advice{margin-top:55px}
.fr-return{display:flex;justify-content:space-between;gap:20px;margin-top:45px;padding-top:24px;border-top:1px solid #dcebe8;font-weight:800;color:#087f78}
.fr-return a:hover{text-decoration:underline}
.blog-article-shell>.fr-return{margin-top:65px}
@media(max-width:1100px){.fr-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fr-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.fr-category-grid,.fr-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fr-category-tile>span{font-size:12px;padding:12px}.fr-link-grid{grid-template-columns:1fr}.fr-link-card{min-height:0;padding:21px}.fr-advice{padding:20px}.fr-return{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.fr-category-tile,.fr-link-card{transition:none}}
