/* Original heating footage and heat-pump design, alongside chapter descriptions. */
.heating-render { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:2rem; align-items:center; margin:2rem 0; padding:2rem; background:#edf3f1; border-top:3px solid var(--green); }
.heating-render--field { background:#14394b; color:#fff; }
.heating-media,.heating-copy { min-width:0; }
.heating-render video { display:block; width:100%; height:auto; object-fit:contain; background:#0e2c3a; }
.catalogue-chapter .heating-media-caption { margin:.875rem 0 0; font-size:15px; line-height:1.5; max-width:none; }
.heating-copy h4 { margin:0 0 1rem; font-size:26px; line-height:1.25; }
.heating-copy > p { margin:0 0 1rem; }
.heating-chapters { list-style:none; padding:0; margin:1.5rem 0; }
.heating-chapters li { border-top:1px solid var(--line); padding:.35rem 0; }
.heating-chapters button { display:flex; gap:.875rem; align-items:baseline; width:100%; min-height:44px; padding:.5rem 0; border:0; background:none; text-align:left; color:inherit; font:600 18px/1.4 Outfit,Arial,sans-serif; cursor:pointer; }
.heating-chapters button span { flex:0 0 3rem; font:400 14px/1.5 Arial,sans-serif; color:var(--green); }
.catalogue-chapter .heating-chapters p { margin:0 0 .625rem 3.875rem; font-size:16px; line-height:1.6; }
.heating-chapters button:hover { text-decoration:underline; }
.heating-chapters button:focus-visible { outline:3px solid currentColor; outline-offset:3px; }
.heating-copy > a { display:inline-flex; align-items:center; min-height:44px; font-size:16px; }
.heating-render--field .topic-label,.heating-render--field .heating-chapters button span { color:#b5dac5; }
.heating-render--field h4,.heating-render--field .text-link { color:#fff; }
.catalogue-chapter .heating-render--field a.text-link { text-decoration-color:#b5dac5; }
.catalogue-chapter .heating-render--field a.text-link:hover { color:#b5dac5; }
.heating-render--field .heating-chapters li { border-color:#50717f; }
@media(max-width:1000px) { .heating-render { grid-template-columns:1fr; } }
@media(max-width:799px) { .heating-render { padding:1.25rem; gap:1.5rem; } }

/* Six heat sources compared within the existing heating chapter. */
.heat-source-comparison { margin:1.5rem 0; }
.catalogue-chapter p.heat-source-scope { font-size:1rem; line-height:1.5; max-width:70ch; color:var(--muted); margin:0 0 1rem; }
.heat-source-table { width:100%; table-layout:fixed; border-collapse:collapse; font-size:1rem; line-height:1.5; text-align:left; }
.heat-source-table caption { text-align:left; font:600 1.25rem/1.4 Outfit,Arial,sans-serif; color:var(--navy); padding:0 0 1rem; }
.heat-source-table th,.heat-source-table td { padding:1.125rem .875rem; vertical-align:top; border:1px solid var(--line); overflow-wrap:break-word; }
.heat-source-table thead th { background:var(--navy); color:#fff; font-weight:600; }
.heat-source-table thead th:first-child { width:15%; }
.heat-source-table tbody th { background:#edf3f1; font-weight:400; }
.heat-source-table tbody tr:nth-child(even) td { background:#f7f9f8; }
.heat-source-table tbody strong { display:block; font:600 1.125rem/1.35 Outfit,Arial,sans-serif; color:var(--navy); }
.heat-source-number { display:block; font-size:.875rem; color:var(--green); margin-bottom:.75rem; }
.heat-source-type { display:block; font-size:.875rem; line-height:1.45; margin-top:.5rem; color:var(--muted); }
.heat-source-mobile-label { display:none; }
.heat-source-notes { border-left:3px solid var(--green); padding:.25rem 0 .25rem 1rem; margin:1.25rem 0; }
.catalogue-chapter .heat-source-notes p,.catalogue-chapter .heat-source-basis p { font-size:1rem; line-height:1.6; max-width:95ch; margin:0 0 .625rem; }
.catalogue-chapter .heat-source-notes p:last-child { margin-bottom:0; }
.heat-source-basis { margin-top:1rem; border-top:1px solid var(--line); }
.heat-source-basis summary { font-size:1rem; min-height:44px; padding:.75rem 0; }
.heat-source-basis ul { margin:.5rem 0 1rem; padding-left:1.25rem; }
.catalogue-chapter .heat-source-basis li { font-size:1rem; line-height:1.5; margin:.375rem 0; }
.heat-source-basis a { display:inline-block; padding:.5rem 0; }
@media(max-width:1050px) {
 .heat-source-table { display:block; }
 .heat-source-table caption { display:block; }
 .heat-source-table thead { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
 .heat-source-table tbody { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
 .heat-source-table tr { display:block; border:1px solid var(--line); }
 .heat-source-table tbody th { display:block; padding:1rem; border:0; border-bottom:1px solid var(--line); }
 .heat-source-table tbody td { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:.75rem; padding:.875rem 1rem; border:0; border-bottom:1px solid var(--line); }
 .heat-source-table tbody td:last-child { border-bottom:0; }
 .heat-source-table tbody tr:nth-child(even) td { background:#fff; }
 .heat-source-mobile-label { display:block; font-size:.875rem; font-weight:bold; color:var(--green); }
 .heat-source-number { float:right; margin:0; }
 .heat-source-type { margin-top:.25rem; }
}
@media(max-width:650px) {
 .heat-source-table tbody { grid-template-columns:1fr; }
 .heat-source-table tbody td { grid-template-columns:1fr; gap:.25rem; }
}
/* Item 16: the approved source drawing remains intact under numbered explanations. */
.heat-engineering{margin:30px 0}
.heat-engineering-heading{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:22px}
.heat-engineering-heading h5{font-size:28px;line-height:1.25;margin:10px 0 0;max-width:26ch}
.heat-engineering-heading>p{font-size:16px;line-height:1.65;margin:0}
.heat-engineering-review{display:flex;gap:12px 20px;align-items:baseline;padding:15px 20px;background:#f8f2df;border-left:3px solid #b67625;margin:0!important;max-width:none!important;font-size:14px!important;line-height:1.6!important}
.heat-engineering-review strong{flex:none;color:#705015}
.heat-engineering-panel{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:30px;padding:26px;background:#eef3f1}
.heat-engineering-visual{min-width:0}
.heat-engineering-panel .cad-canvas{width:100%}
.heat-engineering-notes h6{font-size:20px;line-height:1.35;margin:0 0 18px}
.heat-engineering-notes .cad-note-text{font-size:16px;line-height:1.55}
.heat-engineering-notes .cad-note-number{font-size:14px}
.heat-engineering-notes .cad-note-button{padding:16px 8px;gap:10px}
.heat-engineering-equation{margin-top:26px;padding:20px 22px;background:#fff;border-top:3px solid #173d50}
.heat-engineering-equation p{font-size:16px;line-height:1.6;margin:12px 0 0}
.heat-engineering-equation .topic-label{font-size:14px;margin:0}
.heat-engineering-equation .heat-engineering-formula{font-size:27px;font-weight:600;line-height:1.5;letter-spacing:0}
.heat-engineering-formula var{font-style:normal}
.heat-engineering-scope{font-size:14px!important;line-height:1.65!important;margin:18px 0!important;color:#4f6570}
[data-cad-panel="isitma-hesabi"] .cad-pin{width:38px;height:38px}
#drawing-cad [data-cad-panel="isitma-hesabi"] .cad-note-text{font-size:16px}
@media(max-width:1000px){.heat-engineering-heading,.heat-engineering-panel{grid-template-columns:1fr}.heat-engineering-heading{gap:18px}.heat-engineering-review{flex-direction:column;gap:4px}.heat-engineering-notes .cad-notes{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.heat-engineering-panel .cad-canvas{max-width:760px}}
@media(max-width:650px){.heat-engineering-panel{padding:18px}.heat-engineering-notes .cad-notes{grid-template-columns:1fr}.heat-engineering-heading h5{font-size:25px}.heat-engineering-equation{padding:18px}.heat-engineering-equation .heat-engineering-formula{font-size:23px}}
