.article-index,.article-page{max-width:1120px;margin:0 auto;padding:48px 24px 80px}.article-index-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:end;border-bottom:3px solid var(--black);padding-bottom:34px}.article-index h1,.article-hero h1{font-size:clamp(42px,6vw,72px);line-height:.96;letter-spacing:-.055em;margin:8px 0 0}.article-index-hero>p,.article-lead{font-size:19px;line-height:1.55;color:var(--muted);margin:0}.article-list{margin:34px 0}.article-card{display:grid;grid-template-columns:.8fr 1.2fr;background:#fff;border:1px solid var(--line)}.article-card-visual{display:flex;align-items:center;justify-content:center;min-height:320px;background:var(--black);overflow:hidden}.article-card-visual img{width:100%;height:100%;object-fit:contain;padding:38px}.article-card-copy{padding:34px}.article-card-copy h2{font-size:clamp(28px,4vw,42px);line-height:1.05;letter-spacing:-.035em;margin:18px 0}.article-card-copy h2 a{color:inherit;text-decoration:none}.article-card-copy>p{color:var(--muted);line-height:1.6}.article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--muted);margin:0}.article-meta span+span,.article-meta time+span{position:relative}.article-meta span+span:before,.article-meta time+span:before{content:"";position:absolute;left:-10px;top:7px;width:3px;height:3px;border-radius:50%;background:var(--yellow)}.article-read{display:inline-flex;margin-top:16px;background:var(--yellow);color:var(--black);padding:14px 18px;text-decoration:none;font-weight:900}.article-coming{border-block:1px solid var(--line);padding:28px 0;margin:34px 0}.article-coming>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.article-coming span{border:1px solid var(--line);background:#fff;padding:9px 12px;font-weight:700}.article-hero{max-width:980px;border-bottom:3px solid var(--black);padding:18px 0 32px;margin-bottom:28px}.article-hero .article-lead{max-width:830px;margin:24px 0 18px}.article-page>article{max-width:900px;margin:0 auto}.safety-note{background:#fff4d1;border-left:6px solid var(--yellow);padding:22px 24px;margin:28px 0}.safety-note strong{font-size:20px}.safety-note p{margin:8px 0 0;line-height:1.6}.article-toc{background:#fff;border:1px solid var(--line);padding:24px 28px;margin:30px 0}.article-toc ol{columns:2;gap:34px;margin:14px 0 0;padding-left:22px}.article-toc li{margin:8px 0}.article-toc a{color:inherit;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:3px}.article-section{scroll-margin-top:20px;border-top:1px solid var(--line);padding:42px 0 12px}.article-step{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--yellow);font-weight:900;margin:0 0 14px}.article-section h2,.request-template h2,.article-constructor h2,.article-faq h2{font-size:clamp(29px,4vw,43px);line-height:1.04;letter-spacing:-.04em;margin:0 0 18px}.article-section>p,.request-template li,.article-constructor p,.article-faq p{font-size:17px;line-height:1.7;color:#4f534b}.article-section a{color:inherit;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:3px}.measurement-diagram{display:grid;grid-template-columns:64px 1fr 64px;align-items:center;position:relative;background:#11120f;padding:48px 44px 56px;margin:26px 0;color:#fff}.measurement-cap{height:54px;background:linear-gradient(90deg,#8f969b,#e1e3e4 48%,#777f83);border:3px solid #555}.measurement-cap:first-child{border-radius:12px 2px 2px 12px}.measurement-cap:nth-child(3){border-radius:2px 12px 12px 2px}.measurement-hose{height:31px;background:repeating-linear-gradient(135deg,#252824 0,#252824 10px,#171916 10px,#171916 20px);border-block:3px solid #4c5149}.measurement-diagram b{position:absolute;left:44px;right:44px;bottom:18px;text-align:center;font-size:13px}.measurement-diagram:before,.measurement-diagram:after{content:"";position:absolute;bottom:39px;width:2px;height:18px;background:var(--yellow)}.measurement-diagram:before{left:44px}.measurement-diagram:after{right:44px}.article-warning{background:#fff;border:1px solid var(--line);border-left:5px solid #e39b25;padding:18px 20px;margin:20px 0;line-height:1.55}.article-example{display:flex;flex-direction:column;gap:7px;background:#11120f;color:#fff;padding:24px;margin:24px 0}.article-example span{font-size:12px;color:#c4c8bf;text-transform:uppercase;letter-spacing:.08em}.article-example strong{font-size:clamp(20px,4vw,30px);color:var(--yellow)}.article-example small{color:#d9ddd5}.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.article-grid>div{background:#fff;border:1px solid var(--line);padding:22px}.article-grid strong{font-size:19px}.article-grid p{color:var(--muted);line-height:1.55;margin:8px 0 0}.angle-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.angle-options div{display:grid;grid-template-columns:62px auto;grid-template-rows:auto auto;gap:0 14px;align-items:center;background:#fff;border:1px solid var(--line);padding:20px}.angle-options i{grid-row:1/3;width:52px;height:12px;background:#262925;transform-origin:left center}.angle-options div:nth-child(2) i{transform:rotate(-45deg)}.angle-options div:nth-child(3) i{transform:rotate(-90deg)}.angle-options strong{font-size:22px}.angle-options span{color:var(--muted);font-size:13px}.article-checklist{display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none;padding:0;margin:24px 0}.article-checklist li{position:relative;background:#fff;border:1px solid var(--line);padding:15px 15px 15px 42px}.article-checklist li:before{content:"✓";position:absolute;left:15px;color:#6d8200;font-weight:900}.photo-checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.photo-checklist div{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);padding:17px}.photo-checklist b{display:flex;align-items:center;justify-content:center;flex:0 0 34px;height:34px;background:var(--yellow)}.request-template{background:#fff;border:1px solid var(--line);padding:30px;margin:38px 0}.request-template ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;margin:20px 0 0;padding-left:20px}.article-constructor{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;background:var(--yellow);padding:34px;margin:38px 0}.article-constructor p{color:#2e302c;margin-bottom:0}.article-constructor a{display:inline-flex;background:var(--black);color:#fff;padding:16px 22px;text-decoration:none;font-weight:900;white-space:nowrap}.article-faq{margin:42px 0}.article-faq details{border-bottom:1px solid var(--line);padding:18px 0}.article-faq summary{cursor:pointer;font-size:18px;font-weight:900}.article-faq p{margin:10px 0 0}.article-index .seo-cta p{margin:6px 0 0;color:#30322e}
@media(max-width:760px){.article-index,.article-page{padding:30px 14px 92px}.article-index-hero,.article-card,.article-constructor{grid-template-columns:1fr}.article-card-visual{min-height:230px}.article-card-copy{padding:24px}.article-toc ol{columns:1}.article-grid,.article-checklist,.photo-checklist,.request-template ul{grid-template-columns:1fr}.angle-options{grid-template-columns:1fr}.measurement-diagram{grid-template-columns:48px 1fr 48px;padding-inline:20px}.measurement-diagram b{left:20px;right:20px}.measurement-diagram:before{left:20px}.measurement-diagram:after{right:20px}.article-constructor a{justify-content:center}.article-index h1,.article-hero h1{font-size:clamp(38px,12vw,54px)}}

/* Keep every angle symbol centered inside an identical square. */
.angle-options i{position:relative;width:52px;height:52px;background:none;transform:none!important}.angle-options i:before{content:"";position:absolute;left:0;top:20px;width:52px;height:12px;background:#262925;transform-origin:center}.angle-options div:nth-child(2) i:before{transform:rotate(-45deg)}.angle-options div:nth-child(3) i:before{transform:rotate(-90deg)}

.hose-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.hose-choice-grid article{position:relative;background:#fff;border:1px solid var(--line);padding:28px}.hose-choice-grid article>span{display:inline-flex;background:var(--yellow);padding:8px 11px;font-weight:900}.hose-choice-grid h2{font-size:28px;margin:18px 0 10px}.hose-choice-grid p{color:var(--muted);line-height:1.6}.hose-choice-grid a{font-weight:900;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:4px}.table-scroll{overflow-x:auto;margin:24px 0}.comparison-table{min-width:690px;margin:0}.comparison-table td:nth-child(n+3){font-weight:800}.comparison-table td:last-child{color:#667800}.choice-algorithm{background:#11120f;color:#fff;padding:32px;margin:38px 0}.choice-algorithm h2{font-size:clamp(29px,4vw,43px);line-height:1.04;letter-spacing:-.04em;margin:0 0 22px}.choice-algorithm ol{display:grid;gap:1px;list-style:none;padding:0;margin:0;background:#373a35}.choice-algorithm li{display:grid;grid-template-columns:.75fr 1.25fr;gap:20px;background:#171916;padding:17px 19px}.choice-algorithm li b{color:var(--yellow)}.choice-algorithm li span{color:#c8cbc4}.article-constructor-split{grid-template-columns:1fr 1fr;background:transparent;padding:0;gap:12px}.article-constructor-split>div{display:flex;flex-direction:column;align-items:flex-start;background:var(--yellow);padding:28px}.article-constructor-split h2{font-size:30px}.article-constructor-split p{flex:1}.article-constructor-split a{margin-top:22px}
@media(max-width:760px){.hose-choice-grid,.article-constructor-split{grid-template-columns:1fr}.choice-algorithm li{grid-template-columns:1fr;gap:6px}}

.article-card+.article-card{margin-top:16px}.article-card-visual-comparison{gap:14px;color:#fff}.article-card-visual-comparison strong{font-size:58px;letter-spacing:-.06em;color:var(--yellow)}.article-card-visual-comparison span{font-size:14px;color:#c9ccc5;text-transform:uppercase}

.article-card-visual-fitting{position:relative;flex-direction:column;color:#fff}.article-card-visual-fitting span{font-size:52px;font-weight:900;letter-spacing:-.05em}.article-card-visual-fitting strong{color:var(--yellow);font-size:25px}.article-card-visual-fitting i{display:block;width:150px;height:34px;margin:14px 0;background:repeating-linear-gradient(90deg,#dfe2df 0,#dfe2df 8px,#707770 8px,#707770 13px);transform:skewX(-12deg)}.fitting-identification-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.fitting-identification-grid div{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);padding:22px}.fitting-identification-grid b{font-size:20px}.fitting-identification-grid span{color:var(--muted);line-height:1.5}.seal-types{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.seal-types div{display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto;gap:5px 14px;align-items:center;background:#11120f;color:#fff;padding:22px}.seal-types i{grid-row:1/3;position:relative;width:52px;height:52px;border:2px solid #777d75}.seal-types i:after{content:"";position:absolute;inset:9px;border:4px solid var(--yellow)}.seal-types .seal-cone:after{border-radius:50%;transform:scale(.8,.45)}.seal-types .seal-flat:after{border-radius:50%}.seal-types .seal-taper:after{border-width:0 5px 0 5px;transform:skewX(-12deg)}.seal-types span{color:#c8cbc4;font-size:14px;line-height:1.45}.thread-measurement{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.thread-measurement div{position:relative;background:#fff;border:1px solid var(--line);padding:22px}.thread-measurement span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--yellow);font-weight:900}.thread-measurement b{display:block;font-size:19px;margin:14px 0 7px}.thread-measurement p{color:var(--muted);line-height:1.55;margin:0}.fitting-family-table{min-width:780px;margin:0}.fitting-family-table td:first-child{font-weight:900}.fitting-family-table td:nth-child(2){white-space:nowrap}
@media(max-width:760px){.fitting-identification-grid,.seal-types,.thread-measurement{grid-template-columns:1fr}}