/* KONTUR walls service pages — extension of the home page design system.
   Adds answer-first, comparison and internal-link blocks for generator/answer engines.
   Reuses existing tokens (--paper, --white, --graphite, --ink, --copper, --line, --radius),
   the container/section rhythm, Arial type stack and 3px radii. No new fonts or colors. */
.answer-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:35px;align-items:start}
.answer-panel{background:var(--white);border:1px solid var(--line);border-left:3px solid var(--copper);border-radius:var(--radius);padding:36px 38px;min-width:0}
.answer-panel .eyebrow{color:var(--copper);font-size:10px;margin-bottom:18px}
.answer-panel>p{font-size:16px;line-height:1.65;margin-top:18px;max-width:780px}
.answer-panel>p.answer-lead{font-size:20px;line-height:1.5;letter-spacing:-.015em;margin-top:0}
.answer-points{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:13px}
.answer-points li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:13px;font-size:14px;line-height:1.55;color:var(--muted)}
.answer-points .icon{width:17px;height:17px;margin-top:2px;color:var(--copper)}
.answer-points b{color:var(--ink);font-weight:600}
.fact-list{margin:0;background:var(--graphite);color:var(--white);padding:30px 32px;border-radius:var(--radius);min-width:0}
.fact-list .eyebrow{font-size:10px;color:#bfc0bc;margin-bottom:16px}
.fact-list>dl{margin:0}
.fact-list>dl>div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #ffffff24;padding-block:15px;font-size:14px}
.fact-list>dl>div:last-of-type{border-bottom:0;padding-bottom:0}
.fact-list dt{color:#e9e7e0;font-weight:400}
.fact-list dd{margin:0;color:#c9cbc5;text-align:right}
.fact-list>small{display:block;font-size:12px;line-height:1.6;color:#a5aaa6;margin-top:20px}
.table-block{margin-top:42px}
.table-block--first{margin-top:0}
.table-block h3{max-width:780px}
.table-block>p{font-size:14px;color:var(--muted);margin-top:14px;max-width:860px;line-height:1.6}
.table-scroll{overflow-x:auto;margin-top:23px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}
.spec-table{width:100%;min-width:700px;border-collapse:collapse;font-size:14px}
.spec-table th,.spec-table td{text-align:left;padding:16px 24px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.55}
.spec-table thead th{background:var(--graphite);color:var(--white);font-weight:500;font-size:13px;border-bottom:0;white-space:nowrap}
.spec-table tbody th{font-weight:600;color:var(--ink);white-space:nowrap}
.spec-table td{color:var(--muted)}
.spec-table tbody tr:last-child th,.spec-table tbody tr:last-child td{border-bottom:0}
.table-note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:14px;max-width:880px}
.link-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}
.link-grid a{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:58px;font-size:15px;line-height:1.4;padding-block:14px;border-bottom:1px solid var(--line);transition:color .2s}
.link-grid a:hover{color:var(--copper)}
.link-grid .icon{width:17px;height:17px;flex:none;color:var(--copper)}
.steny-page .service-panel__content li a{overflow-wrap:anywhere}
@media(max-width:1200px){.link-grid{gap:0 30px}}
@media(max-width:1100px){.answer-layout{grid-template-columns:1fr;gap:25px}.link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .answer-panel{padding:26px 22px}
 .answer-panel>p{font-size:15px}
 .answer-panel>p.answer-lead{font-size:18px}
 .answer-points li{font-size:13px;gap:11px}
 .fact-list{padding:25px 22px}
 .fact-list>dl>div{font-size:13px;gap:12px}
 .table-block{margin-top:34px}
 .table-block>p{font-size:13px}
 .table-scroll{margin-top:18px}
 .spec-table{min-width:560px;font-size:13px}
 .spec-table th,.spec-table td{padding:13px 16px}
 .link-grid{grid-template-columns:1fr}
 .link-grid a{font-size:14px;min-height:54px}
}