/* Shared styles for all tool pages */
.calc-wrap{max-width:640px;margin:0 auto;padding:64px 0 96px}
.calc-label{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2563eb;margin-bottom:10px}
.calc-title{font-size:2rem;font-weight:800;letter-spacing:-.04em;color:#1b1714;margin-bottom:12px}
.calc-desc{color:#79705f;font-size:.88rem;line-height:1.75;margin-bottom:40px}
.calc-card{background:rgba(27,23,20,.045);border:1px solid rgba(27,23,20,.10);border-radius:12px;padding:32px}
.calc-card label{font-size:.82rem;font-weight:600;color:#4a443c;margin-bottom:6px;display:block}
.calc-card input,.calc-card select,.calc-card textarea{
  width:100%;padding:12px 14px;
  background:rgba(27,23,20,.06);
  border:1px solid rgba(27,23,20,.12);
  border-radius:8px;color:#1b1714;font-size:.95rem;
  transition:border-color .15s;box-sizing:border-box;
}
.calc-card select{
  -webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748b' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;
}
.calc-card input:focus,.calc-card select:focus,.calc-card textarea:focus{outline:none;border-color:#2563eb}
.calc-card input::placeholder,.calc-card textarea::placeholder{color:#6b6354}
.calc-card select option{background:#fff;color:#1b1714}
.calc-btn{
  width:100%;padding:14px;margin-top:20px;
  background:#2563eb;border:none;border-radius:8px;
  color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;
  transition:background .15s;
}
.calc-btn:hover{background:#1a4fd8}
.result-card{margin-top:28px;padding:28px;border-radius:12px;border:1px solid rgba(27,23,20,.10);background:rgba(27,23,20,.05)}
.kcal-big{font-size:3.2rem;font-weight:900;letter-spacing:-.06em;color:#f59e0b;line-height:1}
.kcal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.kcal-box{padding:16px;border-radius:8px;text-align:center}
.kcal-box .val{font-size:1.4rem;font-weight:800;color:#1b1714}
.kcal-box .lbl{font-size:.72rem;color:#79705f;margin-top:4px;text-transform:uppercase;letter-spacing:.04em;line-height:1.4}
.back-link{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:#79705f;margin-bottom:32px;text-decoration:none}
.back-link:hover{color:#1b1714}
.macro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.macro-box{padding:20px;border-radius:10px;text-align:center}
.macro-box .m-val{font-size:2rem;font-weight:900;letter-spacing:-.04em;line-height:1}
.macro-box .m-lbl{font-size:.72rem;color:#79705f;margin-top:6px;text-transform:uppercase;letter-spacing:.06em}
.macro-box .m-pct{font-size:.82rem;font-weight:600;margin-top:4px}
.stat-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(27,23,20,.08)}
.stat-row:last-child{border-bottom:none}
.stat-row .s-lbl{font-size:.82rem;color:#79705f}
.stat-row .s-val{font-size:.95rem;font-weight:700;color:#1b1714}
.big-result{font-size:2.8rem;font-weight:900;letter-spacing:-.05em;line-height:1;margin-bottom:4px}
.result-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.82rem;font-weight:700}
.faq-section{margin-top:56px;max-width:640px;margin-left:auto;margin-right:auto}
.faq-section h2{font-size:1.3rem;font-weight:800;color:#1b1714;margin-bottom:24px}
/* FAQ accordion — <details>/<summary> tabanlı, JS gerektirmez */
.faq-item{border-bottom:1px solid rgba(27,23,20,.10);padding:0}
.faq-item:first-of-type{border-top:1px solid rgba(27,23,20,.10)}
.faq-q{
  list-style:none;font-weight:700;font-size:.9rem;color:#1b1714;
  padding:16px 32px 16px 0;cursor:pointer;position:relative;
  user-select:none;
}
.faq-q::-webkit-details-marker{display:none}
.faq-q::after{
  content:'';position:absolute;right:4px;top:50%;
  width:10px;height:10px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;
  transform:translateY(-65%) rotate(45deg);
  transition:transform .2s ease;
}
details[open] .faq-q::after{transform:translateY(-35%) rotate(-135deg)}
.faq-item[open] .faq-q::after{transform:translateY(-35%) rotate(-135deg)}
.faq-a{font-size:.85rem;color:#79705f;line-height:1.7;padding:0 0 16px 0;margin:0}
.related-tools{margin-top:48px;padding-top:32px;border-top:1px solid rgba(27,23,20,.1)}
.related-tools h3{font-size:1rem;font-weight:700;color:#1b1714;margin-bottom:16px}
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.related-link{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;background:rgba(37,99,235,.06);border:1px solid rgba(37,99,235,.12);text-decoration:none;color:#2563eb;font-size:.82rem;font-weight:600}
.related-link:hover{background:rgba(37,99,235,.1)}
.warn-box{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:14px 16px;font-size:.82rem;color:#92400e;margin-top:16px}

/* public.css .faq-a{display:none} override — native <details> icin */
details[open] > .faq-a,
details[open] .faq-a { display: block !important; }