.information-grid{display:grid;grid-template-columns:.92fr 1.25fr 1fr;gap:12px;margin-top:8px}
.info-card{position:relative;overflow:hidden;min-height:190px;padding:14px 20px;border:1px solid;border-radius:14px;background:rgba(255,255,255,.82);box-shadow:var(--shadow)}
.info-card h2{margin:0 0 6px;font-family:var(--serif);font-size:17px;font-weight:600;text-align:center}
.info-card h3{margin:0 0 8px;font-size:10px;text-align:center}
.info-card p{margin:6px 0;font-size:11px;line-height:1.75}
.info-card small{font-size:9px;line-height:1.6}
.info-card>*:not(.info-decoration):not(.promise-foliage):not(.promise-house){position:relative;z-index:1}
.info-decoration{position:absolute;z-index:0;width:98px;opacity:.22;pointer-events:none}
.info-decoration-left{left:-35px;bottom:-42px}
.info-decoration-right{right:-42px;top:-42px;transform:rotate(165deg)}
.fee-card{border-color:#efbd7e;background:#fff9ed}
.fee-card table{width:100%;border-collapse:collapse;background:#fff;font-size:10px;text-align:center}
.fee-card th,.fee-card td{padding:5px;border:1px solid #e8c28d}
.area-card{border-color:#b7cfad;background:#fbfff9}
.area-card strong{display:inline-block;min-width:54px;color:var(--green)}
.promise-card{border-color:#b7cfad;background:#f8fff6}
.promise-card ul{position:relative;z-index:1;margin:15px 0 0;padding:0;list-style:none;font-size:11px}
.promise-card li{margin:10px 0;padding-left:22px}
.promise-card li:before{content:"✓";position:absolute;margin-left:-20px;color:var(--orange);font-weight:900}
.promise-foliage{position:absolute;right:-30px;bottom:-65px;width:155px;opacity:.34}
.promise-house{position:absolute;right:10px;bottom:4px;width:91px;opacity:.9}

/* 08 only: preserve the 183px section footprint and neighbouring sections. */
@media(min-width:761px){
 [data-component="information-panels"]{grid-template-columns:256px 280px 1fr;gap:12px;height:183px}
 [data-component="information-panels"] .info-card{height:183px;min-height:183px;padding:10px 18px;border-radius:10px;box-shadow:none;color:#493c30;background:#fcfaf3}
 [data-component="information-panels"] .info-card h2{margin:0;font-size:14px;line-height:22px;font-weight:500;transform:translateY(5px)}
 [data-component="information-panels"] .fee-card{padding:10px 21px 0 27px;background:#fff8e9;border-color:#f2c78e;overflow:visible}
 [data-component="information-panels"] .fee-card h3{margin:0 0 4px;font-size:11px;line-height:18px;font-weight:500;white-space:nowrap}
 [data-component="information-panels"] .fee-card table{height:111px;table-layout:fixed;font-size:10px;line-height:14px;background:#fffefd}
 [data-component="information-panels"] .fee-card th,[data-component="information-panels"] .fee-card td{padding:0;border-color:#f5c68d;font-weight:400}
 [data-component="information-panels"] .fee-card thead{height:24px}
 [data-component="information-panels"] .info-decoration-left{content:url("../information-exact-flowers.png");width:43px;height:93px;left:-7px;bottom:3px;opacity:1;z-index:2}
 [data-component="information-panels"] .area-card{padding:10px 18px;border-color:#c9d2ad}
 [data-component="information-panels"] .area-card h2,[data-component="information-panels"] .promise-card h2{color:#2c6428}
 [data-component="information-panels"] .area-card p{position:relative;margin:8px 0 0;padding-left:51px;font-size:10.5px;line-height:18px;font-family:Meiryo,sans-serif}
 [data-component="information-panels"] .area-card strong{position:absolute;left:0;top:0;min-width:0;font-size:10px}
 [data-component="information-panels"] .area-card p:first-of-type{margin-top:12px}
 [data-component="information-panels"] .area-card small{display:block;margin-top:10px;font-size:9.5px;line-height:15px;font-family:Meiryo,sans-serif}
 [data-component="information-panels"] .info-decoration-right{display:none}
 [data-component="information-panels"] .promise-card{padding:10px 26px;border-color:#c9d2ad}
 [data-component="information-panels"] .promise-card ul{margin:12px 0 0;font-size:9.5px;line-height:20px;font-family:Meiryo,sans-serif}
 [data-component="information-panels"] .promise-card li{height:30px;margin:0;padding:3px 0 0 23px;white-space:nowrap;border-bottom:1px dotted #e9e1d5}
 [data-component="information-panels"] .promise-card li:last-child{border:0}
 [data-component="information-panels"] .promise-card li:before{font-size:16px;margin-left:-23px;font-weight:400}
 [data-component="information-panels"] .promise-house{content:url("../information-exact-house.png");width:125px;height:54px;right:2px;bottom:2px;clip-path:none;opacity:1}
 [data-component="information-panels"] .promise-foliage{display:none}
}