*{box-sizing:border-box}body{margin:0;font-family:Roboto,Helvetica,Arial,sans-serif;color:#000000de;background:#fff;line-height:1.55}a{color:#0066ff}img{max-width:100%;height:auto}header{position:sticky;top:0;z-index:1100;background:#fff;border-bottom:1px solid #dadce0;padding:14px 16px}header a.logo{font-weight:800;font-size:20px;color:#000000de;text-decoration:none}.wrap{max-width:none;margin:0;padding:16px 24px}h1{font-size:30px;line-height:1.2;margin:12px 0 8px}h2{font-size:22px;margin:28px 0 8px}h3{font-size:17px;margin:14px 0 6px}p{margin:8px 0}.lead{font-size:18px;color:#3c4043}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}
@media(min-width:600px){.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.section-head{grid-column:1/-1}.section-head h2{margin:16px 0 0}.card{border:1px solid #dadce0;border-radius:4px;padding:14px;background:#fff;text-decoration:none;color:#000000de;display:block}.card:hover{border-color:#0066ff}.card h3{color:#000000de}.card h3{margin:0 0 6px}.card p{margin:0 0 10px;color:#5f6368}.card p:last-child{margin-bottom:0}.soon{font-size:14px;color:#5f6368}.btn{display:inline-flex;align-items:center;justify-content:center;background:#0066ff;color:#fff;text-decoration:none;padding:10px 16px;min-height:44px;border-radius:4px;font-weight:700;font-size:16px;border:0;cursor:pointer;transition:border 280ms cubic-bezier(0.40,0.00,0.20,1.00),box-shadow 280ms cubic-bezier(0.40,0.00,0.20,1.00)}.btn.secondary{background:#dadce0;color:#000000de}.datepick{display:flex;gap:8px}.datepick select{flex:1;min-width:0}input,select,textarea{width:100%;padding:10px;min-height:44px;border:1px solid #dadce0;border-radius:4px;font-size:16px;margin:6px 0 12px}input[type="checkbox"],input[type="radio"]{width:auto;min-height:0;margin:0 6px 0 0}textarea{min-height:140px}label{font-weight:600;display:block;margin-top:8px}.toolbox{border:1px solid #dadce0;border-radius:4px;padding:16px;background:#fff}.result{border:1px solid #dadce0;border-left:4px solid #0066ff;border-radius:4px;padding:14px;margin-top:14px;background:#fff;white-space:pre-wrap;word-break:break-word;overflow-x:auto}.toollayout{display:grid;gap:16px}.toollayout>.result{margin-top:0}.toolresults{display:flex;flex-direction:column;gap:14px}.toolresults .result{margin-top:0}
@media(min-width:900px){.toollayout{grid-template-columns:1fr 1fr;align-items:start}}.warn{border:1px solid #f59e0b;background:#fffbeb;border-radius:4px;padding:14px}.note{color:#5f6368;font-size:15px}footer{border-top:1px solid #dadce0;margin-top:40px;padding:16px;color:#5f6368}.filters{margin:14px 0;display:flex;flex-wrap:wrap;gap:8px}.filters button{padding:10px 14px;min-height:44px;flex-shrink:0;border-radius:4px;border:1px solid #dadce0;background:#fff;cursor:pointer;font-size:16px}.filters button.active{background:#0066ff;color:#fff;border-color:#0066ff}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px;border-bottom:1px solid #dadce0;vertical-align:top}fieldset{border:1px solid #dadce0;border-radius:4px;padding:12px;margin:12px 0}legend{font-weight:700}.check{font-weight:700}.pass{color:#166534}.work{color:#b45309}.unknown{color:#5f6368}.bad{color:#d93025}
.headwrap{display:flex;align-items:center;flex-wrap:nowrap;gap:20px}.headwrap .mainnav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.headwrap .mainnav::-webkit-scrollbar{display:none}.navpanel{display:contents}.nav-toggle{display:none}#site-lang{width:auto;height:44px;border-radius:4px;padding:0 8px;border:1px solid #dadce0;background:#fff;margin-left:auto;flex:0 0 auto}.theme-btn{padding:10px 14px;min-height:44px;border-radius:4px;border:1px solid #dadce0;background:#fff;cursor:pointer;font-size:15px;flex:0 0 auto}
.pagination{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0}.pagination button{padding:10px 14px;min-width:44px;min-height:44px;border-radius:4px;border:1px solid #dadce0;background:#fff;cursor:pointer;font-size:16px}.pagination button.active{background:#0066ff;color:#fff;border-color:#0066ff}.pagination button:disabled{opacity:.5;cursor:default}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #0066ff;outline-offset:2px}

@media(max-width:600px){h1{font-size:24px}.lead{font-size:16px}h2{font-size:20px;margin:20px 0 8px}.wrap{padding:12px}header{padding:12px}.headwrap{flex-wrap:wrap;gap:10px}.headwrap .logo{order:1}.headwrap .theme-btn{order:2;margin-left:auto;padding:10px;font-size:14px}.nav-toggle{order:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;min-height:44px;border:1px solid #dadce0;border-radius:4px;background:#fff;cursor:pointer;flex:0 0 auto}.nav-toggle span{display:block;width:22px;height:2px;background:#000000de;transition:transform 280ms ease,opacity 280ms ease}.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-open .nav-toggle span:nth-child(2){opacity:0}.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navpanel{order:4;flex-basis:100%;display:block;max-height:0;overflow:hidden;opacity:0;transition:max-height 300ms ease,opacity 300ms ease}.nav-open .navpanel{max-height:420px;opacity:1}.navpanel .mainnav{flex-direction:column;align-items:stretch;flex-wrap:nowrap;overflow:visible;font-size:15px}.navpanel .mainnav a{padding:12px}.navpanel #site-lang{width:100%;margin-left:0;margin-top:10px}.section-head{display:none}.card{padding:10px}.card h3{font-size:16px}.grid{gap:10px}.btn{width:100%;text-align:center}table{font-size:14px}th,td{padding:6px}.toolbox{padding:12px}.logo{font-size:18px}}
@media(max-width:360px){h1{font-size:24px}.wrap{padding:10px}.grid{gap:10px}}
[data-theme="dark"] body{background:#000;color:#e2e8f0}[data-theme="dark"] a{color:#93c5fd}[data-theme="dark"] header,[data-theme="dark"] footer{border-color:#333}[data-theme="dark"] .card,[data-theme="dark"] .toolbox,[data-theme="dark"] .result{background:#111;border-color:#333}[data-theme="dark"] .card p,[data-theme="dark"] .note,[data-theme="dark"] footer,[data-theme="dark"] .soon{color:#94a3b8}[data-theme="dark"] .lead{color:#cbd5e1}[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#000;color:#e2e8f0;border-color:#333}[data-theme="dark"] .btn.secondary{background:#333;color:#e2e8f0}[data-theme="dark"] .filters button,[data-theme="dark"] .theme-btn,[data-theme="dark"] .pagination button{background:#111;color:#e2e8f0;border-color:#333}[data-theme="dark"] .filters button.active,[data-theme="dark"] .pagination button.active{background:#0066ff;color:#fff;border-color:#0066ff}[data-theme="dark"] fieldset{border-color:#333}[data-theme="dark"] th,[data-theme="dark"] td{border-color:#333}[data-theme="dark"] .warn{background:#422006;border-color:#92400e}[data-theme="dark"] .pass{color:#86efac}[data-theme="dark"] .work{color:#fcd34d}[data-theme="dark"] .bad{color:#fca5a5}

.mainnav{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.mainnav a{color:#000000de;text-decoration:none;font-weight:600;padding:8px 12px;border-radius:4px;white-space:nowrap}.mainnav a:hover{text-decoration:none;background:rgba(0,102,255,.08)}footer .mainnav{margin-bottom:12px}[data-theme="dark"] .mainnav a{color:#e2e8f0}[data-theme="dark"] .mainnav a:hover{background:rgba(147,197,253,.15)}
[data-theme="dark"] .card,[data-theme="dark"] .card h3{color:#e2e8f0}[data-theme="dark"] .result{background:#111;border-color:#333;border-left-color:#0066ff}
[data-theme="dark"] header{background:#000}[data-theme="dark"] header a.logo{color:#fff}[data-theme="dark"] .nav-toggle{background:#111;border-color:#333}[data-theme="dark"] .nav-toggle span{background:#e2e8f0}
h1,h2,h3{font-family:"Google Sans",Roboto,Arial,sans-serif}

.answer{font-size:28px;font-weight:800;color:#0066ff;line-height:1.2;margin-bottom:8px}[data-theme="dark"] .answer{color:#93c5fd}

.scrollbox{max-height:320px;overflow-y:auto;scrollbar-width:none;border:1px solid #dadce0;border-radius:4px;padding:8px 16px;margin:10px 0}.scrollbox::-webkit-scrollbar{display:none}
.result-scroll{max-height:420px;overflow-y:auto}
