/* CricketCals fixes for pages with inline styles */

/* ===== Fixes: Tailwind has no font-600/700/800/900 utilities, so headings lost their intended weight ===== */
.font-600{font-weight:600}.font-700{font-weight:700}.font-800{font-weight:800}.font-900{font-weight:900}

/* Keep content visible if JavaScript is blocked */
.no-js .reveal{opacity:1;transform:none}
/* ===== Shared article + calculator-page components ===== */
.prose-cc p{color:#4B5563;line-height:1.8;margin-bottom:1rem}
.prose-cc p:last-child{margin-bottom:0}
.prose-cc a{color:#0A6531;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.prose-cc strong{color:#1f2937}
.prose-cc ul{list-style:disc;padding-left:1.5rem;margin:0 0 1rem;color:#4B5563;line-height:1.8}
.prose-cc ol{list-style:decimal;padding-left:1.5rem;margin:0 0 1rem;color:#4B5563;line-height:1.8}
.prose-cc li{margin-bottom:.4rem}
.prose-cc h3{font-family:'Outfit',sans-serif;font-weight:700;font-size:1.125rem;color:#111827;margin:1.5rem 0 .75rem}
.formula-box{background:#EDF7EE;color:#053B1C;border-radius:12px;padding:14px 16px;font-weight:600;margin:0 0 1.25rem;line-height:1.6;overflow-wrap:anywhere}
.note-box{display:block;font-size:.875rem;color:#4b5563;background:#F9FAFB;border-left:3px solid #9CA3AF;padding:10px 14px;border-radius:0 8px 8px 0;margin:0 0 1.25rem;line-height:1.65}
.table-wrap{overflow-x:auto;border:1px solid #E5E7EB;border-radius:12px;margin:0 0 1.25rem}
.table-wrap table{width:100%;text-align:left;font-size:.875rem;border-collapse:collapse}
.table-wrap caption{padding:12px;text-align:left;font-family:'Outfit',sans-serif;font-weight:700;color:#053B1C;background:#EDF7EE}
.table-wrap th,.table-wrap td{padding:12px;color:#4B5563;vertical-align:top}
.table-wrap thead th{background:#F9FAFB;color:#374151;font-weight:600}
.table-wrap tbody tr{border-top:1px solid #F3F4F6}
.table-wrap tbody th{font-weight:600;color:#374151}
.toc-link{color:#074E26;text-decoration:underline;text-underline-offset:3px}
.related-card{display:flex;flex-direction:column;background:#fff;border:1px solid #E5E7EB;border-radius:14px;overflow:hidden;text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s;height:100%}
.related-card:hover{border-color:#0D7C3D50;box-shadow:0 8px 24px rgba(13,124,61,.08);transform:translateY(-2px)}
.related-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#F3F4F6}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #0D7C3D;outline-offset:3px}
.skip-link{position:absolute;left:-9999px;top:0;background:#0D7C3D;color:#fff;padding:8px 14px;border-radius:0 0 8px 0;z-index:300;font-weight:600}
.skip-link:focus{left:0}
.nm-row{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;border:1px solid #E5E7EB;border-radius:14px;background:#FAFAFA}
@media(min-width:640px){.nm-row{grid-template-columns:repeat(4,minmax(0,1fr))}}
.nm-row label{display:block;font-size:.75rem;font-weight:600;color:#374151;margin-bottom:4px}
.nm-row input[type=number],.nm-row input[type=text]{width:100%;padding:8px 10px;border:1px solid #E5E7EB;border-radius:10px;background:#fff;font-weight:500;font-size:.9rem}
.nm-row input:focus{border-color:#0D7C3D;box-shadow:0 0 0 3px rgba(13,124,61,.12);outline:none}
img{max-width:100%;height:auto}
.nm-check{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#4B5563;margin-top:6px}

.faq-item.open .faq-answer{max-height:1200px}