.tool-wrap[data-astro-cid-qz3quthy]{padding:3rem var(--gutter);max-width:1100px}.tool-form[data-astro-cid-qz3quthy],.tool-card[data-astro-cid-qz3quthy],.info-box[data-astro-cid-qz3quthy]{background:var(--putih);border:1px solid rgba(201,147,58,.2);border-radius:16px;padding:1.5rem;box-shadow:0 8px 24px #3b1f0a14}.tool-form[data-astro-cid-qz3quthy]{display:grid;gap:1rem;margin-bottom:1.5rem}.name-field[data-astro-cid-qz3quthy]{display:grid;gap:.4rem;font-family:var(--font-ui);font-weight:700;color:var(--coklat-tua)}.tool-form[data-astro-cid-qz3quthy] input[data-astro-cid-qz3quthy],.tool-form[data-astro-cid-qz3quthy] select[data-astro-cid-qz3quthy],.date-grid input,.date-grid select{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;transition:border-color .2s,box-shadow .2s,transform .2s}.tool-form[data-astro-cid-qz3quthy] input[data-astro-cid-qz3quthy]:focus,.tool-form[data-astro-cid-qz3quthy] select[data-astro-cid-qz3quthy]:focus,.date-grid input:focus,.date-grid select:focus{outline:none;border-color:var(--emas);box-shadow:0 0 0 3px #c9933a24}.tool-form[data-astro-cid-qz3quthy] button[data-astro-cid-qz3quthy]{background:var(--coklat-tua);color:var(--krem-muda);border:none;border-radius:999px;padding:.82rem 1rem;font-family:var(--font-ui);font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s}.tool-form[data-astro-cid-qz3quthy] button[data-astro-cid-qz3quthy]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b1f0a26}.person-grid[data-astro-cid-qz3quthy],.compat-profiles,.detail-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.person-card[data-astro-cid-qz3quthy]{background:linear-gradient(135deg,#fffaf0f5,#ffffffdb);border:1px solid rgba(201,147,58,.18);border-radius:18px;padding:1rem;display:grid;gap:.9rem;box-shadow:0 6px 18px #3b1f0a0f}.person-card-head[data-astro-cid-qz3quthy]{display:flex;gap:.8rem;align-items:center}.person-card-head[data-astro-cid-qz3quthy] small[data-astro-cid-qz3quthy]{display:block;color:var(--abu-muda);font-weight:400;margin-top:.15rem}.person-icon[data-astro-cid-qz3quthy]{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:14px;background:var(--coklat-tua);color:var(--emas-muda);font-size:1.25rem}.date-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;min-width:0}.date-grid label{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);font-size:.88rem;box-shadow:0 4px 12px #3b1f0a0a;transition:transform .2s,box-shadow .2s}.date-grid label:hover{transform:translateY(-1px);box-shadow:0 7px 16px #3b1f0a12}.result-label[data-astro-cid-qz3quthy]{color:var(--emas);font-family:var(--font-ui);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.info-box[data-astro-cid-qz3quthy]{margin-top:1.5rem}.info-box[data-astro-cid-qz3quthy] p[data-astro-cid-qz3quthy]{color:var(--abu-muda)}.compat-hero{display:grid;gap:.7rem;background:linear-gradient(135deg,var(--coklat-tua),#704019);color:var(--krem-muda);border-radius:18px;padding:1.4rem;margin-bottom:1rem;position:relative;overflow:hidden}.compat-hero:after{content:"";position:absolute;inset:auto -40px -70px auto;width:170px;height:170px;border-radius:999px;background:#c9933a38}.hero-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;justify-content:space-between;position:relative;z-index:1}.hero-title-text{display:grid;gap:.25rem}.hero-subtitle{color:#fffaf0b8;font-family:var(--font-ui);font-size:.86rem;font-weight:700}.compat-hero h2{margin:0;color:var(--krem-muda)}.compat-hero p{margin:0;max-width:740px;color:#fffaf0db;position:relative;z-index:1}.score-ring{display:inline-flex;align-items:baseline;gap:.2rem;width:fit-content;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.45rem .8rem;position:relative;z-index:1}.score-ring strong{font-size:2rem;color:var(--emas-muda)}.tone-badge{display:inline-flex;width:fit-content;align-items:center;border-radius:999px;padding:.45rem .75rem;font-family:var(--font-ui);font-weight:800;font-size:.82rem;border:1px solid rgba(255,255,255,.22);background:#ffffff1f;color:var(--krem-muda);position:relative;z-index:1}.tone-great{box-shadow:inset 0 0 0 999px #e8b96a14}.tone-good{box-shadow:inset 0 0 0 999px #3d5a3e14}.tone-balanced{box-shadow:inset 0 0 0 999px #ffffff0f}.tone-careful{box-shadow:inset 0 0 0 999px #8b202014}.summary-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:1rem 0}.summary-cards article{background:#fffdf8;border:1px solid rgba(201,147,58,.2);border-radius:16px;padding:1rem;box-shadow:0 6px 18px #3b1f0a0f}.summary-cards span{display:block;color:var(--emas);font-family:var(--font-ui);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem}.summary-cards strong{display:block;color:var(--coklat-tua);font-family:var(--font-judul);font-size:1.18rem;line-height:1.25;margin-bottom:.35rem}.summary-cards p{margin:0;color:var(--abu-muda);font-size:.86rem;line-height:1.55}.compat-profile,.compat-section,.detail-panel{background:var(--krem-muda);border:1px solid rgba(201,147,58,.18);border-radius:16px;padding:1rem}.compat-section{margin:1rem 0}.compat-profile h3{margin:0 0 .2rem;color:var(--coklat-tua)}.compat-profile p{margin:0 0 .8rem;color:var(--abu-muda)}.plain-result{width:100%;border-collapse:collapse;overflow:hidden;border-radius:12px}.plain-result th,.plain-result td{padding:.72rem .8rem;border-bottom:1px solid rgba(201,147,58,.16);vertical-align:top}.plain-result th{width:42%;text-align:left;color:var(--coklat-tua);background:#ffffff8c;font-family:var(--font-ui)}.plain-result td{color:var(--abu-muda);background:#ffffff52}.detail-sections{margin:1rem 0}.detail-panel h3,.compat-section h3{margin-top:0;color:var(--coklat-tua)}.detail-panel p{margin:0 0 .55rem;color:var(--abu-muda)}.detail-panel ul,.check-list,.method-list{margin:.55rem 0 0;padding-left:1.1rem;color:var(--abu-muda)}.detail-panel li,.check-list li,.method-list li{margin:.35rem 0}.compat-section p{color:var(--abu-muda)}.detail-panel.warning,.warning-section{background:#fff7eb;border-color:#c9933a47}.method-box{background:linear-gradient(135deg,#fffaf0f5,#ffffffd1)}.tool-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem}.tool-links a{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.52rem .8rem;background:#fffdf8;border:1px solid rgba(201,147,58,.22);color:var(--coklat-tua);font-family:var(--font-ui);font-weight:800;font-size:.84rem;transition:transform .2s,box-shadow .2s,border-color .2s}.tool-links a:hover{transform:translateY(-2px);box-shadow:0 7px 16px #3b1f0a1f;border-color:var(--emas)}.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.insight-grid article{background:#fffdf8;border:1px solid rgba(201,147,58,.18);border-radius:14px;padding:.9rem}.insight-grid strong{color:var(--coklat-tua);font-family:var(--font-ui)}.insight-grid p{margin:.45rem 0 0;color:var(--abu-muda)}.petung-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.petung-mini{background:#fffdf8;border:1px solid rgba(201,147,58,.18);border-radius:14px;padding:.85rem}.petung-mini.active{border-color:var(--emas);box-shadow:0 0 0 3px #c9933a24}.petung-mini strong{display:block;color:var(--coklat-tua)}.petung-mini span{color:var(--emas);font-family:var(--font-ui);font-weight:800;font-size:.84rem}.petung-mini p{margin:.3rem 0 0;color:var(--abu-muda);font-size:.86rem}.error-text{background:#fff7eb;border:1px solid rgba(201,147,58,.28);border-radius:14px;padding:1rem;color:var(--coklat-tua)}@media(max-width:980px){.date-grid{grid-template-columns:1fr}.summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.person-grid[data-astro-cid-qz3quthy],.compat-profiles,.detail-sections,.insight-grid,.petung-grid,.summary-cards{grid-template-columns:1fr}}@media(max-width:640px){.tool-form[data-astro-cid-qz3quthy],.tool-card[data-astro-cid-qz3quthy],.info-box[data-astro-cid-qz3quthy]{padding:1rem}}