@import url("../shared/agent-card.css?v=20261012");
/* AGENT固有。token・カテゴリ共通UIの上に一覧／FAQだけを追加する。 */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
h1,h2,h3,p{margin:0}
a{color:inherit;text-decoration:none}
button,select,input{font:inherit}
button,a,select,summary{touch-action:manipulation}
button{cursor:pointer}
button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gv-color-gold);outline-offset:5px}
[hidden]{display:none!important}
#gl{position:fixed;inset:0;width:100%;height:100vh;z-index:0;pointer-events:none}
main{position:relative}
.skip{position:fixed;top:8px;left:8px;z-index:100;padding:12px 18px;background:var(--gv-color-gold);color:var(--gv-color-navy);translate:0 -160%}
.skip:focus{translate:0 0}
.crumb{display:flex;gap:14px;color:var(--gv-color-text-on-dark-muted);font-size:12px;margin-bottom:24px}
.crumb a:hover{color:var(--gv-color-gold)}
.hero .sub{color:var(--gv-color-gold)}
.agent-intro{padding:18px 0 var(--gv-section-space)}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}
.intro-grid .copy,.guide .copy,.contact .copy{color:var(--gv-color-text-on-dark-muted)}
.wb{position:relative}
.panel-inner{padding-block:var(--gv-section-space)}
.agent-panel{will-change:clip-path}
.listing-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:40px}
.filters{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px 30px;padding-top:24px;border-top:1px solid var(--gv-color-border-on-light)}
.filter-hint{grid-column:1/-1;font-size:13px;font-weight:700}
.filter-hint span{margin-left:18px;font-size:12px;font-weight:400;color:var(--gv-color-text-on-light-muted)}
.industry{border:0;padding:0;margin:0;min-width:0}
.industry legend,.filter-label{display:block;font-size:12px;font-weight:700;margin-bottom:12px}
.industry legend>span,.filter-label>span{margin-right:7px;font-weight:400;color:var(--gv-color-text-on-light-muted)}
.filter-options{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--gv-color-border-on-light)}
.filter-options label{position:relative;text-align:center;cursor:pointer}
.filter-options input{position:absolute;opacity:0;width:1px;height:1px}
.filter-options span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 12px;font-size:13px;white-space:nowrap;border-bottom:2px solid transparent;transition:background-color .45s ease,color .35s ease,border-color .35s ease}
.filter-options input:checked+span{border-color:var(--gv-color-navy)}
.filter-count{font-size:10px;line-height:1;font-family:var(--gv-font-family-display);font-style:normal;margin-left:7px;color:var(--gv-color-text-on-light-muted)}
.filter-options input:checked+span .filter-count{color:var(--gv-color-navy)}
.filter-options input:focus-visible+span{outline:2px solid var(--gv-color-navy);outline-offset:-4px}
.filter-options label:hover>span{background:var(--gv-color-bg-hover-on-light)}
.task-filter{padding-left:26px;border-left:1px solid var(--gv-color-border-on-light)}
.task-dropdown{position:relative}
#task-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;border:1px solid var(--gv-color-border-on-light);border-radius:3px;background:transparent;color:var(--gv-color-navy);padding:0 14px;font-size:13px;text-align:left;transition:background-color .45s ease}
#task-toggle:hover,#task-toggle[aria-expanded="true"]{background:var(--gv-color-bg-hover-on-light)}
#task-toggle i{flex:none;width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);transition:transform .35s ease}
#task-toggle[aria-expanded="true"] i{transform:rotate(225deg)}
.task-menu.dd-in{position:absolute;z-index:10;top:calc(100% + 10px);left:0;right:0;min-width:0;background:#fff;border-color:var(--gv-color-border-on-light);box-shadow:0 20px 45px -18px rgba(23,32,81,.25);backdrop-filter:none;animation:task-open .35s var(--gv-ease-expressive)}
.task-menu button{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;width:100%;padding:12px 10px;border:0;border-radius:8px;background:none;color:var(--gv-color-navy);text-align:left;font-size:12px;transition:background-color .45s ease, color .3s}
.task-menu button>span{visibility:hidden;color:var(--gv-color-navy)}
.task-menu button[aria-selected="true"]{color:var(--gv-color-navy);background:var(--gv-color-navy-5)}
.task-menu button[aria-selected="true"]>span{visibility:visible}
.task-menu button:hover,.task-menu button:focus-visible{background:var(--gv-color-bg-hover-on-light)}
@keyframes task-open{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.results-bar{display:flex;justify-content:space-between;align-items:center;margin:28px 0 22px;font-size:12px}
.reset-button{min-height:44px;color:var(--gv-color-navy);border:0;background:none;padding:8px 0;font-size:12px}
.reset-button:hover{text-decoration:underline}
.agent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}
.more-wrap{text-align:center;margin-top:40px}
.outline-button{display:inline-flex;gap:64px;align-items:center;justify-content:center;min-height:48px;padding:12px 30px;border:1px solid var(--gv-color-navy);background:transparent;border-radius:999px;color:var(--gv-color-navy);font-size:14px;transition:background .3s,color .3s}
.outline-button:hover{background:var(--gv-color-navy);color:white}
.empty{text-align:center;padding:50px 0;line-height:2;color:var(--gv-color-text-on-light-muted)}
.guide{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;padding-block:var(--gv-section-space)}
.guide .copy{margin:26px 0}
.draft-note,.cover-caption{font-size:11px;color:var(--gv-color-text-on-dark-muted)}
.draft-note{margin-top:16px}
.guide-visual{display:grid;place-items:center;padding:32px 0}
.guide-cover{position:relative;width:min(100%,340px);padding:30px;background:var(--gv-color-bg-dark);border:1px solid var(--gv-color-border-on-dark);box-shadow:20px 25px 0 -8px rgba(193,197,208,.1);transform:rotate(5deg)}
.cover-brand{font-size:11px;letter-spacing:.08em}
.cover-label{font-size:9px;letter-spacing:.18em;color:var(--gv-color-gold);margin-top:40px}
.cover-title{font-size:40px;letter-spacing:.03em;line-height:1.1;margin-top:14px}
.cover-title span{color:var(--gv-color-text-on-dark-muted);font-weight:400}
.guide-cover img{display:block;width:100%;height:auto;margin-block:12px}
.cover-bottom{font-size:8px;letter-spacing:.12em;padding-top:18px;border-top:1px solid var(--gv-color-border-on-dark)}
.cover-caption{margin-top:48px;font-size:10px}
.contact{padding-block:var(--gv-section-space);background:transparent}
.next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:44px}
.next-card{padding:28px 0 0;border-top:1px solid var(--gv-color-border-on-dark)}
.next-index{display:block;font-size:11px;letter-spacing:.16em;color:var(--gv-color-gold);margin-bottom:20px}
.next-card h3{font-size:23px;font-weight:500;margin-bottom:14px}
.next-card .copy{font-size:14px;max-width:26em}
.next-link{display:flex;justify-content:space-between;margin-top:28px;max-width:240px;border-bottom:1px solid var(--gv-color-border-on-dark);padding-bottom:12px;font-size:14px}
.next-card:hover .next-link{color:var(--gv-color-gold)}
.next-primary .cta{margin-top:28px;padding:16px 28px;font-size:14px}
dialog{max-width:min(90vw,620px);max-height:85vh;overflow:auto;border:1px solid var(--gv-color-border-on-light);border-radius:8px;padding:0;background:var(--gv-background-page-light);color:var(--gv-color-navy)}
dialog::backdrop{background:rgba(12,13,21,.8)}
.detail-inner{padding:48px}
.detail-close{position:absolute;right:14px;top:10px;width:44px;height:44px;border:0;background:none;color:var(--gv-color-navy);font-size:30px}
.detail-inner h2{font-size:30px;line-height:1.5}
.detail-category{margin-top:16px;font-size:13px}
.detail-inner .copy{margin-top:20px;color:var(--gv-color-text-on-light-muted)}
.detail-note{font-size:12px;line-height:1.8;margin:24px 0;color:var(--gv-color-text-on-light-muted)}
@media(max-width:1100px){
  .filters{grid-template-columns:1fr 240px;gap:20px}
  .filter-options span{font-size:12px}
  .task-filter{padding-left:18px}
  .agent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:768px){
  .intro-grid,.guide{grid-template-columns:1fr;gap:30px}
  .agent-intro{padding-top:0}
  .listing-head{display:block}
  .listing-head>.copy{margin-top:12px}
  .filters{grid-template-columns:1fr;gap:22px}
  .task-filter{border:0;padding:0;max-width:100%}
  .task-menu.dd-in{grid-template-columns:1fr;gap:0;padding:10px;border-radius:14px}
  .agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guide-visual{grid-row:2}
  .guide-cover{width:280px}
  .next-grid{grid-template-columns:1fr;gap:32px}
  .next-card .copy{max-width:none}
  .next-link{max-width:none}
}
@media(max-width:600px){
  .panel-inner{padding-block:60px}
  .agent-intro{padding-bottom:60px}
  .crumb{font-size:11px;gap:10px}
  .filter-options{gap:2px 6px}
  .filter-options span{padding-inline:7px;font-size:12px}
  .filter-count{font-size:10px;margin-left:5px}
  .filter-hint span{display:block;margin:5px 0 0}
  .agent-grid{gap:16px 12px}
  .card-mark{font-size:22px;left:12px;bottom:10px}
  .card-body{padding:14px 12px}
  .card-body h3{font-size:15px;padding:0}
  .card-body .copy{font-size:12px}
  .card-category{font-size:11px;padding:4px 6px}
  .card-meta{padding-top:18px;gap:4px}
  .card-arrow{width:25px;height:25px;flex:none}
  .listing-head{margin-bottom:30px}
  .results-bar{gap:10px;font-size:11px}
  .reset-button{font-size:11px}
  .guide .cta{padding:18px 24px;font-size:13px;letter-spacing:.03em}
  .detail-inner{padding:52px 24px 30px}
  .detail-inner h2{font-size:24px}
  .detail-inner .cta{padding:16px 20px;font-size:13px;letter-spacing:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.guide-cover{transform:none}}