.tool-wrap[data-astro-cid-xfm25oan]{padding:3rem var(--gutter);max-width:1120px}.tool-form[data-astro-cid-xfm25oan],.tool-card[data-astro-cid-xfm25oan],.info-box[data-astro-cid-xfm25oan],.compat-section[data-astro-cid-xfm25oan]{background:var(--putih);border:1px solid rgba(201,147,58,.2);border-radius:18px;padding:1.5rem;box-shadow:0 8px 24px #3b1f0a14}.tool-form[data-astro-cid-xfm25oan]{display:grid;gap:1rem;margin:0 0 1.5rem}.date-fieldset[data-astro-cid-xfm25oan]{border:0;padding:0;margin:0}.date-fieldset[data-astro-cid-xfm25oan] legend[data-astro-cid-xfm25oan]{font-family:var(--font-ui);font-weight:800;color:var(--coklat-tua)}.date-grid[data-astro-cid-xfm25oan],.select-grid[data-astro-cid-xfm25oan]{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:.8rem;margin-top:.6rem}.select-grid[data-astro-cid-xfm25oan],.mode-grid[data-astro-cid-xfm25oan]{grid-template-columns:repeat(2,minmax(0,1fr))}.date-grid[data-astro-cid-xfm25oan] label[data-astro-cid-xfm25oan],.select-grid[data-astro-cid-xfm25oan] label[data-astro-cid-xfm25oan]{display:grid;gap:.4rem;min-width:0;padding:.75rem;border-radius:16px;background:#ffffffb8;border:1px solid rgba(201,147,58,.14);font-family:var(--font-ui);font-weight:700;color:var(--coklat-tua);box-shadow:0 4px 12px #3b1f0a0a}.tool-form[data-astro-cid-xfm25oan] select[data-astro-cid-xfm25oan],.tool-form[data-astro-cid-xfm25oan] input[data-astro-cid-xfm25oan]{width:100%;min-width:0;box-sizing:border-box;padding:.78rem .85rem;border:1px solid rgba(201,147,58,.28);border-radius:14px;font:inherit;background:#fffdf8}.tool-form[data-astro-cid-xfm25oan] button[data-astro-cid-xfm25oan]{background:var(--coklat-tua);color:var(--krem-muda);border:none;border-radius:999px;padding:.75rem 1rem;font-family:var(--font-ui);font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.tool-form[data-astro-cid-xfm25oan] button[data-astro-cid-xfm25oan]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b1f0a26}.tool-card[data-astro-cid-xfm25oan]{display:grid;gap:1rem;overflow:hidden}.info-box[data-astro-cid-xfm25oan]{margin-top:1.5rem}.info-box[data-astro-cid-xfm25oan] h2[data-astro-cid-xfm25oan],.compat-section[data-astro-cid-xfm25oan] h3[data-astro-cid-xfm25oan],.compat-section[data-astro-cid-xfm25oan] h2[data-astro-cid-xfm25oan],.detail-panel h3{color:var(--coklat-tua);margin:0 0 .65rem}.info-box[data-astro-cid-xfm25oan] p[data-astro-cid-xfm25oan],.compat-section[data-astro-cid-xfm25oan] p[data-astro-cid-xfm25oan],.detail-panel p,.advice-list,.disclaimer[data-astro-cid-xfm25oan]{color:var(--abu-muda)}.quick-grid[data-astro-cid-xfm25oan]{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:.75rem;margin-top:1rem}.quick-grid[data-astro-cid-xfm25oan] article[data-astro-cid-xfm25oan]{background:var(--krem-muda);border:1px solid rgba(201,147,58,.16);border-radius:14px;padding:.85rem}.quick-grid[data-astro-cid-xfm25oan] span[data-astro-cid-xfm25oan],.summary-cards span{display:block;color:var(--abu-muda);font-size:.85rem}.quick-grid[data-astro-cid-xfm25oan] strong[data-astro-cid-xfm25oan],.summary-cards strong{color:var(--coklat-tua);font-family:var(--font-ui)}.compat-hero{background:linear-gradient(135deg,var(--coklat-tua),#6b3d16);color:var(--krem-muda);border-radius:18px;padding:1.35rem;box-shadow:0 10px 24px #3b1f0a24}.hero-title-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.hero-title-text{display:grid;gap:.25rem}.result-label{color:var(--emas);font-family:var(--font-ui);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.compat-hero h2{margin:0;color:var(--krem-muda);font-size:clamp(1.45rem,3vw,2rem)}.compat-hero p{color:#fffaf0d6;margin:0}.tone-badge{display:inline-flex;width:fit-content;margin-top:.45rem;border-radius:999px;padding:.35rem .7rem;background:#fffaf024;color:var(--krem-muda);border:1px solid rgba(255,250,240,.28);font-family:var(--font-ui);font-size:.78rem;font-weight:800}.score-ring{width:92px;height:92px;border-radius:999px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background:var(--emas);color:var(--coklat-tua);box-shadow:inset 0 0 0 6px #ffffff3d;font-family:var(--font-ui)}.score-ring strong{font-size:1.7rem;line-height:1;color:var(--coklat-tua)}.score-ring span{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--coklat-tua)}.summary-cards,.detail-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.9rem;margin:1rem 0}.detail-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-cards article,.detail-panel,.cycle-grid article{background:#fffdf8;border:1px solid rgba(201,147,58,.18);border-radius:16px;padding:1rem;min-width:0;box-shadow:0 6px 16px #3b1f0a0f}.highlight-box{background:linear-gradient(135deg,#fffaf0fa,#f5e6c6b8);border-left:5px solid var(--emas);padding:1.35rem 1.6rem 1.35rem 1.8rem}.method-box{background:linear-gradient(135deg,#fffaf0f5,#c9933a1a)}.method-steps{display:grid;gap:.7rem;margin-top:.8rem}.method-steps article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:start;background:#fffdf8;border:1px solid rgba(201,147,58,.18);border-radius:14px;padding:.85rem}.method-steps span{width:2rem;height:2rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--coklat-tua);color:var(--krem-muda);font-family:var(--font-ui);font-weight:800}.method-steps p{margin:0;line-height:1.55}.tag-list{display:flex;flex-wrap:wrap;gap:.45rem}.tag-list span{background:#5a35181a;color:var(--coklat-tua);border:1px solid rgba(201,147,58,.18);border-radius:999px;padding:.35rem .65rem;font-family:var(--font-ui);font-size:.88rem;font-weight:700}.table-scroll{overflow-x:auto}.plain-result{width:100%;margin:.35rem 0 0;border-collapse:separate;border-spacing:0;background:var(--krem-muda);border-radius:14px;overflow:hidden;font-family:var(--font-ui);min-width:0}.table-scroll .plain-result{min-width:680px}.plain-result th,.plain-result td{padding:.75rem 1rem;border-bottom:1px solid rgba(201,147,58,.22);text-align:left;vertical-align:top;overflow-wrap:anywhere}.plain-result tr:last-child th,.plain-result tr:last-child td{border-bottom:0}.plain-result th{width:36%;color:var(--coklat-tua);font-weight:800}.plain-result td{color:var(--emas);font-weight:800}.cycle-table th:nth-child(1),.cycle-table td:nth-child(1){width:120px;min-width:120px;text-align:center;white-space:nowrap}.advice-list,.method-list{margin:.25rem 0 0;padding-left:1.15rem}.section-heading{display:grid;gap:.35rem;margin-bottom:1rem}.section-heading h3,.section-heading p{margin:0}.cycle-section{overflow:hidden}.cycle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:.75rem;margin-top:1rem}.cycle-grid article{display:grid;gap:.35rem;text-align:left;background:#fffdf8;min-height:116px}.cycle-grid span{width:fit-content;border-radius:999px;padding:.18rem .55rem;background:#c9933a24;color:var(--abu-muda);font-family:var(--font-ui);font-size:.78rem;font-weight:800}.cycle-grid strong{color:var(--coklat-tua);font-size:1.18rem;font-family:var(--font-ui)}.cycle-grid em{color:var(--abu-muda);font-style:normal;font-weight:700;font-size:.82rem;line-height:1.35}.cycle-table-box{margin-top:1rem;border:1px solid rgba(201,147,58,.18);border-radius:16px;background:#fffdf8;padding:1rem;box-shadow:0 6px 16px #3b1f0a0d}.cycle-table-box h4{margin:0 0 .75rem;color:var(--coklat-tua);font-family:var(--font-ui);font-size:1rem}.cycle-table-box .table-scroll{border-radius:14px}.tool-links{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.85rem}.tool-links a{background:var(--coklat-tua);color:var(--krem-muda);border-radius:999px;padding:.55rem .85rem;font-family:var(--font-ui);font-weight:800}.disclaimer[data-astro-cid-xfm25oan]{margin-top:1rem;font-size:.9rem}@media(max-width:800px){.tool-wrap[data-astro-cid-xfm25oan]{padding:2rem var(--gutter)}.date-grid[data-astro-cid-xfm25oan],.select-grid[data-astro-cid-xfm25oan],.mode-grid[data-astro-cid-xfm25oan],.summary-cards,.detail-sections{grid-template-columns:1fr}.tool-form[data-astro-cid-xfm25oan],.tool-card[data-astro-cid-xfm25oan],.info-box[data-astro-cid-xfm25oan],.compat-section[data-astro-cid-xfm25oan]{padding:1rem}.plain-result th{width:44%}.tone-badge{display:inline-flex}}@media(max-width:560px){.score-ring{width:82px;height:82px}}
