/* Kindware — справочник «Что делать, если…»: страницы с инструментом (форма → печать).
   Подключается после tokens.css, site.css, page.css. Шаг отступов 8. */

[hidden]{display:none !important}

/* колонка статьи не растёт от широкого содержимого (форма, лист) */
.pg-body article,.pg-body article > section{grid-template-columns:minmax(0,1fr)}

/* ───────── форма ───────── */
.pg-body section.tool{padding:var(--s4);border:1px solid var(--line);border-radius:16px;background:var(--night-2);gap:var(--s3)}
.tool-privacy{padding:var(--s2);border-left:2px solid var(--coral);background:var(--night);border-radius:0 var(--r-s) var(--r-s) 0;font-size:var(--t-small);line-height:1.5}
.tool-form{display:grid;gap:var(--s4)}
.tool-form fieldset{margin:0;padding:0;border:0;min-width:0}
.tool-form fieldset + fieldset{padding-top:var(--s4);border-top:1px solid var(--line)}
.tool-form legend{float:left;width:100%;margin:0 0 var(--s2);padding:0;font:400 20px/1.2 var(--f-display);letter-spacing:-.02em;color:var(--ink)}
.tool-form fieldset > * + *{margin-top:var(--s2)}
.tool-form legend + *{clear:both;margin-top:0}
.tool-form legend:has(+ .hint){margin-bottom:var(--s1)}

