:root{font-family:"Yu Gothic UI","Meiryo",sans-serif;color:#24313f;background:#f4f6f8;font-size:17px}*{box-sizing:border-box}body{margin:0}.site-header{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,4vw,52px);background:#fff;border-bottom:1px solid #ccd4dc}.brand{display:flex;align-items:center;gap:14px}.brand img{width:52px;height:52px}.brand h1{font-size:1.55rem;margin:0}.brand p{margin:3px 0 0;color:#687583}.site-header.compact{padding-block:10px}main{max-width:1500px;margin:auto;padding:24px}.search-panel,.results-panel,article{background:#fff;border:1px solid #ccd4dc;border-radius:8px;padding:22px;margin-bottom:18px}h2{margin-top:0;font-size:1.35rem}.search-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px 18px}.search-grid label{font-weight:600}.search-grid input{display:block;width:100%;height:44px;margin-top:6px;border:1px solid #9eabb8;border-radius:5px;padding:7px 10px;font:inherit;background:#fff}.region-combobox{position:relative;display:block}.region-combobox input{padding-right:44px}.region-combobox>button{position:absolute;right:1px;top:7px;width:42px;height:42px;border:0;border-left:1px solid #c0c8d0;background:#f5f7f9;color:#52606d;cursor:pointer}.region-options{position:absolute;z-index:20;top:51px;left:0;right:0;max-height:280px;overflow-y:auto;background:#fff;border:1px solid #8796a5;border-radius:5px;box-shadow:0 6px 18px #24313f30}.region-options button{display:block;width:100%;padding:10px 12px;border:0;background:#fff;text-align:left;font:inherit;cursor:pointer}.region-options button:hover,.region-options button.active{background:#dfeefa}.field-message{display:block;min-height:1.2em;margin-top:3px;color:#a33;font-weight:400;font-size:.82rem}.search-grid .wide{grid-column:1/-1}.search-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px}.search-actions strong{margin-left:18px}.button{min-height:44px;padding:9px 22px;border:1px solid #8594a3;border-radius:5px;font:inherit;font-weight:600;text-decoration:none;color:#1e2c39;background:#eef3f7;cursor:pointer}.button.primary{color:#fff;background:#1769aa;border-color:#1769aa}.button.secondary{background:#fff}.button:disabled{opacity:.45;cursor:default}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{background:#e9eef3;text-align:left}th,td{padding:12px;border-bottom:1px solid #dce2e8}tbody tr:hover{background:#f4f8fb}a{color:#075f9c}.empty{text-align:center;padding:30px;color:#687583}.article-main{max-width:1050px}.article-nav{display:flex;align-items:center;gap:10px;margin-bottom:18px}.article-nav #position{color:#667482;margin-left:5px}.article-number{color:#697684}.article-heading{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:18px;row-gap:3px}.article-heading h2{margin:0}.article-heading .reading{font-size:.9rem;color:#7b8793;font-weight:400}.metadata{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 20px}.metadata div{background:#f3f6f8;padding:12px}.metadata dt{font-size:.88rem;color:#667482}.metadata dd{margin:4px 0 0}#article{display:flow-root}.article-image{display:block;float:left;width:auto;max-width:min(35%,420px);height:auto;margin:0 30px 22px 0;border-radius:4px}.no-image{text-align:center;background:#f3f5f7;color:#84909a;padding:25px;margin:20px 0}.article-body{font-size:1.08rem;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:20px}@media(max-width:850px){:root{font-size:16px}.site-header{align-items:flex-start;gap:12px}.brand img{width:42px;height:42px}.search-grid{grid-template-columns:1fr}.search-grid .wide{grid-column:auto}.region-options{max-height:min(45vh,280px)}.search-actions{flex-wrap:wrap}.search-actions strong{width:100%;text-align:center;margin:5px 0}.metadata{grid-template-columns:1fr}.article-nav{flex-wrap:wrap}.article-image{float:none;max-width:100%;margin:20px auto 24px}main{padding:12px}.search-panel,.results-panel,article{padding:15px}}