.mw-grilles{color:#103845}.mw-grilles>h2{font-size:clamp(28px,3vw,42px);max-width:780px;line-height:1.15}.mw-grilles p{font-size:16px;line-height:1.7;max-width:850px}.mw-grille-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.mw-grille-types article{background:white;border:1px solid #ccdee4;border-radius:18px;padding:24px}.mw-grille-types h3,.mw-grilles h3{font-size:22px;line-height:1.3}.mw-grille-types svg{display:block;width:100%;max-height:200px}.mw-grilles .mw-grille-note{font-size:13px;color:#526b74}.mw-patterns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mw-patterns button{cursor:pointer;background:white;color:#103845;border:2px solid #cfdee3;border-radius:16px;padding:16px;text-align:left;font:inherit;transition:box-shadow .15s,border-color .15s}.mw-patterns svg{display:block;width:100%;height:190px}.mw-patterns strong,.mw-patterns span{display:block}.mw-patterns strong{font-size:18px;margin:8px 0}.mw-patterns span{font-size:14px;line-height:1.55}.mw-patterns button[aria-pressed=true]{border-color:#0086a4;background:#e7f5f8;box-shadow:inset 0 0 0 1px #0086a4}.mw-patterns button:hover{border-color:#0086a4;box-shadow:0 8px 20px #12394415}.mw-patterns button:focus-visible,.mw-grilles a:focus-visible,.mw-grilles summary:focus-visible{outline:3px solid #007c98;outline-offset:4px}.mw-grille-finish{padding:24px;background:white;border-radius:16px;margin:24px 0}.mw-grilles a{color:#006e87;text-decoration:underline;font-weight:700}.mw-grilles summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:700}.mw-grilles li{line-height:1.7}.mw-pattern-status{font-weight:600;min-height:54px}@media(max-width:650px){.mw-grille-types{grid-template-columns:1fr}.mw-patterns{grid-template-columns:repeat(2,minmax(0,1fr))}.mw-patterns button{padding:12px}.mw-patterns svg{height:145px}}@media(prefers-reduced-motion:reduce){.mw-patterns button{transition:none}}
.mw-patterns button{display:flex;flex-direction:column;align-items:stretch}.mw-patterns svg{flex:none}.mw-pattern-status{margin-top:16px}
#grilles{background:#faf9f7}.mw-grille-heading{text-align:center;margin:0 auto 30px}.mw-grille-heading .eyebrow{letter-spacing:.2em;font-size:13px}.mw-grille-heading h2{font-size:clamp(30px,3.5vw,48px);line-height:1.1;margin:18px auto 12px;max-width:1000px}.mw-grille-heading p{margin:0 auto}.mw-grille-heading>p:last-child{font-size:clamp(17px,2vw,23px)}.mw-grille-types{align-items:start;margin-bottom:28px}.mw-grille-types article{padding:0;overflow:hidden;border-radius:8px}.mw-grille-types .mw-grille-photo{width:100%;height:auto;max-height:none;aspect-ratio:682/296;display:block}.mw-grille-copy{padding:20px 24px}.mw-grille-copy h3{margin:0 0 6px}.mw-grille-copy p{margin:0}.mw-grille-copy small{font-size:14px;color:#526b74}.mw-grille-copy summary{color:#007a95;display:flex;justify-content:space-between;align-items:center;text-decoration:underline;list-style:none}.mw-grille-copy summary::-webkit-details-marker{display:none}.mw-grille-copy summary span{font-size:24px;transition:transform .15s}.mw-grille-copy details[open] summary span{transform:rotate(180deg)}.mw-grille-copy details>p{padding-top:10px;font-size:15px}.mw-patterns button{border-radius:8px;background:#f5f4f1;position:relative;text-align:center}.mw-patterns button[aria-pressed=true]{background:#f0f6f6}.mw-patterns button[aria-pressed=true]:after{content:'✓';position:absolute;right:10px;top:10px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#007e99;color:white}.mw-patterns strong{font-weight:600;font-size:16px}.mw-patterns span{font-size:13px}.mw-grilles>h3{margin:26px 0 10px}@media(max-width:650px){.mw-grille-heading{text-align:left}.mw-grille-copy{padding:18px}.mw-grille-types{gap:18px}}
.mw-patterns button>svg{height:auto;aspect-ratio:1;width:100%;border-radius:4px}.mw-patterns svg svg{height:915px;width:564px}.mw-patterns button{padding:10px 10px 16px}.mw-patterns button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.mw-grille-finish{background:transparent;padding:16px 0;margin:0;border-top:1px solid #dbe3e5}.mw-grille-finish h3{font-size:18px}.mw-grille-finish p{font-size:14px}.mw-grilles>details{margin-top:10px}
.mw-grille-types{align-items:stretch}.mw-grille-types article{display:flex;flex-direction:column}.mw-grille-copy{display:flex;flex-direction:column;flex:1}.mw-grille-copy details{margin-top:auto;padding-top:12px}.mw-grille-copy summary span{display:none}.mw-grille-copy summary:after{content:'';width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 3px 5px 12px}.mw-grille-copy details[open] summary:after{transform:rotate(225deg);margin-top:8px}
/* Keep comparison cards and their controls aligned without a fixed content height. */
#grilles .mw-grille-types{align-items:stretch;grid-auto-rows:1fr}
#grilles .mw-grille-types>article{align-self:stretch;height:100%;box-sizing:border-box;display:flex;flex-direction:column}
#grilles .mw-grille-types .mw-grille-photo{flex:none;aspect-ratio:682/296}
#grilles .mw-grille-copy{flex:1;display:flex;flex-direction:column}
#grilles .mw-grille-copy>details{margin-top:auto}
#grilles{scroll-margin-top:160px}