.fld{display:grid;gap:var(--s1);min-width:0}
.fld label{font-size:var(--t-small);font-weight:700;color:var(--ink)}
.fld input,.fld textarea{width:100%;min-height:52px;padding:0 var(--s2);border:1px solid #6B7792;border-radius:var(--r-m);background:var(--night);color:var(--ink);font:500 16px/1.4 var(--f-text);-webkit-appearance:none;appearance:none}
.fld textarea{padding:var(--s2);resize:vertical;min-height:96px}
.fld input:focus-visible,.fld textarea:focus-visible{outline:2px solid var(--coral);outline-offset:2px;border-color:var(--coral)}
.fld input[aria-invalid="true"]{border-color:var(--coral);border-width:2px}
.fld-short{max-width:220px}
.hint{font-size:var(--t-small);line-height:1.45;color:var(--muted);max-width:62ch}
.pg-body .hint{color:var(--muted)}
.hint.err{color:var(--coral);font-weight:700}

.meds{display:grid;gap:var(--s2)}
.med{display:grid;gap:var(--s2);padding:var(--s2);border:1px solid var(--line-2);border-radius:var(--r-m)}
.med-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}
.med-n{font-size:var(--t-label);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.phones{display:grid;gap:var(--s2)}
.phone{display:grid;gap:var(--s2);padding:var(--s2);border:1px solid var(--line-2);border-radius:var(--r-m)}
@media (min-width:640px){
  .med{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .med-head{grid-column:1 / -1}
  .phone{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}

/* кнопки инструмента: не ниже 44 px */
.btn-tool{display:inline-flex;align-items:center;justify-content:center;gap:var(--s1);min-height:48px;padding:0 var(--s3);border:1px solid #6B7792;border-radius:var(--r-m);background:transparent;color:var(--ink);font:700 16px/1.2 var(--f-text);cursor:pointer;
  transition:border-color var(--t-fast),background var(--t-fast),transform var(--t-fast) var(--ease);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
@media (hover:hover) and (pointer:fine){.btn-tool:hover{border-color:var(--coral)}}
.btn-tool:active{transform:translateY(1px)}
.btn-tool:disabled{opacity:.45;cursor:not-allowed}
.btn-quiet{border-color:transparent;padding:0 var(--s2);color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:5px}
.btn-rm{margin-right:calc(var(--s2) * -1);min-height:44px}
.btn-danger{border-color:var(--coral);color:var(--coral)}
#add-med{margin-top:var(--s2);width:100%}
@media (min-width:640px){#add-med{width:auto}}

.tool-date{display:grid;gap:var(--s1);justify-items:start;padding-top:var(--s4);border-top:1px solid var(--line)}
.tool-date b{font:400 22px/1.2 var(--f-display);color:var(--ink);font-variant-numeric:tabular-nums}
.tool-date .btn-tool{margin-top:var(--s1)}
.tool-actions{display:grid;gap:var(--s2);justify-items:start}
.btn-print{justify-content:center;min-height:56px;font-size:17px;border:0;cursor:pointer}
.fit{font-size:var(--t-small);line-height:1.45;color:var(--ink-2);margin:0;max-width:62ch}
.pg-body .fit.fit-bad{color:var(--coral);font-weight:700}
.clear{display:grid;gap:var(--s1);justify-items:start;margin-top:var(--s2);padding-top:var(--s2);border-top:1px solid var(--line);width:100%}
.clear-ask{display:grid;gap:var(--s2)}
.clear .btn-quiet{margin-left:calc(var(--s2) * -1)}
@media (max-width:620px){
  .pg-body section.tool{padding:var(--s2)}
  .btn-print{width:100%}
  .tool-actions{justify-items:stretch}
}

.pg-cta .cta-h{font-size:clamp(22px,2.6vw,28px)}
.foot-warn{color:var(--ink-2)}

/* ───────── лист (просмотр и печать) ───────── */
.lst{font-family:var(--f-text);font-weight:500;line-height:1.25;color:#000;background:#fff;text-align:left;overflow-wrap:anywhere;font-variant-numeric:lining-nums}
.lst *{color:#000}
.lst .sh-none{color:#444;font-style:italic;font-weight:500}
.lst .sh-top{display:flex;justify-content:space-between;align-items:flex-end;gap:1em;padding-bottom:.45em;border-bottom:.2em solid #000}
.lst .sh-title{font-size:1.75em;font-weight:700;line-height:1.1;letter-spacing:-.02em}
.lst .sh-lead{margin-top:.2em;font-size:.85em}
.lst .sh-date{flex:none;text-align:right;border:.12em solid #000;padding:.25em .6em}
.lst .sh-date-k{display:block;font-size:.7em;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.lst .sh-date-v{display:block;font-size:1.7em;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}
.lst .sh-sec{margin-top:.8em}
.lst .sh-h{margin:0 0 .3em;padding-bottom:.15em;border-bottom:.08em solid #000;font:700 .72em/1.2 var(--f-text);letter-spacing:.1em;text-transform:uppercase;text-wrap:balance}
.lst .sh-name{font-size:1.75em;font-weight:700;line-height:1.15;letter-spacing:-.01em}
.lst .sh-v{line-height:1.3}
.lst .sh-duo{display:grid;grid-template-columns:minmax(0,1fr);gap:0 1.2em}
.lst .sh-allergy{border:.12em solid #000;padding:.35em .5em .45em}
.lst .sh-allergy .sh-h{border-bottom:0;padding-bottom:0}
.lst .sh-allergy .sh-v{font-weight:700}
.lst .sh-meds{width:100%;border-collapse:collapse}
.lst .sh-meds th{padding:0 .5em .15em 0;border-bottom:.12em solid #000;text-align:left;font-size:.72em;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.lst .sh-meds td{padding:.28em .5em .28em 0;border-bottom:.06em solid #000;vertical-align:top;line-height:1.25}
.lst .sh-m-n{width:46%;font-weight:700}
.lst .sh-list{margin:0;padding:0;list-style:none}
.lst .sh-list li{display:flex;justify-content:space-between;align-items:baseline;gap:.8em;padding:.2em 0;border-bottom:.06em solid #000}
.lst .sh-phone{font-size:1.15em;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.lst .sh-dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2em .8em;margin:0}
.lst .sh-dl dt{font-weight:700}
.lst .sh-dl dd{margin:0}
.lst .sh-foot{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.3em 1em;margin-top:.9em;padding-top:.4em;border-top:.2em solid #000;font-size:.85em;font-weight:700}
.lst .sh-src{font-weight:500;font-size:.85em}

/* просмотр на экране: бумага на тёмном */
.lst-preview{font-size:16px;max-width:760px;padding:var(--s3);border-radius:var(--r-s);box-shadow:0 0 0 1px rgba(241,243,248,.12),0 16px 40px rgba(0,0,0,.35)}
@media (min-width:620px){.lst-preview .sh-duo{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lst-preview{padding:var(--s4)}}
@media (max-width:420px){.lst-preview{padding:var(--s2)}.lst-preview .sh-top{flex-direction:column;align-items:stretch}.lst-preview .sh-date{text-align:left}}

/* печатный лист: на экране не виден */
#sheet{display:none;box-sizing:border-box;width:190mm;font-size:calc(var(--u, 12) * 1pt)}
#sheet .sh-duo{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#sheet .sh-phone,#sheet .sh-date-v{white-space:nowrap}
#sheet.measure{display:block;position:absolute;left:-10000px;top:0;visibility:hidden;max-height:none;overflow:visible}

@page{size:A4;margin:10mm}
@media print{
  html,body{margin:0 !important;padding:0 !important;background:#fff !important;height:auto !important;overflow:visible !important}
  body.pg:not(.pg-plain) > *:not(#sheet){display:none !important}
  #sheet{display:block;position:static;width:190mm;max-height:273mm;overflow:hidden;break-inside:avoid;break-after:avoid;page-break-after:avoid}
  #sheet.measure{visibility:visible}
}

/* Печать запрещена, пока лист не помещается на одну страницу */
.btn-print:disabled{opacity:.45;cursor:not-allowed}

/* ───────── статьи-списки с галочками (20.10.2026): /chto-delat/rodnoy-slyog/, /chto-delat/sumka-v-roddom/ ───────── */
.pg-body h3{font:400 20px/1.25 var(--f-display);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.pg-body section.part{gap:var(--s4)}
.pg-body .part-head{display:grid;gap:var(--s2)}
.pg-body .grp{display:grid;gap:var(--s2)}
.checked-on{display:inline-flex;align-items:center;gap:var(--s1);font-size:var(--t-label);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.checked-on::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--coral)}
.pg-body .src{font-size:var(--t-small);line-height:1.5;color:var(--muted)}
.pg-body .src a{color:var(--ink-2)}

/* пункт с галочкой: вся строка нажимается, не ниже 48 px */
.chk{display:grid;max-width:62ch;border-top:1px solid var(--line)}
.chk li{border-bottom:1px solid var(--line)}
.chk label{display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--s2);align-items:start;min-height:48px;padding:var(--s1) 0;cursor:pointer;color:var(--ink-2)}
.chk input{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin:2px 0 0;border:2px solid #8A94AB;border-radius:6px;background:transparent center/16px 16px no-repeat;cursor:pointer;flex:none;
  transition:background-color var(--t-fast),border-color var(--t-fast);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.chk input:checked{background-color:var(--coral);border-color:var(--coral);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3L13 4.5' fill='none' stroke='%230F1A2E' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.chk input:focus-visible{outline:2px solid var(--coral);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.chk label:hover input:not(:checked){border-color:var(--ink)}}
.chk .t{display:grid;gap:4px;min-width:0}
.chk .t b{font-weight:700;color:var(--ink)}
.chk .t small{font-size:var(--t-small);line-height:1.5;color:var(--muted)}
.chk input:checked + .t,.chk input:checked + .t b{color:var(--muted)}
.chk-done{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s1) var(--s2);font-size:var(--t-small);color:var(--ink-2)}
.chk-done b{font:400 22px/1.2 var(--f-display);color:var(--ink);font-variant-numeric:tabular-nums}

/* «Дальше»: две ссылки-карточки */
.next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}
.next a{display:grid;gap:var(--s1);align-content:start;min-height:56px;padding:var(--s3);border:1px solid var(--line);border-radius:16px;background:var(--night-2);text-decoration:none;transition:border-color var(--t-fast)}
.next a b{font:400 20px/1.25 var(--f-display);letter-spacing:-.02em;color:var(--ink)}
.next a span{font-size:var(--t-small);line-height:1.5;color:var(--ink-2)}
@media (hover:hover) and (pointer:fine){.next a:hover{border-color:var(--coral)}}
@media (max-width:620px){.next{grid-template-columns:minmax(0,1fr)}}

/* печать статьи (без отдельного листа): чёрным по белому, без кнопок */
@media print{
  body.pg-plain{background:#fff !important;color:#000 !important;font-size:11pt}
  body.pg-plain .skip,body.pg-plain .pg-top,body.pg-plain .pg-hero .row,body.pg-plain .pg-vname,body.pg-plain .tool,body.pg-plain .next,body.pg-plain .pg-foot nav,body.pg-plain .clear{display:none !important}
  body.pg-plain .pg-hero{background:#fff !important;color:#000 !important}
  body.pg-plain .pg-hero .wrap{padding-block:0 8mm !important}
  body.pg-plain .pg-body article{padding-block:0 !important}
  body.pg-plain *{color:#000 !important;box-shadow:none !important}
  body.pg-plain .chk input{border-color:#000}
  body.pg-plain .chk input:checked{background-color:#000;border-color:#000}
  body.pg-plain .chk li,body.pg-plain .chk{border-color:#999}
  body.pg-plain .chk li,body.pg-plain h2,body.pg-plain h3{break-inside:avoid}
  body.pg-plain h2,body.pg-plain h3{break-after:avoid}
  body.pg-plain a{text-decoration:none}
}

/* лист «Сумка в роддом» для печати (собирается в #sheet) */
.lst .sh-cols{columns:2;column-gap:1.4em}
.lst .sh-grp{break-inside:avoid;margin-bottom:.7em}
.lst .sh-chk{margin:0;padding:0;list-style:none}
.lst .sh-chk li{display:grid;grid-template-columns:.95em minmax(0,1fr);gap:.5em;align-items:start;padding:.2em 0;border-bottom:.06em solid #000;break-inside:avoid}
.lst .sh-box{width:.95em;height:.95em;margin-top:.12em;border:.1em solid #000;display:grid;place-items:center;font-size:1em;line-height:1;font-weight:700}
.lst .sh-note{margin-top:.25em;font-size:.85em}

/* ───────── калькулятор срока (21.10.2026): /chto-delat/lgotnyy-recept/ ───────── */
.calc-form{display:grid;gap:var(--s3)}
.calc-form .fld input[type="date"]{min-width:0;max-width:100%}
.calc-type{margin:0;padding:0;border:0;min-width:0}
.calc-type legend{float:left;width:100%;margin:0 0 var(--s1);padding:0;font:400 20px/1.2 var(--f-display);letter-spacing:-.02em;color:var(--ink)}
.calc-type legend + *{clear:both}
.rad{display:grid;max-width:62ch;border-top:1px solid var(--line)}
.rad li{border-bottom:1px solid var(--line)}
.rad label{display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--s2);align-items:start;min-height:48px;padding:var(--s1) 0;cursor:pointer;color:var(--ink-2)}
.rad input{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin:2px 0 0;border:2px solid #8A94AB;border-radius:50%;background:transparent;cursor:pointer;flex:none;transition:border-color var(--t-fast),background-color var(--t-fast)}
.rad input:checked{border-color:var(--coral);background:radial-gradient(circle,var(--coral) 0 5px,transparent 6px)}
.rad input:focus-visible{outline:2px solid var(--coral);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.rad label:hover input:not(:checked){border-color:var(--ink)}}
.rad .t{display:grid;gap:4px;min-width:0}
.rad .t b{font-weight:700;color:var(--ink)}
.rad .t small{font-size:var(--t-small);line-height:1.5;color:var(--muted)}
.calc-res{display:grid;gap:var(--s2);padding:var(--s3);border:1px solid var(--line-2);border-left:2px solid var(--coral);border-radius:0 var(--r-m) var(--r-m) 0;background:var(--night)}
.pg-body .calc-out{display:grid;gap:var(--s1);color:var(--ink-2)}
.calc-out b{font:400 clamp(22px,4.4vw,30px)/1.2 var(--f-display);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:lining-nums}
@media (max-width:620px){.calc-res{padding:var(--s2)}}