.utility-hero{padding:5.5rem 0 2.2rem;background:linear-gradient(180deg,#fff 0,#f8fafd 100%)}
.utility-wrap{width:min(1120px,calc(100% - 32px));margin:auto}.utility-breadcrumb{display:flex;gap:.55rem;align-items:center;font-size:.86rem;color:#5f6368;margin-bottom:1.4rem}.utility-breadcrumb a{color:#0b57d0;text-decoration:none}.utility-hero h1{font-size:clamp(2.2rem,6vw,4.7rem);line-height:.98;letter-spacing:-.05em;margin:.2rem 0 1rem;color:#202124;max-width:900px}.utility-hero .lead{font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.6;color:#5f6368;max-width:820px}.utility-badges{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.3rem}.utility-badges span{border:1px solid #e2e7ee;background:#fff;border-radius:999px;padding:.48rem .75rem;font-size:.8rem;color:#3c4043}
.utility-main{padding:1.2rem 0 5rem}.utility-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:1.2rem;align-items:start}.utility-panel,.utility-result,.utility-info{background:#fff;border:1px solid #e1e6ed;border-radius:24px;box-shadow:0 1px 2px rgba(60,64,67,.04)}.utility-panel{padding:1.35rem}.utility-panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1rem}.utility-panel-head small,.utility-result small{display:block;color:#5f6368;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.69rem}.utility-panel h2,.utility-result h2{margin:.25rem 0 0;font-size:1.3rem}.utility-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.utility-field{display:flex;flex-direction:column;gap:.38rem}.utility-field.full{grid-column:1/-1}.utility-field label{font-size:.78rem;font-weight:700;color:#3c4043}.utility-field input,.utility-field select,.utility-field textarea{width:100%;box-sizing:border-box;border:1px solid #cbd3dd;border-radius:14px;background:#fbfcfe;color:#202124;padding:.82rem .88rem;font:inherit;outline:none;transition:.16s}.utility-field textarea{min-height:128px;resize:vertical;line-height:1.45}.utility-field input:focus,.utility-field select:focus,.utility-field textarea:focus{border-color:#0b57d0;box-shadow:0 0 0 3px rgba(11,87,208,.11);background:#fff}.utility-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.utility-actions button{min-height:44px;border:1px solid #d5dbe4;border-radius:999px;background:#fff;padding:.55rem .9rem;font:inherit;font-weight:700;cursor:pointer}.utility-actions button.primary{background:#c74424;color:#fff;border-color:#c74424}.utility-actions button:hover{transform:translateY(-1px)}
.utility-result{padding:1.35rem;position:sticky;top:88px;overflow:hidden}.utility-result:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-65px;top:-80px;background:radial-gradient(circle,rgba(11,87,208,.14),transparent 68%);pointer-events:none}.utility-headline{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.04em;margin:.45rem 0 1rem;color:#202124;overflow-wrap:anywhere}.utility-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.utility-metrics div{background:#f7f9fc;border:1px solid #edf0f4;border-radius:15px;padding:.72rem}.utility-metrics span{display:block;font-size:.7rem;color:#5f6368;margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.05em}.utility-metrics b{display:block;font-size:1rem;overflow-wrap:anywhere}.utility-result-text{margin:1rem 0 0;color:#5f6368;line-height:1.55}.utility-code{margin:1rem 0 0;background:#111827;color:#e5edf8;border-radius:16px;padding:1rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:500 .82rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;max-height:340px}.utility-result.is-running{opacity:.78}
.utility-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.2rem}.utility-info{padding:1.2rem}.utility-info h3{margin:0 0 .55rem;font-size:1rem}.utility-info p{margin:0;color:#5f6368;line-height:1.58;font-size:.92rem}.utility-privacy{margin-top:1.2rem;border-radius:22px;padding:1.15rem 1.2rem;background:#eef6ff;border:1px solid #d6e7ff;display:flex;gap:.8rem;align-items:flex-start}.utility-privacy b{display:block;margin-bottom:.2rem}.utility-privacy p{margin:0;color:#4b5563;font-size:.9rem}.utility-related{margin-top:2rem}.utility-related h2{font-size:1.55rem}.utility-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.utility-related-grid a{display:block;text-decoration:none;color:#202124;background:#fff;border:1px solid #e2e7ee;border-radius:18px;padding:1rem;min-height:108px}.utility-related-grid a small{display:block;color:#5f6368;margin-bottom:.55rem}.utility-related-grid a b{display:block}.utility-related-grid a:hover{border-color:#aeb8c6;transform:translateY(-2px)}
.utility-hub-hero{padding:5.5rem 0 2rem;background:linear-gradient(180deg,#fff,#f7f9fc)}.utility-hub-hero h1{font-size:clamp(2.7rem,7vw,5.5rem);letter-spacing:-.06em;line-height:.92;margin:.2rem 0 1rem}.utility-hub-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:1.6rem}.utility-hub-stats div{background:#fff;border:1px solid #e1e6ed;border-radius:18px;padding:1rem}.utility-hub-stats b{display:block;font-size:1.7rem}.utility-hub-stats span{color:#5f6368;font-size:.78rem}.utility-filter{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0 1.4rem}.utility-filter button{border:1px solid #dfe4eb;background:#fff;border-radius:999px;padding:.55rem .9rem;font-weight:700;cursor:pointer}.utility-filter button[aria-pressed=true]{background:#202124;color:#fff;border-color:#202124}.utility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.utility-card{display:flex;flex-direction:column;min-height:185px;padding:1.05rem;text-decoration:none;color:#202124;background:#fff;border:1px solid #e1e6ed;border-radius:20px;transition:.16s}.utility-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(60,64,67,.09);border-color:#c3ccd8}.utility-card small{color:#5f6368;text-transform:uppercase;letter-spacing:.08em;font-size:.67rem;font-weight:800}.utility-card h3{font-size:1.08rem;margin:.6rem 0 .45rem}.utility-card p{margin:0;color:#5f6368;line-height:1.45;font-size:.86rem}.utility-card em{font-style:normal;font-weight:800;color:#0b57d0;margin-top:auto;padding-top:.8rem;font-size:.82rem}.utility-category-band{padding:2.1rem 0}.utility-category-band:nth-child(even){background:#f8fafd}.utility-category-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1rem}.utility-category-head h2{font-size:1.8rem;margin:0}.utility-category-head p{margin:0;color:#5f6368;max-width:520px}
.v19-home-band{padding:4rem 0;background:#f8fafd;border-top:1px solid #e8edf3;border-bottom:1px solid #e8edf3}.v19-home-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.v19-home-card{background:#fff;border:1px solid #e1e6ed;border-radius:24px;padding:1.35rem}.v19-home-card h2{font-size:clamp(1.8rem,4vw,3.2rem);letter-spacing:-.045em;line-height:1;margin:.3rem 0 .8rem}.v19-cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.v19-cat-grid a{background:#f7f9fc;border-radius:14px;padding:.75rem;text-decoration:none;color:#202124;font-weight:750}.v19-cat-grid span{display:block;color:#5f6368;font-size:.73rem;font-weight:500;margin-top:.15rem}
@media(max-width:820px){.utility-layout{grid-template-columns:1fr}.utility-result{position:static}.utility-info-grid,.utility-related-grid{grid-template-columns:1fr 1fr}.utility-grid{grid-template-columns:1fr 1fr}.utility-hub-stats{grid-template-columns:1fr 1fr}.v19-home-grid{grid-template-columns:1fr}}
@media(max-width:560px){.utility-fields,.utility-metrics,.utility-info-grid,.utility-related-grid,.utility-grid{grid-template-columns:1fr}.utility-wrap{width:min(100% - 22px,1120px)}.utility-hero{padding-top:4.5rem}.utility-hero h1{font-size:2.55rem}.utility-panel,.utility-result{border-radius:20px}.utility-hub-stats{grid-template-columns:1fr 1fr}.v19-cat-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.utility-card,.utility-actions button{transition:none!important}.utility-card:hover,.utility-actions button:hover{transform:none!important}}