/* All layout is scoped to the new section inside the existing product summary. */
#grh-practical-selection{container-type:inline-size;container-name:grhps;margin:28px 0 0;padding:17px 0 18px;border-top:1px solid var(--line,#ddd);color:var(--ink,#202127);font-family:inherit;font-size:14px;line-height:1.55}
#grh-practical-selection *{box-sizing:border-box}
#grh-practical-selection [hidden]{display:none!important}
#grh-practical-selection details{padding:0;margin:0;border:0;background:none;box-shadow:none}
#grh-practical-selection summary{display:block;list-style:none;margin:0;padding:0;cursor:pointer;border:0;background:none}
#grh-practical-selection summary::-webkit-details-marker{display:none}
#grh-practical-selection summary::marker{content:""}
#grh-practical-selection summary h2{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:36px;margin:0;padding:0;color:var(--ink,#202127);font-size:20px;line-height:1.4;font-weight:600;letter-spacing:-.02em}
#grh-practical-selection summary h2>span:first-child{display:inline-flex;align-items:center;gap:12px}
#grh-practical-selection .grhps-chevron{display:block;width:8px;height:8px;border-right:1.5px solid var(--muted,#62636c);border-bottom:1.5px solid var(--muted,#62636c);transform:translateY(-2px) rotate(45deg)}
#grh-practical-selection details[open] .grhps-chevron{transform:translateY(2px) rotate(225deg)}
#grh-practical-selection .grhps-code{color:var(--muted,#62636c);font-size:12px;font-weight:400;letter-spacing:.05em}
#grh-practical-selection .grhps-body{padding-top:12px}
#grh-practical-selection .grhps-fields{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) minmax(0,1.15fr) auto;grid-template-areas:"width times height flow calculate";align-items:end;gap:8px}
#grh-practical-selection .grhps-width{grid-area:width}
#grh-practical-selection .grhps-height{grid-area:height}
#grh-practical-selection .grhps-flow{grid-area:flow}
#grh-practical-selection .grhps-field{min-width:0}
#grh-practical-selection label{display:block;font-size:12px;line-height:1.5;color:var(--muted,#62636c);margin:0 0 6px;font-weight:400}
#grh-practical-selection input,#grh-practical-selection select{display:block;width:100%;min-width:0;height:44px;margin:0;border:1px solid var(--line,#ddd);border-radius:8px;padding:0 10px;color:var(--ink,#202127);background:var(--surface-solid,#fff);font:inherit;font-size:16px;box-shadow:none}
#grh-practical-selection select{padding-inline-end:28px;cursor:pointer}
#grh-practical-selection [data-model-field]{max-width:260px;margin:0 0 12px}
#grh-practical-selection [data-size-field]{grid-area:1 / 1 / 2 / 4;min-width:0}
#grh-practical-selection :is(input,select)[aria-invalid=true]{border-color:var(--accent,#bf2334)}
#grh-practical-selection .grhps-times{grid-area:times;height:44px;display:flex;align-items:center;justify-content:center;color:var(--muted,#62636c);font-size:20px;line-height:1}
#grh-practical-selection .grhps-calculate{grid-area:calculate;display:flex;align-items:center;justify-content:center;min-width:88px;height:44px;margin:0;padding:0 14px;border:1px solid transparent;border-radius:8px;background:#bf2334;color:#fff;font:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;box-shadow:none;text-transform:none}
#grh-practical-selection .grhps-calculate:hover{background:#a91e2e}
#grh-practical-selection .grhps-calculate:disabled{opacity:.6;cursor:default}
#grh-practical-selection :is(summary,button,input,select,a):focus-visible{outline:2px solid var(--accent,#bf2334);outline-offset:3px}
#grh-practical-selection .grhps-hint{font-size:12px;line-height:1.5;color:var(--muted,#62636c);margin:8px 0 0}
#grh-practical-selection .grhps-results{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin:20px 0 14px}
#grh-practical-selection dl,#grh-practical-selection dt,#grh-practical-selection dd{margin:0;padding:0}
#grh-practical-selection dl:first-child{border-inline-end:1px solid var(--line,#ddd);padding-inline-end:12px}
#grh-practical-selection dt{font-size:13px;line-height:1.5;color:var(--muted,#62636c);font-weight:400;margin-bottom:6px}
#grh-practical-selection dd{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;line-height:1.3}
#grh-practical-selection output{font-size:29px;line-height:1.2;letter-spacing:-.03em;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--ink,#202127)}
#grh-practical-selection dd>span{font-size:13px;color:var(--muted,#62636c)}
#grh-practical-selection .grhps-settings,#grh-practical-selection .grhps-notice{font-size:12px;line-height:1.5;color:var(--muted,#62636c);margin:0 0 12px}
#grh-practical-selection .grhps-error{font-size:13px;color:var(--accent,#bf2334);margin:12px 0 0}
#grh-practical-selection .grhps-suite{font-size:14px;color:var(--accent,#bf2334);text-decoration:underline;text-underline-offset:4px;line-height:1.6}
@container grhps (max-width:440px){#grh-practical-selection .grhps-fields{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);grid-template-areas:"width times height" "flow . calculate";row-gap:12px}#grh-practical-selection .grhps-calculate{width:100%;min-width:0}}
@media(max-width:600px){#grh-practical-selection .grhps-fields{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);grid-template-areas:"width times height" "flow . calculate";row-gap:12px}#grh-practical-selection .grhps-calculate{width:100%;min-width:0}#grh-practical-selection{margin-top:24px}}
#grh-practical-selection[data-kind="round"] .grhps-fields{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) auto;grid-template-areas:"diameter flow calculate"}
#grh-practical-selection[data-kind="slot"] .grhps-fields{grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.15fr) auto;grid-template-areas:"slots length flow calculate"}
#grh-practical-selection [data-diameter-field]{grid-area:diameter;min-width:0}
#grh-practical-selection [data-slots-field]{grid-area:slots;min-width:0}
#grh-practical-selection [data-length-field]{grid-area:length;min-width:0}
@container grhps (max-width:440px){#grh-practical-selection[data-kind="round"] .grhps-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"diameter flow" "calculate calculate"}#grh-practical-selection[data-kind="slot"] .grhps-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"slots length" "flow calculate"}}
@media(max-width:600px){#grh-practical-selection[data-kind="round"] .grhps-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"diameter flow" "calculate calculate"}#grh-practical-selection[data-kind="slot"] .grhps-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"slots length" "flow calculate"}}
#grh-practical-selection[data-kind="catalogue"] .grhps-fields{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;grid-template-areas:"size flow calculate"}
#grh-practical-selection[data-kind="catalogue"] [data-size-field]{grid-area:size}
#grh-practical-selection[data-kind="slot-width"] .grhps-fields{grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.15fr) auto;grid-template-areas:"slotwidth length flow calculate"}
#grh-practical-selection [data-slot-width-field]{grid-area:slotwidth;min-width:0}
@container grhps (max-width:440px){#grh-practical-selection[data-kind="catalogue"] .grhps-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"size size" "flow calculate"}#grh-practical-selection[data-kind="slot-width"] .grhps-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"slotwidth length" "flow calculate"}}
@media(max-width:600px){#grh-practical-selection[data-kind="catalogue"] .grhps-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"size size" "flow calculate"}#grh-practical-selection[data-kind="slot-width"] .grhps-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"slotwidth length" "flow calculate"}}