.GroutColours-module__w5SdSW__picker{min-width:0;color:var(--hfa-ink);grid-template-areas:"choices""view""verdict";gap:18px;scroll-margin-top:110px;display:grid}.GroutColours-module__w5SdSW__choices{background:#fff;border:1px solid #e1e5e2;border-radius:24px;grid-area:choices;gap:22px;min-width:0;margin:0;padding:clamp(18px,3vw,28px);display:grid;box-shadow:0 16px 50px #14251a0a}.GroutColours-module__w5SdSW__step{border:0;min-width:0;margin:0;padding:0}.GroutColours-module__w5SdSW__step legend{font:600 18px/1.3 var(--hfa-font-display);color:var(--hfa-ink);margin:0 0 12px;padding:0}.GroutColours-module__w5SdSW__swatches span{align-items:center}.GroutColours-module__w5SdSW__dot{border-radius:50%;flex:none;width:18px;height:18px;box-shadow:inset 0 0 0 1px #0e1a2433}.GroutColours-module__w5SdSW__view{grid-area:view;gap:10px;min-width:0;margin:0;display:grid}.GroutColours-module__w5SdSW__photo{background:#eef2ee;border-radius:20px;width:100%;height:auto;display:block}.GroutColours-module__w5SdSW__view figcaption{color:var(--hfa-slate);font-size:14px}.GroutColours-module__w5SdSW__verdict{background:var(--hfa-tint);border-radius:20px;grid-area:verdict;gap:14px;min-width:0;padding:clamp(18px,3vw,24px);display:grid}.GroutColours-module__w5SdSW__pairName{font:600 clamp(20px, 2.2vw, 24px)/1.25 var(--hfa-font-display);color:var(--hfa-ink);margin:0}.GroutColours-module__w5SdSW__lines{gap:12px;margin:0;display:grid}.GroutColours-module__w5SdSW__lines div{min-width:0}.GroutColours-module__w5SdSW__lines dt{color:var(--hfa-forest);font:700 12px/1.4 var(--hfa-font-body);letter-spacing:.12em;text-transform:uppercase;margin:0 0 2px}.GroutColours-module__w5SdSW__lines dd{color:var(--hfa-ink);margin:0;font-size:16px;line-height:1.55}.GroutColours-module__w5SdSW__note{color:var(--hfa-slate);background:#fff;border-radius:12px;margin:0;padding:12px 14px;font-size:14.5px;line-height:1.5}.GroutColours-module__w5SdSW__actions{flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0;display:flex}.GroutColours-module__w5SdSW__actions span{color:var(--hfa-slate);font-size:14.5px}@media (min-width:1000px){.GroutColours-module__w5SdSW__picker{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);grid-template-areas:"choices view""verdict view";align-items:start;gap:22px 28px}.GroutColours-module__w5SdSW__view{position:sticky;top:96px}}.GroutColours-module__w5SdSW__chart{gap:16px;min-width:0;margin-top:22px;display:grid}.GroutColours-module__w5SdSW__chartHead,.GroutColours-module__w5SdSW__chartRow{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.GroutColours-module__w5SdSW__chartHead{color:var(--hfa-ink);grid-template-columns:150px repeat(5,minmax(0,1fr));font-size:14px;font-weight:600}.GroutColours-module__w5SdSW__chartHead span{align-items:center;gap:8px;display:inline-flex}.GroutColours-module__w5SdSW__chartHead .GroutColours-module__w5SdSW__dot{width:14px;height:14px}.GroutColours-module__w5SdSW__chartTile{margin:0;font-size:17px;line-height:1.3}.GroutColours-module__w5SdSW__chartTile small{color:var(--hfa-slate);font:400 13px/1.4 var(--hfa-font-body);display:block}.GroutColours-module__w5SdSW__chartRow ul{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.GroutColours-module__w5SdSW__chartRow button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:5px;padding:0;display:grid}.GroutColours-module__w5SdSW__closeUp{background:#eef2ee;border-radius:10px;width:100%;height:auto;transition:box-shadow .15s;display:block}.GroutColours-module__w5SdSW__chartRow button:hover .GroutColours-module__w5SdSW__closeUp{box-shadow:0 0 0 2px #183e30}.GroutColours-module__w5SdSW__chartRow button:focus-visible{outline-offset:3px;border-radius:10px;outline:3px solid #4c785d}.GroutColours-module__w5SdSW__cellName{display:none}.GroutColours-module__w5SdSW__cellNote{color:var(--hfa-slate);font-size:12.5px;line-height:1.3}@media (max-width:760px){.GroutColours-module__w5SdSW__chartHead{display:none}.GroutColours-module__w5SdSW__chartRow{grid-template-columns:minmax(0,1fr);gap:8px}.GroutColours-module__w5SdSW__chartRow ul{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:44%;grid-auto-flow:column;padding-bottom:6px;overflow-x:auto}.GroutColours-module__w5SdSW__chartRow li{scroll-snap-align:start}.GroutColours-module__w5SdSW__cellName{color:var(--hfa-ink);font-size:13.5px;font-weight:600;display:block}}
.TileCalculator-module__8qP-qq__calc{color:var(--hfa-ink);grid-template-columns:minmax(0,1fr);gap:20px;scroll-margin-top:110px;font-size:16px;line-height:1.5;display:grid}.TileCalculator-module__8qP-qq__calc *,.TileCalculator-module__8qP-qq__calc :before,.TileCalculator-module__8qP-qq__calc :after{box-sizing:border-box}.TileCalculator-module__8qP-qq__calc button,.TileCalculator-module__8qP-qq__calc input{font:inherit}.TileCalculator-module__8qP-qq__form{background:#fff;border:1px solid #e1e5e2;border-radius:24px;gap:28px;min-width:0;padding:clamp(18px,3vw,32px);display:grid;box-shadow:0 16px 50px #14251a0a}.TileCalculator-module__8qP-qq__step{border:0;min-width:0;margin:0;padding:0}.TileCalculator-module__8qP-qq__step legend{font:600 18px/1.3 var(--hfa-font-display);color:var(--hfa-ink);align-items:center;gap:10px;margin:0 0 14px;padding:0;display:flex}.TileCalculator-module__8qP-qq__num{color:#fff;width:28px;height:28px;font:600 13px/1 var(--hfa-font-body);background:#183e30;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.TileCalculator-module__8qP-qq__label{margin:20px 0 8px;font-size:14px;font-weight:600}.TileCalculator-module__8qP-qq__hint{max-width:62ch;color:var(--hfa-slate);margin:10px 0 0;font-size:13.5px;line-height:1.5}.TileCalculator-module__8qP-qq__segment label,.TileCalculator-module__8qP-qq__chips label,.TileCalculator-module__8qP-qq__layouts label{min-width:0;display:flex;position:relative}.TileCalculator-module__8qP-qq__segment input,.TileCalculator-module__8qP-qq__chips input,.TileCalculator-module__8qP-qq__layouts input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.TileCalculator-module__8qP-qq__segment input:focus-visible+span,.TileCalculator-module__8qP-qq__chips input:focus-visible+span,.TileCalculator-module__8qP-qq__layouts input:focus-visible+span{outline-offset:2px;outline:3px solid #4c785d}.TileCalculator-module__8qP-qq__segment{background:#eef2ee;border-radius:999px;flex-wrap:wrap;gap:4px;max-width:100%;padding:4px;display:inline-flex}.TileCalculator-module__8qP-qq__segment span{min-height:44px;color:var(--hfa-slate);white-space:nowrap;border-radius:999px;align-items:center;padding:0 18px;font-size:15px;font-weight:600;display:flex}.TileCalculator-module__8qP-qq__segment input:checked+span{color:var(--hfa-ink);background:#fff;box-shadow:0 1px 3px #0e1a2424}.TileCalculator-module__8qP-qq__segment.TileCalculator-module__8qP-qq__small span{min-height:36px;padding:0 14px;font-size:13.5px}.TileCalculator-module__8qP-qq__modeRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:14px;display:flex}.TileCalculator-module__8qP-qq__chips{flex-wrap:wrap;gap:8px;display:flex}.TileCalculator-module__8qP-qq__chips span{min-height:44px;color:var(--hfa-ink);font-variant-numeric:tabular-nums;white-space:nowrap;background:#fff;border:1.5px solid #c9d0cb;border-radius:999px;align-items:baseline;gap:6px;padding:11px 16px;font-size:15px;font-weight:600;line-height:1.2;display:inline-flex}.TileCalculator-module__8qP-qq__chips small{color:var(--hfa-slate);font-size:12.5px;font-weight:500}.TileCalculator-module__8qP-qq__chips label:hover span{border-color:#547260}.TileCalculator-module__8qP-qq__chips input:checked+span{color:#fff;background:#183e30;border-color:#183e30}.TileCalculator-module__8qP-qq__chips input:checked+span small{color:#d3dfd8}.TileCalculator-module__8qP-qq__layouts{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.TileCalculator-module__8qP-qq__layouts span{background:#fff;border:1.5px solid #c9d0cb;border-radius:14px;align-content:start;justify-items:start;gap:3px;width:100%;padding:12px 12px 14px;display:grid}.TileCalculator-module__8qP-qq__layouts label:hover span{border-color:#547260}.TileCalculator-module__8qP-qq__layouts input:checked+span{border-color:#315e45;box-shadow:inset 0 0 0 1px #315e45}.TileCalculator-module__8qP-qq__layouts b{margin-top:6px;font-size:15px;font-weight:650;line-height:1.25}.TileCalculator-module__8qP-qq__layouts small{color:var(--hfa-slate);font-size:12.5px;line-height:1.35}.TileCalculator-module__8qP-qq__layouts small.TileCalculator-module__8qP-qq__pct{color:var(--hfa-ink);margin-top:4px;font-weight:600}.TileCalculator-module__8qP-qq__layoutIcon{width:56px;height:38px;display:block}.TileCalculator-module__8qP-qq__layoutGround{fill:#ece6dc}.TileCalculator-module__8qP-qq__layoutTiles{fill:#fff;stroke:#9c8a72;stroke-width:1px}.TileCalculator-module__8qP-qq__layouts input:checked+span .TileCalculator-module__8qP-qq__layoutGround{fill:#dfe9d6}.TileCalculator-module__8qP-qq__layouts input:checked+span .TileCalculator-module__8qP-qq__layoutTiles{stroke:#315e45}.TileCalculator-module__8qP-qq__plan{background:var(--hfa-tint);border-radius:16px;gap:10px;margin:0 0 16px;padding:14px;display:grid}.TileCalculator-module__8qP-qq__plan svg{width:100%;max-width:440px;height:auto;max-height:260px;margin:0 auto;display:block}.TileCalculator-module__8qP-qq__planJoint{fill:#cfc8bc}.TileCalculator-module__8qP-qq__planWhole{fill:#fff;stroke:#cfc8bc;stroke-width:.8px}.TileCalculator-module__8qP-qq__planCut{fill:#ead9bd;stroke:#cfc8bc;stroke-width:.8px}.TileCalculator-module__8qP-qq__planWall{fill:none;stroke:#183e30;stroke-width:2.5px}.TileCalculator-module__8qP-qq__plan figcaption{color:var(--hfa-slate);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;font-size:13.5px;display:flex}.TileCalculator-module__8qP-qq__planKey{color:var(--hfa-ink);font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-weight:600;display:inline-flex}.TileCalculator-module__8qP-qq__planKey i{border:1px solid #b9b1a3;border-radius:3px;width:14px;height:14px}.TileCalculator-module__8qP-qq__keyWhole{background:#fff}.TileCalculator-module__8qP-qq__keyCut{background:#ead9bd}.TileCalculator-module__8qP-qq__planNote{text-align:center;flex-basis:100%}.TileCalculator-module__8qP-qq__rows{gap:12px;margin:0;padding:0;list-style:none;display:grid}.TileCalculator-module__8qP-qq__rows li+li{border-top:1px solid var(--hfa-line);padding-top:10px}.TileCalculator-module__8qP-qq__rowTop{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.TileCalculator-module__8qP-qq__rowName{color:var(--hfa-slate);font-size:13.5px;font-weight:600}.TileCalculator-module__8qP-qq__minus .TileCalculator-module__8qP-qq__rowName,.TileCalculator-module__8qP-qq__minus .TileCalculator-module__8qP-qq__rowArea{color:#8a2a1c}.TileCalculator-module__8qP-qq__rowSizes{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) minmax(84px,auto);align-items:end;gap:8px;display:grid}.TileCalculator-module__8qP-qq__side{gap:6px;min-width:0;font-size:14px;font-weight:600;display:grid}.TileCalculator-module__8qP-qq__sideLabel{display:block}.TileCalculator-module__8qP-qq__side .TileCalculator-module__8qP-qq__box input{padding-right:40px}.TileCalculator-module__8qP-qq__times{color:var(--hfa-slate);text-align:center;padding-bottom:14px;font-size:18px}.TileCalculator-module__8qP-qq__rowArea{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-bottom:15px;font-size:15px;font-weight:600}.TileCalculator-module__8qP-qq__total{text-align:right;font-variant-numeric:tabular-nums;margin:10px 0 0;font-size:15px;font-weight:650}.TileCalculator-module__8qP-qq__remove{border:1px solid var(--hfa-line);width:44px;height:44px;color:var(--hfa-slate);cursor:pointer;background:#fff;border-radius:50%;place-items:center;padding:0;font-size:20px;line-height:1;display:grid}.TileCalculator-module__8qP-qq__remove:hover{color:#b23826;border-color:#b23826}.TileCalculator-module__8qP-qq__rowActions{flex-wrap:wrap;gap:0 22px;margin-top:6px;display:flex}.TileCalculator-module__8qP-qq__textButton{color:#315e45;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0;font-size:15px;font-weight:600;-webkit-text-decoration:underline #315e4566;text-decoration:underline #315e4566}.TileCalculator-module__8qP-qq__textButton:hover{text-decoration-color:currentColor}.TileCalculator-module__8qP-qq__box{min-width:0;display:block;position:relative}.TileCalculator-module__8qP-qq__box input{width:100%;min-width:0;min-height:52px;color:var(--hfa-ink);font-variant-numeric:tabular-nums;background:#fff;border:1px solid #a7b1ab;border-radius:10px;padding:10px 46px 10px 14px;font-size:18px;font-weight:600;display:block}.TileCalculator-module__8qP-qq__box input::placeholder{color:#8f9a93;font-size:16px;font-weight:500}.TileCalculator-module__8qP-qq__box input:focus-visible{outline-offset:2px;outline:2px solid #3c644c}.TileCalculator-module__8qP-qq__box>span{color:var(--hfa-slate);pointer-events:none;font-size:14px;font-weight:500;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.TileCalculator-module__8qP-qq__field{gap:6px;min-width:0;font-size:14px;font-weight:600;display:grid}.TileCalculator-module__8qP-qq__field small{color:var(--hfa-slate);font-size:12.5px;font-weight:400;line-height:1.45}.TileCalculator-module__8qP-qq__narrow{max-width:240px}.TileCalculator-module__8qP-qq__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-top:14px;display:grid}.TileCalculator-module__8qP-qq__pair.TileCalculator-module__8qP-qq__flush{max-width:500px;margin-top:0}.TileCalculator-module__8qP-qq__money input{padding:10px 14px 10px 30px}.TileCalculator-module__8qP-qq__money>span{left:14px;right:auto}.TileCalculator-module__8qP-qq__step>.TileCalculator-module__8qP-qq__field{margin-top:4px}.TileCalculator-module__8qP-qq__more{border-top:1px solid var(--hfa-line);padding-top:6px}.TileCalculator-module__8qP-qq__more summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-weight:600;list-style:none;display:flex}.TileCalculator-module__8qP-qq__more summary::-webkit-details-marker{display:none}.TileCalculator-module__8qP-qq__more summary:after{content:"";border:solid var(--hfa-slate);border-width:0 2px 2px 0;width:9px;height:9px;margin-left:2px;translate:0 -2px;rotate:45deg}.TileCalculator-module__8qP-qq__more[open] summary:after{translate:0 2px;rotate:225deg}.TileCalculator-module__8qP-qq__moreGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;margin:10px 0 6px;display:grid}.TileCalculator-module__8qP-qq__results{color:#fff;background:radial-gradient(120% 140% at 100% 0,#2c6248 0%,#183e30 55%,#12301f 100%);border-radius:24px;min-width:0;padding:clamp(20px,3vw,30px);box-shadow:0 14px 40px #14251a2e}.TileCalculator-module__8qP-qq__resultTitle{color:#c9d5cd;font:600 14px/1.3 var(--hfa-font-body);letter-spacing:.02em;margin:0 0 4px}.TileCalculator-module__8qP-qq__bigNumber{color:#fff;font:650 clamp(40px, 5vw, 54px)/1.05 var(--hfa-font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0}.TileCalculator-module__8qP-qq__bigSub{color:#d3dfd8;margin:8px 0 0;font-size:15px}.TileCalculator-module__8qP-qq__lines{border-top:1px solid #ffffff2b;margin:18px 0 0}.TileCalculator-module__8qP-qq__lines>div{border-bottom:1px solid #ffffff1f;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:12px 0;display:grid}.TileCalculator-module__8qP-qq__lines dt{color:#fff;font-size:14.5px;font-weight:600}.TileCalculator-module__8qP-qq__lines dd{color:#fff;font:650 17px/1.3 var(--hfa-font-display);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.TileCalculator-module__8qP-qq__lines dd.TileCalculator-module__8qP-qq__why{color:#c9d5cd;font:400 13px/1.5 var(--hfa-font-body);text-align:left;white-space:normal;overflow-wrap:break-word;grid-column:1/-1;margin:0}.TileCalculator-module__8qP-qq__note,.TileCalculator-module__8qP-qq__problem{color:#e8f0ea;background:#ffffff14;border-radius:12px;margin:14px 0 0;padding:12px 14px;font-size:13.5px;line-height:1.5}.TileCalculator-module__8qP-qq__problem{color:#fff;font-size:15px}.TileCalculator-module__8qP-qq__actions{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:18px;display:flex}.TileCalculator-module__8qP-qq__actions .hfa-btn--ghost{color:#fff;background:0 0;border-color:#fff6}.TileCalculator-module__8qP-qq__copy{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #ffffff73;border-radius:999px;min-height:48px;padding:0 22px;font-size:15px;font-weight:600}.TileCalculator-module__8qP-qq__copy:hover{border-color:#fff}.TileCalculator-module__8qP-qq__copy:focus-visible{outline:3px solid var(--hfa-lime);outline-offset:3px}.TileCalculator-module__8qP-qq__copyNote{color:#d3dfd8;font-size:13px}.TileCalculator-module__8qP-qq__fine{color:#c9d5cd;margin:16px 0 0;font-size:12.5px;line-height:1.5}.TileCalculator-module__8qP-qq__workings{color:#c9d5cd;border-top:1px solid #ffffff2b;margin-top:18px}.TileCalculator-module__8qP-qq__workings summary{color:#fff;cursor:pointer;align-items:center;gap:8px;min-height:48px;font-size:15px;font-weight:600;list-style:none;display:flex}.TileCalculator-module__8qP-qq__workings summary::-webkit-details-marker{display:none}.TileCalculator-module__8qP-qq__workings summary:after{content:"";border:2px solid #c9d5cd;border-width:0 2px 2px 0;width:8px;height:8px;margin-left:2px;translate:0 -2px;rotate:45deg}.TileCalculator-module__8qP-qq__workings[open] summary:after{translate:0 2px;rotate:225deg}.TileCalculator-module__8qP-qq__workings summary:focus-visible{outline:3px solid var(--hfa-lime);outline-offset:2px;border-radius:6px}.TileCalculator-module__8qP-qq__workings .TileCalculator-module__8qP-qq__lines{margin-top:10px}.TileCalculator-module__8qP-qq__workings .TileCalculator-module__8qP-qq__plan{background:#ffffff12;margin:4px 0 0}.TileCalculator-module__8qP-qq__workings .TileCalculator-module__8qP-qq__planWall{stroke:#fff}.TileCalculator-module__8qP-qq__workings .TileCalculator-module__8qP-qq__plan figcaption{color:#c9d5cd}.TileCalculator-module__8qP-qq__workings .TileCalculator-module__8qP-qq__planKey{color:#fff}.TileCalculator-module__8qP-qq__workings>.TileCalculator-module__8qP-qq__planNote{margin:4px 0 0;font-size:13.5px}.TileCalculator-module__8qP-qq__page{overflow-wrap:break-word;min-width:0}.TileCalculator-module__8qP-qq__crumbs{color:var(--hfa-slate);padding-top:24px;font-size:13px}.TileCalculator-module__8qP-qq__crumbs ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.TileCalculator-module__8qP-qq__crumbs li+li:before{content:"/";color:var(--hfa-mute);padding-right:8px}.TileCalculator-module__8qP-qq__crumbs a{text-underline-offset:4px}.TileCalculator-module__8qP-qq__body{padding-bottom:var(--hfa-section-gap)}.TileCalculator-module__8qP-qq__sections,.TileCalculator-module__8qP-qq__section,.TileCalculator-module__8qP-qq__prose{min-width:0}.TileCalculator-module__8qP-qq__section{margin-block:0 var(--hfa-section-gap);scroll-margin-top:120px}.TileCalculator-module__8qP-qq__section:last-child{margin-bottom:0}.TileCalculator-module__8qP-qq__section h2{text-wrap:balance;max-width:28ch}.TileCalculator-module__8qP-qq__section h3{margin-block:24px 12px;font-size:20px;line-height:1.3}.TileCalculator-module__8qP-qq__section h3:first-child{margin-top:0}.TileCalculator-module__8qP-qq__section p,.TileCalculator-module__8qP-qq__section li{color:var(--hfa-slate)}.TileCalculator-module__8qP-qq__section a{text-underline-offset:4px}.TileCalculator-module__8qP-qq__sectionHeading{min-width:0;margin-bottom:26px}.TileCalculator-module__8qP-qq__prose p{max-width:78ch;margin-block:0 18px}.TileCalculator-module__8qP-qq__prose>:last-child{margin-bottom:0}.TileCalculator-module__8qP-qq__top{padding-block:clamp(22px, 3.5vw, 44px) var(--hfa-section-gap);gap:24px;display:grid}.TileCalculator-module__8qP-qq__intro{min-width:0}.TileCalculator-module__8qP-qq__intro h1{max-width:20ch;font-size:var(--hfa-text-h1);margin:0}.TileCalculator-module__8qP-qq__lede{max-width:62ch;color:var(--hfa-slate);font-size:var(--hfa-text-lede);margin:14px 0 0;line-height:1.6}.TileCalculator-module__8qP-qq__answer{background:var(--hfa-tint);border-radius:16px;max-width:780px;margin-top:20px;padding:16px 20px}.TileCalculator-module__8qP-qq__answer p{color:var(--hfa-ink);margin:0;font-size:16.5px;line-height:1.6}.TileCalculator-module__8qP-qq__answer p.TileCalculator-module__8qP-qq__answerLabel{color:var(--hfa-forest);font:700 12px/1.4 var(--hfa-font-body);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}.TileCalculator-module__8qP-qq__answer p.TileCalculator-module__8qP-qq__answerExample{border-top:1px solid var(--hfa-line);margin-top:10px;padding-top:10px}.TileCalculator-module__8qP-qq__measureCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:980px;margin:0;padding:0;list-style:none;display:grid}.TileCalculator-module__8qP-qq__measureCards li{min-width:0}.TileCalculator-module__8qP-qq__measureCards figure{background:var(--hfa-tint);border-radius:16px;align-content:start;gap:14px;height:100%;margin:0;padding:16px;display:grid}.TileCalculator-module__8qP-qq__measureCards h3{font:600 17px/1.3 var(--hfa-font-display);color:var(--hfa-ink);margin:0 0 6px}.TileCalculator-module__8qP-qq__measureCards p{margin:0;font-size:15px;line-height:1.6}.TileCalculator-module__8qP-qq__measureCards p.TileCalculator-module__8qP-qq__sum{color:var(--hfa-ink);margin-top:8px;font-weight:600}.TileCalculator-module__8qP-qq__diagramImage{background:#fff;border-radius:10px;width:100%;height:auto;display:block}.TileCalculator-module__8qP-qq__layoutFigures{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.TileCalculator-module__8qP-qq__layoutFigures figure{margin:0}.TileCalculator-module__8qP-qq__layoutFigures .TileCalculator-module__8qP-qq__diagramImage{border:1px solid var(--hfa-line)}.TileCalculator-module__8qP-qq__layoutFigures figcaption{color:var(--hfa-slate);margin-top:8px;font-size:14px}.TileCalculator-module__8qP-qq__layoutFigures figcaption b{color:var(--hfa-ink);font-weight:600}@media (max-width:760px){.TileCalculator-module__8qP-qq__measureCards{grid-template-columns:minmax(0,1fr)}.TileCalculator-module__8qP-qq__layoutFigures{grid-template-columns:repeat(2,minmax(0,1fr))}}.TileCalculator-module__8qP-qq__how{gap:18px;max-width:880px;display:grid}.TileCalculator-module__8qP-qq__how h3:first-child{margin-top:0}.TileCalculator-module__8qP-qq__tableWrap{min-width:0;overflow-x:auto}.TileCalculator-module__8qP-qq__table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.45}.TileCalculator-module__8qP-qq__table :is(th,td){border-bottom:1px solid var(--hfa-line);text-align:left;vertical-align:top;padding:11px 12px}.TileCalculator-module__8qP-qq__table thead th{color:var(--hfa-slate);font-size:13px;font-weight:600}.TileCalculator-module__8qP-qq__table tbody th{color:var(--hfa-ink);white-space:nowrap;font-weight:600}.TileCalculator-module__8qP-qq__table td{color:var(--hfa-slate);font-variant-numeric:tabular-nums}.TileCalculator-module__8qP-qq__table .TileCalculator-module__8qP-qq__sizeName{color:var(--hfa-slate);font-size:12.5px;font-weight:400;display:block}.TileCalculator-module__8qP-qq__examples tbody th{white-space:normal}.TileCalculator-module__8qP-qq__examples :is(th,td) small{color:var(--hfa-slate);font-size:12.5px;font-weight:400;line-height:1.4;display:block}.TileCalculator-module__8qP-qq__examples td{white-space:nowrap}.TileCalculator-module__8qP-qq__examples .TileCalculator-module__8qP-qq__job{flex-wrap:wrap;align-items:baseline;gap:0 12px;display:flex}.TileCalculator-module__8qP-qq__tryIt{color:#315e45;min-height:28px;font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-size:14px;font-weight:600;-webkit-text-decoration:underline #315e4566;text-decoration:underline #315e4566;display:inline-flex}.TileCalculator-module__8qP-qq__tryIt:hover{text-decoration-color:currentColor}.TileCalculator-module__8qP-qq__tryIt:focus-visible{outline-offset:2px;border-radius:4px;outline:3px solid #4c785d}@media (max-width:560px){.TileCalculator-module__8qP-qq__table{font-size:13.5px}.TileCalculator-module__8qP-qq__table :is(th,td){padding:9px 6px}.TileCalculator-module__8qP-qq__table thead th{font-size:12px}}@media (max-width:400px){.TileCalculator-module__8qP-qq__table{font-size:13px}.TileCalculator-module__8qP-qq__table :is(th,td){padding:8px 4px}}.TileCalculator-module__8qP-qq__how p.TileCalculator-module__8qP-qq__formula{background:var(--hfa-tint);color:var(--hfa-ink);border-radius:12px;padding:14px 16px;font-weight:600;line-height:1.55}@media (min-width:1000px){.TileCalculator-module__8qP-qq__calc{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:24px}.TileCalculator-module__8qP-qq__results{position:sticky;top:96px}}@media (max-width:760px){.TileCalculator-module__8qP-qq__layouts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.TileCalculator-module__8qP-qq__rowSizes{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);row-gap:4px}.TileCalculator-module__8qP-qq__rowArea{grid-column:1/-1;padding-bottom:0}.TileCalculator-module__8qP-qq__rowArea:empty{display:none}.TileCalculator-module__8qP-qq__tileSizes{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.TileCalculator-module__8qP-qq__tileSizes span{text-align:center;white-space:normal;flex-wrap:wrap;justify-content:center;row-gap:0;width:100%;padding-inline:10px}.TileCalculator-module__8qP-qq__sizeLinks{flex-direction:column;align-items:flex-start}}@media (max-width:340px){.TileCalculator-module__8qP-qq__moreGrid{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.TileCalculator-module__8qP-qq__pair{grid-template-columns:minmax(0,1fr)}.TileCalculator-module__8qP-qq__narrow{max-width:none}.TileCalculator-module__8qP-qq__segment{display:flex}.TileCalculator-module__8qP-qq__segment label{flex:auto}.TileCalculator-module__8qP-qq__segment span{justify-content:center;width:100%;padding:0 12px}}
div.ArticleTools-module__23-yyq__tool{scroll-margin-top:calc(var(--hfa-header-height,72px) + 16px);grid-template-columns:minmax(0,1fr);margin:28px 0 40px}div.ArticleTools-module__23-yyq__tool>section{position:static}.ArticleTools-module__23-yyq__selects{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;display:grid}.ArticleTools-module__23-yyq__off span{opacity:.45}.ArticleTools-module__23-yyq__off input{cursor:not-allowed}.ArticleTools-module__23-yyq__rowLabel{color:var(--hfa-ink);margin:0 0 8px;font-size:14px;font-weight:600}.ArticleTools-module__23-yyq__pair{flex-wrap:wrap;gap:10px 12px;margin-top:16px;display:flex}.ArticleTools-module__23-yyq__swatches{flex-wrap:wrap;gap:10px;display:flex}.ArticleTools-module__23-yyq__swatches label{width:64px;color:var(--hfa-slate);text-align:center;justify-items:center;gap:4px;font-size:12.5px;font-weight:600;line-height:1.2;display:grid;position:relative}.ArticleTools-module__23-yyq__swatches input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.ArticleTools-module__23-yyq__swatches i{border:1px solid #14251a2e;border-radius:50%;width:44px;height:44px;display:block;box-shadow:inset 0 -6px 10px #00000014}.ArticleTools-module__23-yyq__swatches input:checked+i{outline-offset:3px;outline:2.5px solid #183e30}.ArticleTools-module__23-yyq__swatches input:focus-visible+i{outline-offset:3px;outline:3px solid #4c785d}.ArticleTools-module__23-yyq__swatches input:checked~span{color:var(--hfa-ink)}.ArticleTools-module__23-yyq__wall{background:var(--hfa-tint);border-radius:16px;gap:10px;margin:0;padding:14px;display:grid}.ArticleTools-module__23-yyq__wall svg{width:100%;height:auto;display:block}.ArticleTools-module__23-yyq__wallFrame{fill:none;stroke:#183e30;stroke-width:2px}.ArticleTools-module__23-yyq__wall figcaption{color:var(--hfa-slate);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;font-size:13.5px;line-height:1.45;display:flex}.ArticleTools-module__23-yyq__wall figcaption b{color:var(--hfa-ink);font-weight:600}.ArticleTools-module__23-yyq__zoom{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.ArticleTools-module__23-yyq__zoom>div{gap:6px;min-width:0;display:grid}.ArticleTools-module__23-yyq__zoom svg,.ArticleTools-module__23-yyq__zoom img{border-radius:10px;width:100%;height:auto;display:block}.ArticleTools-module__23-yyq__zoom img{aspect-ratio:4/3;object-fit:cover;background:var(--hfa-tint)}.ArticleTools-module__23-yyq__scale{color:var(--hfa-slate);align-items:center;gap:8px;font-size:12.5px;display:flex}.ArticleTools-module__23-yyq__scale i{border:2px solid #183e30;border-top-width:0;height:6px;display:block}.ArticleTools-module__23-yyq__verdict{color:#e8f0ea;margin:0;font-size:14.5px;line-height:1.55}.ArticleTools-module__23-yyq__verdict+.ArticleTools-module__23-yyq__verdict{margin-top:8px}.ArticleTools-module__23-yyq__verdict b{color:#fff}@media (max-width:560px){.ArticleTools-module__23-yyq__selects,.ArticleTools-module__23-yyq__zoom{grid-template-columns:minmax(0,1fr)}.ArticleTools-module__23-yyq__swatches{gap:8px 6px}.ArticleTools-module__23-yyq__swatches label{width:58px}}