:root{color:#000;background:#d9fdd3;font-family:Arial,Helvetica,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}header,nav,main,footer{width:900px;max-width:calc(100% - 24px);margin:auto}header{background:#fff;border:2px solid #555;border-top:0;justify-content:space-between;align-items:baseline;padding:12px 16px;display:flex}header b{color:#000;font:700 24px Georgia,serif}header span{color:#000}nav{background:#f0f0f0;border:2px solid #666;border-top:0;padding:6px 10px;line-height:2}nav a{color:#04c;white-space:nowrap;margin-right:10px;text-decoration:underline}nav a.on{color:#000;font-weight:700;text-decoration:none}main{background:#fff;border:2px solid #666;border-top:0;min-height:650px;padding:20px 24px}h1{color:#000;margin:0 0 6px;font:700 27px Georgia,serif}h2{color:#000;border-bottom:2px solid #666;margin:25px 0 8px;padding-bottom:3px;font:700 19px Georgia,serif}.intro{color:#000;margin:0 0 18px}.box{background:#f0f0f0;border:2px solid #666;max-width:560px;padding:14px}.form label{grid-template-columns:230px 1fr;align-items:center;margin:7px 0;display:grid}.form label>span{font-weight:700}.form input,.form select,.form textarea{background:#fff;border:2px solid #555;width:100%;padding:5px;font:14px Arial}table{border-collapse:collapse;width:100%;max-width:760px;margin:8px 0 18px}th,td{text-align:left;vertical-align:top;border:2px solid #666;padding:7px 9px}th{background:#f0f0f0;width:220px}.wide th{width:auto}.wide thead th{background:#d8e7ef}.wide tbody tr:nth-child(2n) td{background:#f7f7f7}.note{background:#fffbdc;border:2px solid #6f651d;max-width:760px;padding:9px}.bad{color:#000;font-weight:700}footer{color:#000;background:#f0f0f0;border:2px solid #666;border-top:0;margin-bottom:30px;padding:10px;font-size:12px}a{color:#04c}@media (width<=650px){header{display:block}header span{margin-top:3px;display:block}nav{line-height:2.3}nav a{margin-right:12px}main{padding:15px 12px}.form label{grid-template-columns:1fr;gap:3px}h1{font-size:23px}.wide{white-space:nowrap;display:block;overflow-x:auto}th{width:42%}}html,body{max-width:100%;overflow-x:hidden}@media (width<=650px){nav{white-space:nowrap;max-width:calc(100% - 24px);display:block;overflow-x:auto}nav a{display:inline-block}.wide{max-width:100%}}.ad-slot{color:#000;text-align:center;background:#fafafa;border:2px dashed #666;min-height:28px;margin:0 0 15px;padding:5px;font-size:11px}nav{align-items:center;gap:14px;display:flex;position:relative;overflow:visible}nav>a{margin-right:0}.nav-menu{display:inline-block;position:relative}.nav-menu summary{color:#04c;cursor:pointer;text-decoration:underline;list-style:none}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu summary:after{content:" ▼";font-size:10px}.nav-menu[open] summary{color:#000;font-weight:700;text-decoration:none}.nav-menu div{z-index:20;background:#f0f0f0;border:2px solid #555;width:240px;padding:5px;position:absolute;top:100%;left:0;box-shadow:2px 2px #999}.nav-menu div a{color:#04c;white-space:normal;margin:0;padding:4px 6px;text-decoration:underline;display:block}.nav-menu div a:hover{background:#fff}.nav-menu div a.on{color:#000;font-weight:700;text-decoration:none}@media (width<=650px){nav{white-space:normal;max-width:calc(100% - 24px);display:flex;overflow:visible}.nav-menu div{width:auto;max-height:65vh;position:fixed;top:115px;left:12px;right:12px;overflow-y:auto}}.result-scroll{max-width:100%;overflow-x:auto}.result-scroll table{min-width:520px}