#ofnlcompare #areas-list.inner{flex-direction:column;padding:20px;min-height:100vh}#ofnlcompare #areas-list{padding:20px}#ofnlcompare #areas-list.inner .areas-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px}#ofnlcompare #areas-list.inner p.breadcrumbs{font-size:16px}#ofnlcompare #areas-list.inner p.breadcrumbs svg{font-size:75%}#ofnlcompare #areas-list.inner .area-item{background:#fff;border:1px solid #ccc;border-radius:8px;overflow:hidden;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}#ofnlcompare #areas-list.inner .area-item:hover{box-shadow:0 4px 8px rgba(0,0,0,.2)}#ofnlcompare #areas-list.inner .area-image{width:100%;height:150px;object-fit:cover;border-bottom:1px solid #ccc}#ofnlcompare #areas-list.inner .area-info{padding:10px;display:flex;flex-direction:column;flex-grow:1}#ofnlcompare #areas-list.inner .link-wrap{display:flex;flex:1 0 auto;justify-content:center;height:max-content;align-items:flex-end}#ofnlcompare #areas-list.inner .link-wrap .area-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #f0f0f0;height:-moz-fit-content;height:fit-content;width:100%;padding:0 10px;border-radius:8px;background:#007bff;color:#fff;min-height:50px}#ofnlcompare #areas-list.inner .area-info h2{font-size:1.25rem;margin:10px 0}#ofnlcompare #areas-list.inner .area-info p{font-size:.9rem;color:#666}@media (max-width:600px){#ofnlcompare #areas-list{padding:10px}#ofnlcompare #areas-list.inner .areas-list{grid-template-columns:1fr}#ofnlcompare #areas-list.inner .area-image{height:120px}#ofnlcompare #areas-list.inner .area-info h2{font-size:1rem}#ofnlcompare #areas-list.inner .area-info p{font-size:.85rem}}@media (min-width:601px) and (max-width:900px){#ofnlcompare #areas-list.inner .areas-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}#ofnlcompare #areas-list.inner .area-image{height:140px}#ofnlcompare #areas-list.inner .area-info h2{font-size:1.15rem}#ofnlcompare #areas-list.inner .area-info p{font-size:.9rem}}@media (min-width:901px){#ofnlcompare #areas-list.inner .areas-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}#ofnlcompare #areas-list.inner .area-image{height:150px}#ofnlcompare #areas-list.inner .area-info h2{font-size:1.25rem}#ofnlcompare #areas-list.inner .area-info p{font-size:.95rem}}