.tf-card{display:grid;gap:2rem;border:1px solid rgb(6 71 58 / 10%);border-radius:28px;background:#fff;box-shadow:0 24px 60px -30px #062c242e;padding:2rem 1.5rem}@media(min-width:640px){.tf-card{padding:2.5rem}}@media(min-width:1024px){.tf-card{grid-template-columns:1.05fr .95fr;padding:3rem;gap:2.5rem}}.tf-form{display:grid;gap:1rem;align-content:start}.tf-row{display:grid;gap:1rem}@media(min-width:640px){.tf-row{grid-template-columns:1fr 1fr}}.tf-label{display:grid;gap:.45rem;font-weight:800;color:#0b473a;font-size:.95rem}.tf-hint{font-weight:600;color:#64746f;font-size:.8rem}.tf-input,.tf-select,.tf-textarea{width:100%;border:1.5px solid rgb(6 71 58 / 15%);border-radius:14px;background:#f9fbfa;padding:.8rem 1rem;font-size:1.05rem;font-weight:700;color:#0b473a;transition:border-color .15s ease,box-shadow .15s ease}.tf-input:focus,.tf-select:focus,.tf-textarea:focus{outline:none;border-color:#117a68;box-shadow:0 0 0 4px #117a681f;background:#fff}.tf-textarea{min-height:120px;font-family:ui-monospace,monospace;direction:ltr;text-align:left}.tf-radio-group{display:flex;flex-wrap:wrap;gap:.5rem}.tf-radio-group input{position:absolute;opacity:0;pointer-events:none}.tf-radio-group label{cursor:pointer;border:1.5px solid rgb(6 71 58 / 15%);border-radius:999px;background:#fff;padding:.55rem 1.1rem;font-size:.9rem;font-weight:800;color:#0b473a;transition:all .15s ease}.tf-radio-group input:checked+label{background:#0b473a;border-color:#0b473a;color:#f1dfa8}.tf-radio-group input:focus-visible+label{box-shadow:0 0 0 4px #117a6833}.tf-check{display:flex;align-items:center;gap:.6rem;font-weight:700;color:#0b473a;font-size:.95rem;cursor:pointer}.tf-check input{width:1.15rem;height:1.15rem;accent-color:#0b473a}.tf-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;border-radius:999px;border:none;cursor:pointer;background:#0b473a;color:#f1dfa8;padding:.75rem 1.75rem;font-size:1rem;font-weight:900;transition:all .15s ease}.tf-btn:hover{background:#062c24;transform:translateY(-1px)}.tf-btn-ghost{background:#fff;color:#0b473a;border:1.5px solid rgb(6 71 58 / 20%)}.tf-btn-ghost:hover{background:#eaf7f2}.tf-result{display:grid;gap:1rem;align-content:start;border-radius:22px;background:#062c24;color:#fff;padding:1.75rem}@media(min-width:640px){.tf-result{padding:2.25rem}}.tf-result-label{font-size:.9rem;font-weight:800;color:#ffffffa6}.tf-result-main{font-size:clamp(2rem,4vw,2.9rem);font-weight:900;color:#f1dfa8;line-height:1.15}.tf-result-main small{font-size:.45em;font-weight:800;color:#f1dfa8bf}.tf-result-rows{display:grid;gap:.55rem;border-top:1px solid rgb(255 255 255 / 12%);padding-top:1rem}.tf-result-row{display:flex;justify-content:space-between;gap:1rem;font-size:.95rem}.tf-result-row span:first-child{color:#ffffffb3;font-weight:700}.tf-result-row span:last-child{font-weight:900;color:#fff}.tf-result-row.is-strong span{color:#f1dfa8;font-size:1.05rem}.tf-note{border-radius:14px;background:#f1dfa81a;padding:.8rem 1rem;font-size:.85rem;line-height:1.8;color:#f1dfa8e5}.tf-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid rgb(6 71 58 / 12%)}.tf-table{width:100%;border-collapse:collapse;background:#fff;font-size:.95rem;min-width:480px}.tf-table th{background:#0b473a;color:#f1dfa8;font-weight:900;padding:.7rem 1rem;text-align:right}.tf-table td{padding:.65rem 1rem;border-top:1px solid rgb(6 71 58 / 8%);font-weight:700;color:#14231f}.tf-table tr:nth-child(2n) td{background:#f7faf9}.tf-table tfoot td{background:#eaf7f2;font-weight:900;color:#0b473a}.tool-explain{display:grid;gap:1.4rem;padding:1.25rem 0 2rem}@media(min-width:640px){.tool-explain{gap:1.6rem;padding:1.5rem 0 2.5rem}}.tg-all-link{display:inline-flex;width:max-content;align-items:center;gap:.5rem;min-height:48px;border:1px solid rgb(6 78 59 / 24%);border-radius:8px;padding:.65rem 1rem;color:#062c24;font-weight:900;transition:background-color .2s ease,color .2s ease}.tg-all-link:hover{background:#062c24;color:#fff}.tg-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid rgb(6 78 59 / 10%);border-radius:8px;background:#fff;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.tg-card:hover{transform:translateY(-5px);border-color:#d8b06a8c;box-shadow:0 18px 42px #022c221a}.tg-image{display:block;aspect-ratio:16 / 9;overflow:hidden;background:#dcebe5}.tg-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.tg-card:hover .tg-image img{transform:scale(1.035)}.tg-content{display:flex;flex:1;flex-direction:column;padding:1.25rem}.tg-meta{color:#d6b15e;font-size:.75rem;font-weight:800}.tg-read-more{display:inline-flex;width:max-content;align-items:center;gap:.5rem;margin-top:auto;padding-top:1.25rem;color:#062c24;font-size:.875rem;font-weight:900}.tg-read-more:hover{color:#117a68}.tool-explain section{display:grid;gap:1.15rem}.tool-explain h2{font-family:inherit;font-size:1.6rem;font-weight:900;color:#0b473a;margin-top:.75rem;margin-bottom:.25rem}.tool-explain h2:first-child{margin-top:0}.tool-explain h3{font-size:1.2rem;font-weight:900;color:#0b473a;margin-top:.5rem}.tool-explain p,.tool-explain li{color:#64746f;line-height:2.1}.tool-explain ul{padding-inline-start:1.25rem;list-style:disc;display:grid;gap:.65rem}.tool-explain .formula{border-radius:14px;border:1px dashed rgb(6 71 58 / 25%);background:#eaf7f2;padding:1.15rem 1.5rem;font-weight:900;color:#0b473a;line-height:2.2}
