/* Baby care guide page. Uses the shared tokens from pages.css, so theme, accent and dark mode all follow the site. */
.bc-sos{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;justify-content:center;text-align:center;background:#B63A28;color:#fff;border-radius:18px;padding:12px 16px;margin:16px 0 14px;font-size:15px}
.bc-sos a{color:#fff;font-weight:800}
:root[data-theme="dark"] .bc-sos{background:#7C2A21}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bc-sos{background:#7C2A21}}
.bc-jump{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;margin:0 0 4px;list-style:none;scrollbar-width:thin}
.bc-jump a{white-space:nowrap;display:inline-block;text-decoration:none;border:1.5px solid var(--line);border-radius:99px;padding:6px 14px;font-weight:800;font-size:13.5px;background:var(--card)}
.bc-jump a:hover{border-color:var(--coral)}
.bc-sec{scroll-margin-top:84px}
.bc-h2{display:flex;gap:.5rem;align-items:center}
.bc-lead{color:var(--mut);margin:0 0 14px;max-width:46em}
.bc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}
.bc-card{background:var(--card);border:1.5px solid var(--line);border-radius:22px;padding:16px 18px}
.bc-card h3{font:600 19px var(--fd);margin:0 0 4px}
.bc-card.peach{background:var(--pg)}.bc-card.sky{background:var(--pb)}.bc-card.mint{background:var(--pu)}.bc-card.yellow{background:var(--pk)}
.bc-card.red{background:color-mix(in srgb,#E04A4A 16%,var(--card));border-color:color-mix(in srgb,#E04A4A 40%,var(--line))}
.bc-card.peach,.bc-card.sky,.bc-card.mint,.bc-card.yellow{border-color:transparent;color:var(--ink)}
:root[data-theme="dark"] .bc-card.peach,:root[data-theme="dark"] .bc-card.sky,:root[data-theme="dark"] .bc-card.mint,:root[data-theme="dark"] .bc-card.yellow{color:#F4EFE6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bc-card.peach,:root:not([data-theme="light"]) .bc-card.sky,:root:not([data-theme="light"]) .bc-card.mint,:root:not([data-theme="light"]) .bc-card.yellow{color:#F4EFE6}}
.pg.bc ul,.pg.bc ol{margin:.4rem 0 0;padding-left:1.2rem}
.pg.bc li{margin:.28rem 0}
.pg.bc p{margin:.4rem 0}
.bc-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.bc-tab{font:800 15px var(--fb);border:1.5px solid var(--line);background:var(--card);color:var(--ink);padding:9px 18px;border-radius:99px;cursor:pointer;transition:.2s}
.bc-tab:hover{border-color:var(--coral)}
.bc-tab[aria-selected="true"]{background:#BA3C2A;border-color:#BA3C2A;color:#fff}
:root[data-theme="dark"] .bc-tab[aria-selected="true"]{background:var(--coral);border-color:var(--coral);color:#111830}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bc-tab[aria-selected="true"]{background:var(--coral);border-color:var(--coral);color:#111830}}
.bc-panel[hidden]{display:none}
.pg.bc details{background:var(--card);border:1.5px solid var(--line);border-radius:18px;margin:10px 0;overflow:hidden}
.pg.bc summary{cursor:pointer;padding:14px 18px;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:10px;align-items:center}
.pg.bc summary::-webkit-details-marker{display:none}
.pg.bc summary::after{content:"+";font-size:1.4rem;color:var(--coral-d);font-weight:800;line-height:1}
.pg.bc details[open] summary::after{content:"\2013"}
.pg.bc details[open] summary{background:color-mix(in srgb,var(--coral) 10%,var(--card))}
.pg.bc details.danger[open] summary{background:color-mix(in srgb,#E04A4A 14%,var(--card))}
.bc-body{padding:4px 18px 16px}
.bc-body h4{margin:.9rem 0 .1rem;font-size:15.5px}
.bc-call{border-left:5px solid #D64545;background:color-mix(in srgb,#E04A4A 14%,var(--card));padding:10px 14px;border-radius:10px;margin:.8rem 0}
.bc-tip{border-left:5px solid var(--uni);background:var(--pu);color:var(--ink);padding:10px 14px;border-radius:10px;margin:.8rem 0}
:root[data-theme="dark"] .bc-tip{color:#F4EFE6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bc-tip{color:#F4EFE6}}
.pg.bc ul.bc-do li::marker{content:"\2705  "}
.pg.bc ul.bc-dont li::marker{content:"\274C  "}
.pg.bc ul.bc-do,.pg.bc ul.bc-dont{padding-left:1.7rem}
.pg.bc ul.bc-check{list-style:none;padding:0}
.bc-check li{display:flex;gap:9px;align-items:flex-start}
.bc-check input{margin-top:.38rem;accent-color:var(--uni);width:17px;height:17px;flex:none}
.bc-check input:checked + span{text-decoration:line-through;color:var(--mut)}
.bc-disc{margin:30px 0 0;color:var(--mut);font-size:14px;background:color-mix(in srgb,var(--card) 80%,transparent);border:1.5px dashed var(--line);border-radius:18px;padding:14px 18px;max-width:50em}
.bc-promo{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:space-between;background:var(--pg);color:var(--ink);border-radius:26px;padding:22px 26px;margin:26px 0}
.bc-promo h2{margin:0 0 4px;font-size:clamp(22px,3vw,30px)}
.bc-promo p{margin:0;max-width:38em}
:root[data-theme="dark"] .bc-promo{color:#F4EFE6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bc-promo{color:#F4EFE6}}
.bc-promo .btn{text-decoration:none;display:inline-flex}
@media print{.bc-jump,.wrap>nav{display:none}.pg.bc details{break-inside:avoid}}

/* ===== tools, tables, forms ===== */
.bc-tablewrap{overflow-x:auto;margin:12px 0;border:1.5px solid var(--line);border-radius:18px;background:var(--card)}
.bc-table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.bc-table th,.bc-table td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.bc-table thead th{font:800 12.5px var(--fb);text-transform:uppercase;letter-spacing:.04em;color:var(--mut);background:color-mix(in srgb,var(--paper) 60%,var(--card))}
.bc-table tbody tr:last-child th,.bc-table tbody tr:last-child td{border-bottom:0}
.bc-table tbody th{font-weight:800;white-space:nowrap}
.bc-table input[type=checkbox]{width:20px;height:20px;accent-color:var(--uni)}
.bc-table tr.is-done td,.bc-table tr.is-done th{color:var(--mut)}
.bc-table tr.is-done td:nth-child(3){text-decoration:line-through}
.bc-table tr.is-soon{background:color-mix(in srgb,#F5B301 16%,var(--card))}
.bc-table tr.is-past{background:color-mix(in srgb,#E04A4A 10%,var(--card))}
.bc-due small{display:block;font-weight:800;color:var(--mut)}
.bc-dobrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.bc-dobrow p{flex-basis:100%;margin:2px 0 0}
.bc-ageout{font-weight:800}
.bc-dobrow input,.bc-form input{font:600 15px var(--fb);padding:9px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--ibg,#fff);color:var(--iink,var(--ink));max-width:100%}
.bc-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:10px 0}
.bc-form label{display:flex;flex-direction:column;gap:4px;font:800 13px var(--fb)}
.bc-form input{width:100%}
.bc-printnums{font-size:13.5px;margin:8px 0 12px}
.bc-trk{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.bc-trk .btn{padding:11px 16px}
.bc-sum{font-weight:800}
.bc-trklist{list-style:none!important;padding:0!important;margin:8px 0 12px!important;max-height:230px;overflow:auto;font-size:14.5px}
.bc-trklist li{padding:5px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}
.bc-card p b a,.bc-card a{color:inherit}
@media print{
 body.bc-print-card main>*:not(#bc-tools){display:none!important}
 body.bc-print-card #bc-tools>*:not(.bc-grid){display:none!important}
 body.bc-print-card #bc-tools .bc-grid>*:not(#bc-cardwrap){display:none!important}
 body.bc-print-card .wrap>nav,body.bc-print-card footer,body.bc-print-card .skip,body.bc-print-card #bc-print{display:none!important}
 body.bc-print-card #bc-cardwrap{background:#fff!important;color:#000!important;border:2px solid #000;font-size:15px}
 body.bc-print-card .bc-form input{border:0;border-bottom:1px solid #000;border-radius:0;background:#fff;color:#000}
}

.bc-src{margin:30px 0 0;background:var(--card);border:1.5px solid var(--line);border-radius:22px;padding:6px 22px 14px;max-width:52em}.bc-src h2{font-size:22px}.bc-src ul{padding-left:1.2rem}