:root{
  --green:#006d7a; --green-2:#00838f; --green-soft:#e2f3f5; --cream:#f7f9f8; --sand:#e4f3f5; --brand:#0093a6; --brand-2:#009ec9;
  --ink:#1f2a2d; --muted:#5a676b; --line:#d9e4e6; --accent:#009ec9; --oa:#1b7f4c; --white:#fff;
  --radius:12px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP","Noto Sans CJK JP","Yu Gothic UI","Meiryo",system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.7;font-size:15px}
a{color:var(--green-2)}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pc{display:inline}
@media (max-width:720px){.pc{display:none}}

.site-header{background:#fff;color:var(--ink);border-top:4px solid var(--brand);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;gap:18px;padding-top:10px;padding-bottom:10px}
.org-logo{flex:none;display:block;line-height:0}
.org-logo img{height:84px;width:auto;display:block}
.brand-text{display:flex;flex-direction:column;min-width:0;flex:1}
.org-name{font-size:13px;color:var(--muted);text-decoration:none;letter-spacing:.04em}
.org-name:hover{color:var(--green-2);text-decoration:underline}
.brand-title{font-size:23px;font-weight:700;color:var(--green);text-decoration:none;letter-spacing:.05em;line-height:1.4}
.brand-sub{font-size:11.5px;color:var(--muted);letter-spacing:.02em}
.header-nav{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:13px;white-space:nowrap}
.header-nav a{color:var(--green-2)}
.hero{background:linear-gradient(180deg,var(--sand),var(--cream));padding:26px 0 18px;border-bottom:1px solid var(--line)}
.lead{margin:0 0 14px;font-size:15.5px}
.search-box{display:flex;gap:8px;background:#fff;border:2px solid var(--green);border-radius:999px;padding:5px 5px 5px 18px;box-shadow:0 2px 10px rgba(0,109,122,.10)}
.search-box input{flex:1;border:0;outline:0;font-size:16px;background:transparent;min-width:0;font-family:inherit}
.btn-primary{background:var(--green);color:#fff;border:0;border-radius:999px;padding:10px 26px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit}
.btn-primary:hover{background:var(--green-2)}
.hint{font-size:12.5px;color:var(--muted);margin:8px 4px 0}

.layout{display:grid;grid-template-columns:300px 1fr;gap:26px;padding-top:22px;padding-bottom:30px;align-items:start}
.filters{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;position:sticky;top:12px}
.filters-toggle{display:none}
.fgroup{margin-bottom:16px}
.fgroup h2{font-size:13.5px;margin:0 0 8px;color:var(--green);border-left:4px solid var(--accent);padding-left:8px}
.mini{font-weight:400;color:var(--muted);font-size:11px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:1px solid var(--line);background:var(--cream);color:var(--ink);border-radius:999px;padding:4px 11px;font-size:12.5px;cursor:pointer;font-family:inherit;line-height:1.5}
.chip:hover{border-color:var(--green-2)}
.chip[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:#fff}
.year-row{display:flex;align-items:center;gap:6px}
.year-row input{width:90px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:inherit}
.quick-years{margin-top:6px;display:flex;gap:6px}
.quick-years button,.btn-reset{border:1px solid var(--line);background:#fff;border-radius:8px;padding:3px 9px;font-size:12px;cursor:pointer;font-family:inherit;color:var(--muted)}
select{padding:6px 8px;border:1px solid var(--line);border-radius:8px;font-size:14px;background:#fff;font-family:inherit}
.fgroup select{width:100%}
.checks label{display:flex;gap:6px;align-items:flex-start;font-size:13px;margin-bottom:6px;cursor:pointer}
.checks input{margin-top:5px}
.btn-reset{width:100%;padding:7px}

.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.summary{font-size:14px;color:var(--muted)}
.summary strong{color:var(--ink);font-size:20px;margin:0 2px}
.sort{font-size:13px;color:var(--muted);display:flex;gap:6px;align-items:center}
.notice{background:#fff8ec;border:1px solid #f0d9b5;border-radius:10px;padding:8px 12px;font-size:12.5px;margin-bottom:10px;color:#6b4a1e}
.notice.error{background:#fdeeee;border-color:#f0c4c4;color:#8a1f1f}

.results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}
.card:hover{border-color:#c6d3cd}
.badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}
.badge{font-size:11px;font-weight:700;border-radius:4px;padding:1px 7px;letter-spacing:.03em}
.badge.oa{background:#e3f4ea;color:var(--oa);border:1px solid #b9e0c9}
.badge.review{background:#eef0fb;color:#3a4aa0;border:1px solid #cfd5f3}
.badge.rct{background:#fbefe6;color:#a4561f;border:1px solid #f0d3bd}
.badge.pre{background:#f3f3f3;color:#666;border:1px solid #ddd}
.badge.cited{background:var(--green-soft);color:var(--green);border:1px solid #cfe0d8}
.title{font-size:16.5px;margin:2px 0 4px;line-height:1.5}
.title a{color:var(--ink);text-decoration:none}
.title a:hover{color:var(--green-2);text-decoration:underline}
.authors{margin:0;font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.meta{margin:2px 0 8px;font-size:13px}
.meta .journal{font-style:italic}
.links{display:flex;flex-wrap:wrap;gap:6px}
.links a{font-size:12.5px;text-decoration:none;border:1px solid var(--line);border-radius:6px;padding:2px 9px;color:var(--green-2);background:var(--cream)}
.links a:hover{border-color:var(--green-2)}
.links a.fulltext,.links a.pdf{background:#e3f4ea;border-color:#b9e0c9;color:var(--oa)}
.abstract{margin-top:8px}
.abstract summary{cursor:pointer;font-size:13px;color:var(--green-2);font-weight:700}
.abstract-text{white-space:pre-line;font-size:13.5px;line-height:1.75;margin-top:6px;color:#2d3531}
.keywords{font-size:12px;color:var(--muted);margin:6px 0 0}
.empty{background:#fff;border:1px dashed var(--line);border-radius:var(--radius);padding:30px;text-align:center;color:var(--muted)}
.skeleton{height:120px;background:linear-gradient(90deg,#fff,#f3f1ec,#fff);background-size:200% 100%;animation:sh 1.2s infinite;border-radius:var(--radius);border:1px solid var(--line)}
@keyframes sh{to{background-position:-200% 0}}

.pager{display:flex;justify-content:center;align-items:center;gap:14px;margin:22px 0 0}
.pager button{border:1px solid var(--green);background:#fff;color:var(--green);border-radius:999px;padding:7px 18px;cursor:pointer;font-size:14px;font-family:inherit}
.pager button:disabled{opacity:.35;cursor:default}
#page-label{font-size:13px;color:var(--muted)}

.about{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:6px 22px 10px;margin-bottom:26px;font-size:13.5px}
.about h2{font-size:15px;color:var(--green)}
.about li{margin-bottom:4px}
.site-footer{background:#fff;color:var(--muted);font-size:12.5px;padding:18px 0;border-top:4px solid var(--brand)}
.footer-inner{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.footer-org img{height:36px;width:auto;display:block}
.site-footer p{margin:0}
.footer-links a{color:var(--green-2);font-weight:700}
.credit a{color:var(--muted)}
.copy{margin-top:2px!important}

@media (max-width:860px){
  .layout{grid-template-columns:1fr;gap:14px}
  .filters{position:static;padding:0;overflow:hidden}
  .filters-toggle{display:flex;justify-content:space-between;width:100%;background:#fff;border:0;padding:12px 16px;font-size:14px;font-weight:700;color:var(--green);cursor:pointer;font-family:inherit}
  .filters-toggle::after{content:"▾"}
  .filters-toggle[aria-expanded="true"]::after{content:"▴"}
  .filters-body{display:none;padding:4px 16px 16px;border-top:1px solid var(--line)}
  .filters.open .filters-body{display:block}
  .header-inner{gap:10px}
  .org-logo img{height:54px}
  .org-name{font-size:10.5px;letter-spacing:0}
  .brand-title{font-size:16px;letter-spacing:.02em;word-break:keep-all;overflow-wrap:anywhere}
  .brand-sub{display:none}
  .header-nav{display:none}
  .footer-org img{height:28px}
  .card{padding:14px}
  .title{font-size:15.5px}
  .btn-primary{padding:9px 18px}
}

/* ---------- v2: タブ・新機能 ---------- */
[hidden]{display:none!important}
.tabs{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.tabs-inner{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.tabs-inner::-webkit-scrollbar{display:none}
.tab{flex:none;padding:11px 14px 9px;font-size:14px;font-weight:700;color:var(--muted);text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}
.tab:hover{color:var(--green-2)}
.tab.active{color:var(--green);border-bottom-color:var(--brand)}
.count-pill{display:inline-block;min-width:20px;padding:0 6px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:11.5px;text-align:center}
.filters{top:56px}
.view.single{padding-top:22px;padding-bottom:30px;display:block}
.toolbar-right{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.mt-toggle{font-size:13px;color:var(--muted);display:flex;gap:5px;align-items:center;cursor:pointer}
.mini{font-weight:400;color:var(--muted);font-size:11.5px}
.mini-note{font-size:12.5px;color:var(--muted);margin:6px 0 10px}
.section-title{font-size:16px;color:var(--green);margin:26px 0 6px;border-left:4px solid var(--accent);padding-left:9px}

.card-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.card-actions{display:flex;gap:6px;flex:none;position:relative}
.save-btn,.cite-menu summary{font-size:12px;border:1px solid var(--line);background:#fff;border-radius:6px;padding:2px 9px;cursor:pointer;color:var(--green-2);font-family:inherit;list-style:none;line-height:1.7}
.cite-menu summary::-webkit-details-marker{display:none}
.save-btn[aria-pressed="true"]{background:#fff7df;border-color:#f0d58a;color:#8a6300}
.cite-pop{position:absolute;right:0;top:28px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.1);display:flex;flex-direction:column;z-index:10;min-width:170px;padding:4px}
.cite-pop button{border:0;background:none;text-align:left;padding:7px 10px;font-size:13px;cursor:pointer;border-radius:6px;font-family:inherit;color:var(--ink)}
.cite-pop button:hover{background:var(--green-soft)}
.title-ja{margin:4px 0 0;font-size:16px;font-weight:700;line-height:1.55;color:var(--ink)}
.title-ja.loading .title-ja-text{color:var(--muted);font-weight:400;font-size:13px}
.title-ja + .title{font-size:14px;font-weight:600;margin-top:2px}
.title-ja:not([hidden]) + .title a{color:#3d4a4e}
.title-en{display:block;font-size:12.5px;font-weight:400;color:var(--muted);margin-top:2px}
.mt-label{display:inline-block;font-size:10.5px;font-weight:700;color:#7a5a00;background:#fff4d6;border:1px solid #f1dca0;border-radius:4px;padding:0 6px;margin-right:6px;vertical-align:2px;letter-spacing:.02em}
.mt-label.block{display:block;margin:0 0 6px;font-weight:600;vertical-align:0;padding:3px 8px}
.badge.src{background:#eef4ff;color:#2d4f9a;border:1px solid #cddcf6}
.badge.saved-at{background:#fff7df;color:#8a6300;border:1px solid #f0d58a}
.links a.gt,.gt-inline{color:var(--muted)!important;background:#fff!important}
.gt-inline{font-size:12.5px;margin-left:8px}

.overview{margin:8px 0 10px;background:#f4fafa;border:1px solid #d5ebee;border-radius:10px;padding:8px 12px}
.ov-head{font-size:12.5px;font-weight:700;color:var(--green);margin-bottom:4px}
.ov-note{font-weight:400;color:var(--muted);font-size:11px}
.ov-grid{display:grid;grid-template-columns:7.5em 1fr;gap:3px 10px;margin:0;font-size:12.5px}
.ov-grid dt{color:var(--muted)}
.ov-grid dd{margin:0}
.ov-quote{color:var(--muted);font-size:11.5px}
.tag{display:inline-block;font-size:11.5px;border-radius:999px;padding:0 8px;margin:0 4px 3px 0;border:1px solid}
.tag.design{background:#fff;border-color:#b9dfe4;color:var(--green)}
.tag.pop{background:#eef4ff;border-color:#cddcf6;color:#2d4f9a}
.tag.out{background:#f5f1fb;border-color:#e0d5f0;color:#5b3f8c}
.abstract-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:8px 0 4px}
.btn-sub{border:1px solid var(--green-2);background:#fff;color:var(--green);border-radius:8px;padding:4px 12px;font-size:12.5px;cursor:pointer;font-family:inherit}
.btn-sub:hover{background:var(--green-soft)}
.btn-sub:disabled{opacity:.45;cursor:default}
.btn-sub.danger{border-color:#d9a3a3;color:#9b2c2c}
.abstract-ja{background:#fffdf5;border:1px solid #f1e3b5;border-radius:8px;padding:8px 10px;margin:6px 0 8px}
.abstract-ja-text{white-space:pre-line;font-size:13.5px;line-height:1.8}

.new-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--brand);border-radius:10px;padding:10px 14px;margin-bottom:12px}
.new-banner p{margin:2px 0 0;font-size:12.5px;color:var(--muted)}
.feed-link{flex:none;font-size:12.5px;font-weight:700;color:#b35400;border:1px solid #f1c79b;background:#fff6ec;border-radius:8px;padding:5px 10px;text-decoration:none}
.feed-link::before{content:"";display:inline-block;width:10px;height:10px;border-radius:2px;background:#f08a24;margin-right:6px;vertical-align:0}
.info-box{background:#fff;border:1px solid var(--line);border-left:5px solid var(--brand);border-radius:10px;padding:10px 16px;margin-bottom:14px;font-size:13.5px}
.info-box p{margin:4px 0 0;color:#3d4a4e}
.caution{background:#fff8ec;border:1px solid #f0d9b5;border-left:5px solid #e09a3e;border-radius:10px;padding:10px 16px;font-size:13.5px;color:#5a3d12}
.caution ul{margin:6px 0 0;padding-left:1.3em}
.caution li{margin-bottom:3px}

.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
table.evidence{border-collapse:collapse;width:100%;min-width:760px;font-size:13px}
.evidence th,.evidence td{border-bottom:1px solid var(--line);padding:5px 6px;text-align:center}
.evidence thead th{background:var(--green-soft);color:var(--green);font-size:12px;position:sticky;top:0}
.evidence th.rowhead{text-align:left;white-space:nowrap;font-weight:600;color:var(--ink);background:#fff;position:sticky;left:0;z-index:1}
.evidence thead th.rowhead{background:var(--green-soft)}
.evidence td.loading{color:#bbb}
.evidence .cell{--heat:0;width:100%;min-width:54px;border:0;border-radius:6px;padding:5px 4px;font-size:13px;font-family:inherit;cursor:pointer;background:rgba(0,147,166,calc(var(--heat)*.55));color:var(--ink);font-weight:600}
.evidence .cell.total{background:#f2f5f5;font-weight:700}
.evidence .cell:hover:not(:disabled){outline:2px solid var(--brand)}
.evidence .cell:disabled{cursor:default;color:#aaa;background:none;font-weight:400}
.review-groups{display:flex;flex-direction:column;gap:6px}
.review-group{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 14px}
.review-group summary{cursor:pointer;font-size:14px}
.mini-list{margin:6px 0 2px;padding-left:1.4em;font-size:13px}
.mini-list li{margin-bottom:4px}
.mini-title{color:var(--ink)}

.saved-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.saved-actions .summary{margin-right:6px}
.glossary{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:6px 18px 10px;margin:0}
.glossary dt{font-weight:700;color:var(--green);margin-top:12px;font-size:14.5px}
.glossary dt span{font-weight:400;color:var(--muted);font-size:12.5px;margin-left:6px}
.glossary dd{margin:3px 0 0;font-size:13.5px;line-height:1.8;color:#2d3531}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#1f2a2d;color:#fff;padding:8px 16px;border-radius:999px;font-size:13px;z-index:100;box-shadow:0 4px 14px rgba(0,0,0,.2)}

@media (max-width:860px){
  .tab{padding:10px 11px 8px;font-size:13px}
  .filters{top:auto}
  .ov-grid{grid-template-columns:6.2em 1fr}
  .new-banner{flex-direction:column;align-items:flex-start}
  .toolbar-right{gap:8px}
  .card-top{flex-wrap:wrap}
}

/* ---- v3：正確性のための表示 ---- */
.orig-label{display:inline-block;font-size:10.5px;font-weight:700;color:#2d5a3a;background:#eaf6ee;border:1px solid #c6e3cf;border-radius:4px;padding:0 6px;margin:2px 0 2px;letter-spacing:.02em}
.mini-label{display:inline-block;font-size:10px;color:var(--muted);border:1px solid var(--line,#ddd);border-radius:4px;padding:0 5px;margin-right:6px}
.title-en{overflow-wrap:anywhere}
.title a{overflow-wrap:anywhere;word-break:normal}
.tag.mention{background:#f6f6f6;border-color:#ddd;color:#666;border-style:dashed}
.ov-sub{display:block;font-size:12.5px;margin:2px 0}
.ov-grid dd .ov-quote{display:block;overflow-wrap:anywhere}
.muted{color:var(--muted)}
.low-reason{font-size:12px;color:#7a5a00;background:#fff8e6;border-radius:6px;padding:3px 8px;margin:4px 0}
.low-relevance{margin:22px 0 8px;border:1px dashed #d8c48f;border-radius:10px;padding:8px 14px;background:#fffdf6}
.low-relevance>summary{cursor:pointer;font-weight:700;color:#6b5210}
.low-relevance .results{margin-top:8px}
.count-method{background:#f4fafb;border:1px solid #cfe6ea;border-radius:10px;padding:8px 16px;margin:12px 0;font-size:13px}
.count-method>summary{cursor:pointer;font-weight:700;color:var(--green)}
.count-method ul{margin:6px 0 0;padding-left:1.3em}
.count-method li{margin-bottom:4px}
.count-method li ul{margin-top:4px}
.curated{border:1px solid #e3e3e3;border-radius:10px;padding:6px 14px;background:#fff}
.curated-item h3{font-size:14px;margin:8px 0 4px}
.copy-url{white-space:nowrap}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
@media (max-width:860px){ .toolbar{flex-wrap:wrap} .toolbar-right{flex-wrap:wrap} }
.ov-grid{grid-template-columns:9.5em 1fr}
@media (max-width:860px){ .ov-grid{grid-template-columns:1fr;gap:0 10px} .ov-grid dt{margin-top:5px;font-weight:600} }
