:root{--ink:#10212d;--muted:#60717c;--line:#d9e3e8;--paper:#f4f8fa;--accent:#176b87;--lime:#d9ff5b}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.8rem;z-index:9}.db-header{max-width:1240px;margin:auto;padding:1.1rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.db-brand{display:flex;gap:.65rem;align-items:center;font-weight:900;color:inherit;text-decoration:none}.db-brand span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;font-size:.78rem}.db-header nav{display:flex;gap:1.2rem}.db-header nav a{color:inherit;text-decoration:none;font-weight:700}.db-hero{max-width:1240px;margin:auto;padding:clamp(3rem,7vw,6.5rem) 1rem 3rem;display:grid;grid-template-columns:1fr 260px;gap:2rem;align-items:end}.db-hero h1{font-size:clamp(2.8rem,7vw,6.2rem);line-height:.98;letter-spacing:-.055em;margin:.5rem 0 1.4rem;max-width:900px}.db-hero em{font-style:normal;color:var(--accent)}.db-hero p{font-size:1.08rem;line-height:1.9;max-width:760px}.db-hero aside{background:var(--ink);color:#fff;padding:1.6rem;border-radius:18px}.db-hero aside strong{display:block;font-size:4.6rem;line-height:1}.db-hero aside span{display:block;font-weight:900;margin:.4rem 0 1rem}.db-hero aside small{color:#b7c6ce}.kicker{color:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:.13em}.db-controls{position:sticky;top:0;z-index:3;background:rgba(244,248,250,.96);border-block:1px solid var(--line);padding:1.2rem max(1rem,calc((100vw - 1240px)/2 + 1rem));backdrop-filter:blur(12px)}.db-controls label{display:block;font-weight:900;margin-bottom:.45rem}.search-row{display:grid;grid-template-columns:1fr 180px;gap:.75rem}.search-row input,.search-row select{width:100%;border:1px solid #b9c7ce;background:#fff;border-radius:10px;padding:.9rem 1rem;font:inherit}.category-filters{display:flex;gap:.45rem;overflow:auto;padding:.85rem 0 .2rem}.category-filters button{white-space:nowrap;border:1px solid #b9c7ce;background:#fff;border-radius:999px;padding:.55rem .8rem;font-weight:700;cursor:pointer}.category-filters button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}.result-count{margin:.7rem 0 0;color:var(--muted);font-size:.9rem}.db-layout{max-width:1240px;margin:auto;padding:2.2rem 1rem 5rem;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1.5rem}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;align-content:start}.tool-card{border:1px solid var(--line);border-radius:14px;padding:1.05rem;background:#fff;display:flex;flex-direction:column;min-height:240px}.tool-card:hover{border-color:var(--accent);box-shadow:0 10px 30px rgba(23,107,135,.1)}.tool-card .cat{font-size:.74rem;color:var(--accent);font-weight:900}.tool-card h2{font-size:1.25rem;margin:.45rem 0}.tool-card p{margin:0 0 1rem;color:var(--muted);line-height:1.65}.tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto}.tags span{background:var(--paper);border-radius:999px;padding:.28rem .5rem;font-size:.72rem}.tool-card a{margin-top:.9rem;color:var(--accent);font-weight:900;text-decoration:none}.db-guide{position:sticky;top:205px;align-self:start;background:var(--ink);color:#fff;padding:1.3rem;border-radius:16px}.db-guide .kicker{color:var(--lime)}.db-guide ol{padding-left:1.2rem;line-height:1.8}.db-guide a{display:block;color:#fff;margin-top:1rem}.db-method{background:var(--paper);padding:4rem max(1rem,calc((100vw - 1240px)/2 + 1rem));display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;line-height:1.8}.db-footer{max-width:1240px;margin:auto;padding:2rem 1rem;display:flex;justify-content:space-between;gap:2rem}.db-footer div:last-child{display:flex;gap:1rem;flex-wrap:wrap}.db-footer a{color:inherit}.detail{max-width:980px;margin:auto;padding:3rem 1rem 5rem}.detail-breadcrumb{font-size:.9rem;color:var(--muted)}.detail-hero{padding:2.5rem 0;border-bottom:1px solid var(--line)}.detail-hero h1{font-size:clamp(2.5rem,6vw,5.2rem);line-height:1;margin:.5rem 0 1rem}.detail-hero .summary{font-size:1.2rem;line-height:1.85}.detail-meta{display:flex;gap:.6rem;flex-wrap:wrap}.detail-meta span{background:var(--paper);padding:.45rem .7rem;border-radius:999px}.detail-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:2rem;padding:2.5rem 0}.detail-grid h2{font-size:1.8rem}.check-list{display:grid;gap:.8rem;padding:0;list-style:none}.check-list li{border-left:4px solid var(--accent);background:var(--paper);padding:1rem}.official-button{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:900;padding:.9rem 1.1rem;border-radius:9px}.related{border-top:1px solid var(--line);padding-top:2rem}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.related-grid a{border:1px solid var(--line);border-radius:12px;padding:1rem;color:inherit;text-decoration:none}.empty{grid-column:1/-1;padding:3rem;background:var(--paper);text-align:center;border-radius:14px}@media(max-width:900px){.tool-grid{grid-template-columns:1fr 1fr}.db-layout{grid-template-columns:1fr}.db-guide{position:static}.db-hero{grid-template-columns:1fr}.db-hero aside{max-width:320px}.detail-grid,.db-method{grid-template-columns:1fr}}@media(max-width:600px){.db-header{align-items:flex-start}.db-header nav{font-size:.82rem;gap:.7rem}.tool-grid,.related-grid{grid-template-columns:1fr}.search-row{grid-template-columns:1fr}.db-controls{position:static}.db-footer{display:block}.db-hero h1{font-size:3.2rem}}