.catalog-page h1{font-size:clamp(2.6rem,5.35vw,5.35rem);overflow-wrap:anywhere}.catalog-page .intro{grid-template-columns:1.12fr 1fr;gap:48px}.catalog-page .intro-right{max-width:550px}.catalog-page .mechanism{padding-bottom:28px}.catalog-page .type-picker{margin-top:24px}.catalog-page .type-picker button{color:white;border-color:#626d71;padding:18px}.catalog-page .type-picker small,.catalog-page .type-picker button>span{color:#bfc9cd}.catalog-page .type-picker button[aria-pressed=true]{background:#394349;border-color:#a8b0b3}.catalog-page .type-picker button[aria-pressed=false]{background:transparent}.catalog-page .type-picker button[aria-pressed=false]:hover{background:#30383d}.catalog-page .construction-detail{display:block;min-height:170px;background:transparent;border-top:1px solid #495155;padding:25px 0 0}.catalog-page .construction-detail[hidden]{display:none}.catalog-page .construction-detail h3{font-size:1.4rem;letter-spacing:-.02em;margin-bottom:14px}.catalog-page .construction-detail p{color:#c6ced1;max-width:850px}.catalog-page .construction-detail p+p{margin-top:12px;font-size:.9375rem}.catalog-page .drawing{margin-top:4px}.catalog-page .drawing-controls .scale-note{max-width:280px}.option-number{font-size:.875rem;color:#985019}.options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.options-grid article{border-top:1px solid var(--line);padding-top:22px}.options-grid h3{margin:24px 0 16px;font-size:1.65rem}.options-grid p{color:var(--muted)}.catalog-page .checks-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.catalog-page .checks li:first-child{border-top:0;padding-top:0}.catalog-page .business-note{margin-top:30px;border-left:3px solid var(--orange);padding-left:20px;color:var(--muted)}.catalog-page .catalog-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:30px}.catalog-links a{text-decoration:underline;text-underline-offset:4px;font-size:.9375rem}.catalog-links a[aria-current=page]{color:#95501a;font-weight:700}.source-note{font-size:.8125rem;color:var(--muted);padding:22px 0;border-top:1px solid var(--line)}.source-note summary{cursor:pointer}.source-note a{display:block;text-decoration:underline;margin-top:10px}.catalog-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-bottom:70px}.catalog-card{border:1px solid var(--line);background:white;padding:28px;display:flex;flex-direction:column;align-items:start}.catalog-card:hover{border-color:var(--orange)}.catalog-card h2{font-size:2rem;margin:16px 0}.catalog-card p{color:var(--muted);margin-bottom:24px}.catalog-card .text-link{margin-top:auto}.catalog-intro{padding:65px 0 42px;max-width:900px}.catalog-intro h1{font-size:clamp(2.5rem,5vw,4.5rem);margin-bottom:25px}.catalog-page .draft .wrap{flex-wrap:wrap}.catalog-page .drawing-head h2{line-height:1.25}.catalog-page .page-nav{margin-top:0}.catalog-page .measure{grid-template-columns:1fr 1.4fr}.catalog-page .mechanism svg{max-height:445px}
@media(min-width:901px){.catalog-page:has([data-mechanism="fire"]) h1{font-size:clamp(2.3rem,4.2vw,4.2rem)}}
@media(max-width:900px){.catalog-page .intro{grid-template-columns:1fr;gap:24px}.catalog-page h1{font-size:clamp(2.4rem,7vw,4rem)}.catalog-page .checks-grid{gap:36px}.catalog-page .drawing-head{align-items:start}.catalog-page .drawing-tag{max-width:200px}}
@media(max-width:700px){.catalog-page .intro{padding-top:30px}.catalog-page h1{font-size:clamp(2rem,8.3vw,3.5rem);letter-spacing:-.035em}.catalog-page .type-picker{gap:8px;grid-template-columns:1fr}.catalog-page .type-picker button{padding:14px 16px;display:grid;grid-template-columns:20px 1fr;gap:2px 14px}.catalog-page .type-picker small{font-size:.875rem}.catalog-page .type-picker strong{font-size:1rem}.catalog-page .type-picker button>span{grid-row:span 2}.catalog-page .drawing-controls .scale-note{max-width:none}.catalog-page .checks-grid,.options-grid,.catalog-cards{grid-template-columns:1fr}.catalog-page .construction-detail{min-height:0}.catalog-page .measure{grid-template-columns:1fr}.catalog-page .drawing{margin-top:20px}.catalog-card{padding:24px}.catalog-page .diagram-legend{grid-template-columns:1fr 1fr}.catalog-page .diagram-legend p{font-size:.875rem}}