:root{
      --accent:#c60000;
      --text:#111;
      --line:#222;
      --head:#d9d9d9;
      --bg:#fff;
      --link:#c60000;
    }
.page-title{
      display:flex;
      align-items:flex-start;
      gap:14px;
      margin: 6px 0 14px;
    }
  .page-title::before{
      content:"";
      width:4px;
      height: 32px;
      background: var(--accent);
      margin-top: 3px;
      flex: 0 0 auto;
    }
  h1{
      margin:0;
      font-size: 24px;
      font-weight: bold;
    }
  h2{
      margin:0;
      font-size: 18px;
      font-weight: 500;
    }
.lead{
      margin-top: 6px;
    }
    
.search-area{
      margin:18px 0 16px;
      display:flex;
      justify-content: space-between;
      align-items:flex-start;
      gap:16px;
    }
    .search-box{ min-width:360px; }
    .search-box .label{ font-weight:700; font-size:14px; margin-bottom:8px; }
    .search-row{ display:flex; gap:10px; align-items:center;}
    .search-row input{
      width:260px; height:34px;
      border:1px solid #999;
      padding:0 10px;
      font-size:14px;
      outline:none;
      background:#fff;
    }
.search-row button{
      height:34px; padding:0 14px;
      border:1px solid #7a0000;
      background:var(--accent);
      color:#fff;
      font-weight:700;
      cursor:pointer;
    }
.search-row button:hover{ filter:brightness(.95); }

.hint{
      margin-top:8px;
      font-size:12px;
      color:#c60000;
    }

.result{
      margin-top:8px;
      font-size:12px;
      color: #333;
    }
    
.empty{ padding:14px 10px; font-size:13px; color:#666; display:none; }
.empty.is-show{ display:block; }