.tool{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;max-width:60rem}.tool__form,.tool__f,.tool__f select{min-width:0}@media(min-width:900px){.tool{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.tool__explain,.tool__src,.tool__more{grid-column:1 / -1}}.tool__form{display:grid;gap:.9rem;background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.2rem}.tool__f{display:grid;gap:.35rem;font-size:.9rem;color:var(--navy);font-weight:600}.tool__f em{font-style:normal;font-weight:400;color:var(--muted)}.tool__f input[type=text],.tool__f select{width:100%;min-height:44px;padding:.55rem .75rem;border:1px solid var(--line);border-radius:10px;font:500 1rem var(--sans);color:var(--ink);background:#fbfaf6}.tool__f input:focus,.tool__f select:focus{outline:2px solid var(--gold);outline-offset:1px}.tool__f--checkbox{grid-template-columns:auto 1fr;align-items:center;font-weight:500}.tool__f--checkbox input{width:20px;height:20px;accent-color:var(--navy)}.tool__out{background:radial-gradient(circle at 80% 0%,#15538c 0%,transparent 55%),#0a2a4a;color:#f8f4ea;border-radius:14px;padding:1.2rem 1.3rem;box-shadow:0 20px 40px -24px #0a2a4acc}.tool__cap{margin:0 0 .6rem;font:600 .72rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#c9a962}.tool__rows{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:.45rem 1rem;margin:0}.tool__rows dt{color:#f8f4eabf;font-size:.92rem}.tool__rows dd{margin:0;text-align:right;overflow-wrap:anywhere;font:600 1.05rem var(--sans);color:#fff}.tool__rows dd:last-of-type{color:#e3cf98;font-size:1.2rem}.tool__note{margin:.9rem 0 0;font-size:.95rem;line-height:1.55;color:#fff}.tool__note:empty{display:none}.tool__warn{margin:.9rem 0 0;padding-top:.7rem;border-top:1px solid rgba(248,244,234,.15);font-size:.78rem;color:#f8f4ea99}.tool__explain table{width:100%;border-collapse:collapse;font-size:.92rem;margin:1rem 0}@media(max-width:600px){.tool__explain table{display:block;max-width:100%;overflow-x:auto;font-size:.85rem}.tool__explain th,.tool__explain td{padding:.45rem .5rem}}.tool__explain th{background:var(--navy);color:#fff;text-align:left;padding:.55rem .7rem}.tool__explain td{border-top:1px solid var(--line);padding:.55rem .7rem}.tool__more h3{margin-bottom:.6rem}.tool__more ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}@media(min-width:700px){.tool__more ul{grid-template-columns:repeat(2,1fr)}}.tool__more a{display:block;padding:.8rem 1rem;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none;color:inherit}.tool__more a:hover{border-color:var(--gold)}.tool__more b{display:block;color:var(--navy)}.tool__more span{font-size:.85rem;color:var(--muted)}.tool__all{display:inline-block;margin-top:.8rem;font-weight:600;color:var(--navy)}.tools-sec{position:relative;overflow:hidden;background:#071a2e;color:#f8f4ea}.tools-sec:before{content:"";position:absolute;inset:0;background:url(/images/kien-thuc/bia-03.webp) center/cover no-repeat;opacity:.18}.tools-sec .wrap{position:relative}.tools-sec__hd{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.tools-sec h2{color:#fff;margin:0}.tools-sec__sub{margin:.3rem 0 0;font-size:.88rem;color:#f8f4eaa6}.tools-sec__all{color:#c9a962;font-size:.88rem;font-weight:600;text-decoration:none;white-space:nowrap}.tools-grid{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}@media(min-width:700px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.tools-grid{grid-template-columns:repeat(3,1fr)}}.tools-grid a{display:flex;gap:.6rem;height:100%;padding:.7rem .85rem;border:1px solid rgba(248,244,234,.14);border-radius:8px;background:#0a2a4a8c;text-decoration:none;transition:border-color .2s,background .2s,transform .2s}.tools-grid a:hover{border-color:#c9a962b3;background:#0a2a4ad9;transform:translateY(-2px)}.tools-grid .dot{flex:none;width:6px;height:6px;margin-top:.45rem;border-radius:50%;background:#c9a962}.tools-grid b{display:block;color:#f8f4ea;font-size:.9rem;font-weight:600}.tools-grid small{display:block;margin-top:.15rem;color:#f8f4ea9e;font-size:.78rem;line-height:1.4}@media(min-width:1000px){.tools-grid--4{grid-template-columns:repeat(4,1fr)}}.tools-sec--mini{padding:2.2rem 0}.tools-sec--mini h2{font-size:1.3rem}
