.cool-guide{--bt:#2a87a6}.cool-areas{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.cool-areas article{padding:20px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--bt)}.cool-areas b{font-size:15px;color:var(--ink)}.cool-areas p{margin-top:8px!important}@media(max-width:800px){.cool-areas{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.cool-areas{grid-template-columns:1fr}}