/* Step 5 A: real cooling imagery and chaptered original design films. */
#sogutma .solution-feature img { height:auto; aspect-ratio:1120/624; object-fit:contain; }
#sogutma .solution-feature { align-items:center; }
.cooling-support { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:2.5rem; padding:2rem 0; margin-bottom:1.5rem; border-bottom:1px solid var(--line); align-items:center; }
.cooling-support figure { margin:0; min-width:0; }
.cooling-support img { display:block; width:100%; height:auto; max-height:450px; object-fit:contain; background:#f1f5f3; }
.cooling-support h4 { font-size:26px; line-height:1.2; margin:0 0 1rem; }
.cooling-support > div > p { max-width:60ch; }
.cooling-support ol { margin:1.5rem 0; padding:0; list-style:none; }
.cooling-support li { display:flex; gap:1.125rem; padding:.75rem 0; border-top:1px solid var(--line); }
.cooling-support li > span { color:var(--green); font-size:14px; padding-top:.125rem; }
.cooling-support h5 { margin:0 0 .25rem; font-size:18px; line-height:1.4; }
.cooling-support li p { margin:0; font-size:18px; line-height:1.65; }
.cooling-render { margin-top:2rem; padding:2rem; background:#edf3f1; border-top:3px solid var(--green); }
.cooling-render + .solution-cards { margin-top:2rem; }
.cooling-render-heading { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:2rem; margin-bottom:1.5rem; align-items:start; }
.cooling-render-heading h4 { font-size:26px; line-height:1.2; margin:0; }
.cooling-render-heading > p { margin:0; max-width:65ch; }
.cooling-render video { display:block; width:100%; height:auto; aspect-ratio:16/9; max-height:640px; object-fit:contain; background:#14394b; }
.catalogue-chapter .cooling-render-caption { font-size:15px; margin:1rem 0; color:var(--muted); max-width:none; }
.cooling-chapters { display:grid; grid-template-columns:repeat(var(--chapter-count,4),minmax(0,1fr)); gap:1.25rem; list-style:none; margin:1.5rem 0; padding:0; }
.cooling-chapters li { min-width:0; border-top:1px solid #b2c7bd; padding-top:.5rem; }
.cooling-chapters button { display:block; width:100%; text-align:left; padding:.5rem 0; min-height:44px; border:0; background:none; font:600 18px/1.4 Outfit,Arial,sans-serif; color:var(--navy); cursor:pointer; }
.cooling-chapters button span { display:block; margin-bottom:.5rem; font:400 14px/1.4 Arial,sans-serif; color:var(--green); }
.cooling-chapters button:hover { color:var(--green); text-decoration:underline; }
.cooling-chapters button:focus-visible { outline:3px solid var(--green); outline-offset:4px; }
.catalogue-chapter .cooling-chapters p { font-size:16px; line-height:1.6; margin:.5rem 0 0; }
.cooling-render-footer { border-top:1px solid var(--line); padding-top:1.25rem; display:flex; flex-wrap:wrap; gap:1rem 2rem; justify-content:space-between; align-items:center; }
.catalogue-chapter .cooling-render-footer p { font-size:15px; max-width:60ch; margin:0; }
.cooling-render-footer a { min-height:44px; display:inline-flex; align-items:center; font-size:16px; }
@media(max-width:1000px) { .cooling-chapters { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:799px) {
 .cooling-support,.cooling-render-heading { grid-template-columns:1fr; gap:1.5rem; }
 .cooling-support { padding:1.5rem 0; }
 .cooling-render { padding:1.25rem; }
 .cooling-chapters { grid-template-columns:1fr; gap:1rem; }
 .cooling-support li p { font-size:17px; }
}

/* Item 17: method selection and a qualitative, interactive fan-pad explanation. */
#sogutma-secimi .heat-source-table tbody th a { display:inline-block; min-height:44px; color:inherit; font:inherit; text-underline-offset:4px; }
.selection-inputs { margin:1.5rem 0 2.25rem; }
.selection-inputs h5 { font:600 25px/1.3 Outfit,Arial,sans-serif; margin:0 0 1.25rem; }
.selection-inputs dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem 2rem; margin:0; }
.selection-inputs dl>div { min-width:0; border-top:2px solid #9bb8a9; padding-top:.875rem; }
.selection-inputs dt { font-size:18px; line-height:1.4; font-weight:600; margin-bottom:.5rem; }
.selection-inputs dd { margin:0; font-size:16px; line-height:1.65; }
@media(max-width:900px) { .selection-inputs dl { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .selection-inputs dl { grid-template-columns:1fr; gap:1.25rem; } }
.cooling-selection { margin:2.5rem 0 1.5rem; }
.cooling-selection-heading { display:grid; grid-template-columns:1fr 1fr; gap:2rem; margin-bottom:1.5rem; }
.cooling-selection-heading h5 { font-size:28px; line-height:1.25; max-width:25ch; margin:.625rem 0 0; }
.catalogue-chapter .cooling-selection-heading>p { margin:0; font-size:17px; line-height:1.65; }
.fan-pad-lab { background:#f7faf8; border:1px solid #cbdad3; border-top:3px solid var(--green); padding:1.5rem; }
.fan-pad-controls { display:flex; gap:1.25rem 2rem; justify-content:space-between; align-items:center; }
.catalogue-chapter .fan-pad-controls>p { font-size:15px; line-height:1.5; max-width:46ch; margin:0; }
.fan-pad-controls [role="group"] { display:flex; flex-wrap:wrap; gap:8px; flex-shrink:0; }
.fan-pad-controls button { font:500 16px/1.4 Outfit,Arial,sans-serif; background:#fff; color:var(--navy); border:1px solid #9eb6ac; padding:.75rem 1rem; min-height:46px; cursor:pointer; }
.fan-pad-controls button[aria-pressed="true"] { background:var(--navy); color:#fff; border-color:var(--navy); }
.fan-pad-controls button:hover { box-shadow:inset 0 -3px 0 #87ab99; }
.fan-pad-controls button:focus-visible { outline:3px solid #246579; outline-offset:3px; }
.catalogue-chapter .fan-pad-result { margin:1.25rem 0 .5rem; font-size:17px; line-height:1.55; font-weight:500; color:var(--navy); max-width:80ch; min-height:2.8em; }
.fan-pad-figure { margin:0; }
.fan-pad-scroll-hint { display:none; }
.fan-pad-figure [data-fan-pad-figure]:focus-visible { outline:3px solid #246579; outline-offset:4px; }
.fan-pad-diagram { display:block; width:100%; height:auto; overflow:visible; font-family:Outfit,Arial,sans-serif; color:var(--navy); }
.fan-pad-diagram text { fill:currentColor; }
.fan-pad-diagram .fan-pad-svg-label { font-size:17px; }
.fan-pad-diagram .fan-pad-svg-small { font-size:15px; fill:#586e76; }
.fan-pad-legend { display:flex; flex-wrap:wrap; gap:.625rem 1.5rem; border-top:1px solid #d1ded9; padding:1rem 0 0; font:400 14px/1.5 Arial,sans-serif; }
.fan-pad-legend>span { display:inline-flex; gap:8px; align-items:center; }
.fan-pad-legend i { display:block; width:24px; border-top:2px solid; }
.fan-pad-key-air { color:#246579; border-top-style:dashed!important; position:relative; }
.fan-pad-key-air:after { content:""; position:absolute; right:-1px; top:-5px; border-left:6px solid #246579; border-top:4px solid transparent; border-bottom:4px solid transparent; }
.fan-pad-key-profile { color:#a85037; border-top-width:3px!important; }
.fan-pad-key-limit { color:#27748a; border-top-style:dashed!important; }
.fan-pad-key-outside { color:#6e7e86; border-top-style:dotted!important; }
.fan-pad-notes { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem 2rem; margin:1.5rem 0; }
.fan-pad-notes>div { border-top:1px solid var(--line); padding-top:1rem; }
.fan-pad-notes h6 { font:600 20px/1.4 Outfit,Arial,sans-serif; margin:0 0 .5rem; display:flex; gap:.75rem; }
.fan-pad-notes h6 span { font-size:14px; font-weight:400; line-height:2; color:var(--green); }
.catalogue-chapter .fan-pad-notes p { font-size:16px; line-height:1.65; margin:0; max-width:58ch; }
.catalogue-chapter .fan-pad-scope { font-size:14px; line-height:1.65; color:var(--muted); margin:1rem 0 0; max-width:95ch; }
.fan-pad-scope a { display:inline-block; padding:.5rem 0; }
@media(max-width:1100px) { .fan-pad-controls { align-items:flex-start; flex-direction:column; } .fan-pad-controls>p { max-width:none!important; } }
@media(max-width:799px) {
 .cooling-selection-heading,.fan-pad-notes { grid-template-columns:1fr; gap:1rem; }
 .cooling-selection-heading h5 { font-size:25px; }
 .fan-pad-lab { padding:1rem; }
 .fan-pad-controls [role="group"] { width:100%; display:grid; grid-template-columns:1fr 1fr; }
 .fan-pad-controls button { padding:.75rem .625rem; }
 .fan-pad-figure [data-fan-pad-figure] { overflow-x:auto; padding:.5rem 0; }
 .fan-pad-diagram { min-width:760px; }
 .catalogue-chapter .fan-pad-scroll-hint { display:block; font-size:14px; color:var(--muted); margin:.5rem 0; }
 .fan-pad-legend { font-size:13px; }
}

/* The chiller's refrigerant, water, air and drain circuits are distinct. */
.chiller-circuit { margin:1.75rem 0; }
.chiller-circuit>h5 { font:600 25px/1.3 Outfit,Arial,sans-serif; margin:0 0 1.25rem; }
.chiller-circuit-figure { margin:0; border:1px solid var(--line); background:#fff; }
.chiller-circuit-figure .drawing-open { display:block; width:100%; padding:0; }
.chiller-circuit-figure img { display:block; width:100%; height:auto; }
.chiller-line-key { display:flex; flex-wrap:wrap; gap:.75rem 1.75rem; margin:0 1.25rem; padding:1rem 0; border-top:1px solid var(--line); font-size:14px; line-height:1.5; }
.chiller-line-key>span { display:inline-flex; align-items:center; gap:.5rem; }
.chiller-line-key i { display:block; width:24px; border-top:3px solid; }
.chiller-key-supply { color:#267b9b; }
.chiller-key-return { color:#37667e; border-top-style:dashed!important; }
.chiller-key-refrigerant { color:#765780; }
.chiller-key-air { color:#286b51; border-top-style:dashed!important; }
.chiller-key-drain { color:#5c6a72; border-top-width:2px!important; }
.chiller-key-heat { color:#aa6428; border-top-width:5px!important; }
.catalogue-chapter .chiller-circuit-scope { font-size:14px; line-height:1.6; color:var(--muted); max-width:100ch; margin:1rem 0 1.5rem; }
.chiller-circuit-notes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem 1.75rem; margin:0 0 2rem; padding:0; list-style:none; }
.chiller-circuit-notes li { display:flex; gap:.75rem; border-top:1px solid var(--line); padding-top:1rem; }
.chiller-circuit-notes li>span { flex:none; font-size:14px; color:var(--green); padding-top:.25rem; }
.chiller-circuit-notes h6 { font:600 20px/1.35 Outfit,Arial,sans-serif; margin:0 0 .625rem; }
.catalogue-chapter .chiller-circuit-notes p { font-size:16px; line-height:1.65; margin:0; }
.chiller-application-table { width:100%; border-collapse:collapse; table-layout:fixed; text-align:left; font-size:16px; line-height:1.6; }
.chiller-application-table caption { font:600 25px/1.3 Outfit,Arial,sans-serif; text-align:left; color:var(--navy); padding:0 0 1.25rem; }
.chiller-application-table th,.chiller-application-table td { border:1px solid var(--line); padding:1rem 1.25rem; vertical-align:top; }
.chiller-application-table thead th { color:#fff; background:var(--navy); font-weight:600; }
.chiller-application-table thead th:first-child { width:18%; }
.chiller-application-table tbody th { background:#edf3f1; font-weight:600; }
.chiller-application-table tbody tr:nth-child(even) td { background:#f7f9f8; }
.chiller-application-mobile { display:none; }
.catalogue-chapter .chiller-application-note { font-size:16px; line-height:1.6; margin:1.25rem 0; padding-left:1rem; border-left:3px solid var(--green); max-width:95ch; }
@media(max-width:1000px) { .chiller-circuit-notes { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) {
 .chiller-circuit-notes { grid-template-columns:1fr; }
 .chiller-circuit-figure .drawing-open { overflow:auto; }
 .chiller-circuit-figure img { min-width:850px; }
 .chiller-application-table,.chiller-application-table caption,.chiller-application-table tbody { display:block; }
 .chiller-application-table thead { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
 .chiller-application-table tr { display:block; margin-bottom:1rem; border:1px solid var(--line); }
 .chiller-application-table tbody th,.chiller-application-table tbody td { display:block; border:0; border-bottom:1px solid var(--line); padding:.875rem 1rem; }
 .chiller-application-table tbody td:last-child { border-bottom:0; }
 .chiller-application-mobile { display:block; color:var(--green); font-weight:600; margin-bottom:.5rem; }
}

/* Item 19: source temperatures and delivery temperatures stay paired with performance. */
.heat-pump-selection { margin:1.75rem 0; }
.heat-pump-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1.5rem 2rem; }
.heat-pump-heading h5 { font:600 28px/1.25 Outfit,Arial,sans-serif; margin:.5rem 0 0; max-width:30ch; }
.heat-pump-heading>a { flex:none; display:inline-flex; align-items:center; min-height:44px; font-size:16px; }
.catalogue-chapter .heat-pump-scope { font-size:16px; line-height:1.65; max-width:95ch; margin:1rem 0 1.5rem; }
.heat-pump-table { width:100%; border-collapse:collapse; table-layout:fixed; text-align:left; font-size:17px; line-height:1.5; font-variant-numeric:tabular-nums; }
.heat-pump-table caption { text-align:left; font:600 20px/1.4 Outfit,Arial,sans-serif; padding:0 0 1rem; }
.heat-pump-table th,.heat-pump-table td { padding:1rem; border:1px solid var(--line); vertical-align:middle; }
.heat-pump-table thead th { background:var(--navy); color:#fff; font-size:16px; font-weight:500; vertical-align:top; }
.heat-pump-table thead th:first-child { width:12%; }
.heat-pump-table thead th:nth-child(2),.heat-pump-table thead th:nth-child(3) { width:20%; }
.heat-pump-table thead small { display:block; font-size:14px; line-height:1.4; font-weight:400; margin-top:.625rem; }
.heat-pump-table tbody th { background:#edf3f1; font-weight:600; }
.heat-pump-table tbody tr:nth-child(even) td { background:#f7f9f8; }
.heat-pump-table td:last-child { color:#246579; }
.heat-pump-mobile-label { display:none; }
.catalogue-chapter .heat-pump-conditions { color:var(--muted); font-size:14px; line-height:1.6; margin:.875rem 0 1.5rem; max-width:105ch; }
.catalogue-chapter .heat-pump-insight { border-left:3px solid var(--green); padding:.25rem 0 .25rem 1.25rem; font-size:18px; line-height:1.6; max-width:86ch; margin:1.5rem 0; }
.heat-pump-notes { display:grid; grid-template-columns:1fr 1fr; gap:1rem 2rem; }
.catalogue-chapter .heat-pump-notes p { font-size:15px; line-height:1.65; margin:0; max-width:none; }
.heat-pump-auxiliaries { margin-top:2rem; padding-top:1.5rem; border-top:1px solid var(--line); }
.heat-pump-auxiliaries h6 { font:600 24px/1.3 Outfit,Arial,sans-serif; margin:0 0 .75rem; }
.catalogue-chapter .heat-pump-auxiliaries>p { font-size:16px; line-height:1.65; max-width:100ch; }
.heat-pump-auxiliaries dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.75rem; margin:1.5rem 0; }
.heat-pump-auxiliaries dl>div { border-top:2px solid #9bb8a9; padding-top:1rem; }
.heat-pump-auxiliaries dt { font-weight:600; font-size:18px; line-height:1.4; margin-bottom:.625rem; }
.heat-pump-auxiliaries dd { margin:0; font-size:16px; line-height:1.65; }
.catalogue-chapter .heat-pump-electricity-scope { padding:1rem 1.25rem; background:#edf3f1; }
.catalogue-chapter .heat-pump-backup { color:var(--muted); font-size:15px; }
@media(max-width:850px) { .heat-pump-heading { flex-direction:column; gap:.75rem; } .heat-pump-table th,.heat-pump-table td { padding:.875rem .625rem; } }
@media(max-width:650px) {
 .heat-pump-heading h5 { font-size:25px; }
 .heat-pump-table,.heat-pump-table caption,.heat-pump-table tbody { display:block; }
 .heat-pump-table thead { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
 .heat-pump-table tr { display:block; margin-bottom:1rem; border:1px solid var(--line); }
 .heat-pump-table tbody th,.heat-pump-table tbody td { display:block; border:0; border-bottom:1px solid var(--line); padding:.875rem 1rem; }
 .heat-pump-table tbody td:last-child { border-bottom:0; }
 .heat-pump-mobile-label { display:block; color:var(--green); font-size:14px; font-weight:500; margin-bottom:.375rem; }
 .heat-pump-notes,.heat-pump-auxiliaries dl { grid-template-columns:1fr; }
}