/* =========================================================
   論文業績リスト — スタイル
   学術インデックス風：参考文献の組版を主役に、
   年ごとの帯と登録順の連番で構造を見せる。
   ========================================================= */

:root{
  --paper:#F5F4EF;
  --card:#FFFFFF;
  --ink:#18212B;
  --muted:#5C6570;
  --faint:#8A929B;
  --hair:#E4E1D8;
  --accent:#0E5F5B;         /* 深いペトロール */
  --accent-weak:#E1EDEB;
  --accent-ink:#0A4744;
  --danger:#A23B32;
  --radius:10px;
  --shadow:0 1px 2px rgba(24,33,43,.04), 0 8px 24px rgba(24,33,43,.05);
  --serif:"Spectral", Georgia, "Times New Roman", serif;
  --sans:"Inter", system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Noto Sans JP", sans-serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}

.wrap{max-width:860px;margin:0 auto;padding:clamp(28px,5vw,64px) clamp(18px,4vw,32px) 80px}
.wrap-narrow{max-width:660px}

/* ---------- ヘッダー ---------- */
.site-head{
  display:flex;justify-content:space-between;align-items:flex-end;gap:24px;
  padding-bottom:22px;margin-bottom:34px;
  border-bottom:2px solid var(--ink);
}
.eyebrow{
  margin:0 0 6px;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--faint);font-weight:600;
}
.eyebrow a{color:var(--faint)}
.site-head h1{
  font-family:var(--serif);font-weight:600;font-size:clamp(1.8rem,4vw,2.6rem);
  line-height:1.1;margin:0;letter-spacing:-.01em;
}
.lede{margin:.7em 0 0;color:var(--muted);font-size:.95rem;max-width:52ch}
.head-actions{display:flex;gap:8px;flex-shrink:0}

/* ---------- ボタン ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.4em;
  font-family:var(--sans);font-size:.9rem;font-weight:500;
  padding:.6em 1.1em;border-radius:8px;border:1px solid var(--hair);
  background:var(--card);color:var(--ink);cursor:pointer;white-space:nowrap;
  transition:background .15s,border-color .15s,transform .05s;
}
.btn:hover{border-color:var(--muted);text-decoration:none}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}
.btn-primary:hover{background:var(--accent-ink);border-color:var(--accent-ink)}
.btn-sm{padding:.4em .8em;font-size:.82rem}
.btn-danger{color:var(--danger);border-color:#E7CFCB}
.btn-danger:hover{background:var(--danger);border-color:var(--danger);color:#fff}

/* ---------- フラッシュ ---------- */
.flash{padding:.9em 1.1em;border-radius:var(--radius);margin:0 0 26px;font-size:.92rem}
.flash-ok{background:var(--accent-weak);color:var(--accent-ink);border:1px solid #BFDDD9}
.flash-err{background:#FBECEA;color:#7E2B23;border:1px solid #EDCFCB}
.flash-err ul{margin:.5em 0 0;padding-left:1.2em}
.flash-err p{margin:0}

/* ---------- 年セクション（折りたたみ） ---------- */
.year{
  background:var(--card);border:1px solid var(--hair);border-radius:var(--radius);
  margin-bottom:14px;box-shadow:var(--shadow);overflow:hidden;
}
.year > summary{
  list-style:none;cursor:pointer;user-select:none;
  display:flex;align-items:center;gap:16px;
  padding:16px 20px;position:relative;
}
.year > summary::-webkit-details-marker{display:none}
.year > summary::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent);
  opacity:.85;
}
.year-num{
  font-family:var(--serif);font-weight:600;font-size:1.5rem;letter-spacing:.01em;
  min-width:4ch;
}
.year-count{color:var(--faint);font-size:.85rem;font-variant-numeric:tabular-nums}
.year-caret{
  margin-left:auto;width:9px;height:9px;border-right:2px solid var(--muted);
  border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s;
}
.year[open] > summary .year-caret{transform:rotate(-135deg)}
.year[open] > summary{border-bottom:1px solid var(--hair)}

/* ---------- 参考文献リスト ---------- */
.cit-list{list-style:none;margin:0;padding:6px 0;counter-reset:cit}
.cit{
  counter-increment:cit;position:relative;
  padding:14px 22px 14px 58px;
  border-top:1px solid #F0EEE7;
}
.cit-list > .cit:first-child{border-top:none}
.cit::before{
  content:counter(cit);position:absolute;left:20px;top:15px;
  font-family:var(--sans);font-size:.72rem;font-weight:600;color:var(--accent);
  background:var(--accent-weak);border-radius:5px;
  min-width:1.7em;height:1.7em;display:inline-flex;align-items:center;justify-content:center;
  font-variant-numeric:tabular-nums;
}
.cit-body{font-family:var(--serif);font-size:1.02rem;line-height:1.55}
.cit-authors{color:var(--ink)}
.cit-title{color:var(--ink);font-weight:600}
.cit-journal{font-style:italic;color:var(--muted)}
.cit-vol{color:var(--muted)}
.cit-pages,.cit-date,.cit-source{color:var(--muted)}
.cit-links{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}
.chip{
  font-family:var(--sans);font-size:.74rem;font-weight:600;letter-spacing:.02em;
  padding:.28em .7em;border:1px solid var(--accent);color:var(--accent);
  border-radius:999px;background:transparent;
}
.chip:hover{background:var(--accent);color:#fff;text-decoration:none}
.cit-note{margin:.5em 0 0;font-size:.85rem;color:var(--faint)}

/* ---------- 空状態 ---------- */
.empty{
  text-align:center;padding:56px 20px;color:var(--muted);
  background:var(--card);border:1px dashed var(--hair);border-radius:var(--radius);
}
.empty .btn{margin-top:8px}

/* ---------- フォーム / カード ---------- */
.card{
  background:var(--card);border:1px solid var(--hair);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:clamp(20px,4vw,32px);
}
.card-login{max-width:400px}
.card-h{font-family:var(--serif);font-size:1.2rem;margin:0 0 18px}
.field{display:block;margin-bottom:16px}
.lbl{display:block;font-size:.82rem;font-weight:600;color:var(--muted);margin-bottom:6px}
.lbl em{color:var(--danger);font-style:normal}
.field input,.field textarea{
  width:100%;font-family:var(--sans);font-size:.95rem;color:var(--ink);
  padding:.65em .8em;border:1px solid var(--hair);border-radius:8px;background:#fff;
}
.field input:focus,.field textarea:focus{
  outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak);
}
.field textarea{resize:vertical}
.row{display:grid;gap:14px}
.row-2{grid-template-columns:1fr 1fr}
.row-3{grid-template-columns:1fr 1fr 1fr}
.field-captcha{max-width:260px}
.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}

/* パスワード設定ツール */
.pw-tool{
  background:var(--card);border:1px solid var(--hair);border-radius:var(--radius);
  box-shadow:var(--shadow);margin-bottom:22px;overflow:hidden;
}
.pw-tool > summary{
  list-style:none;cursor:pointer;padding:14px 20px;font-weight:600;font-size:.92rem;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
}
.pw-tool > summary::-webkit-details-marker{display:none}
.pw-mode{font-weight:400;font-size:.8rem;color:var(--faint)}
.pw-tool-body{padding:0 20px 20px;border-top:1px solid var(--hair)}
.pw-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}
.pw-form input[type=password]{
  flex:1;min-width:200px;font-family:var(--sans);font-size:.95rem;
  padding:.6em .8em;border:1px solid var(--hair);border-radius:8px;
}
.pw-form input[type=password]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}
.pw-out{
  width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;
  padding:.7em .8em;border:1px solid var(--accent);border-radius:8px;background:#fff;
  resize:vertical;color:var(--ink);
}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;background:#EFEEE8;padding:.1em .35em;border-radius:4px}

/* 関連リンクの行 */
.hint{margin:-2px 0 8px;font-size:.8rem;color:var(--faint)}
.link-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:10px;margin-bottom:8px}
#add-link{margin-top:2px}
@media (max-width:560px){
  .link-row{grid-template-columns:1fr}
}

/* ハニーポットを完全に隠す */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* ---------- 管理テーブル ---------- */
.table-scroll{overflow-x:auto;border:1px solid var(--hair);border-radius:var(--radius);background:var(--card)}
/* 年フォールドの内側ではテーブルの枠を二重にしない */
.admin-year{margin-bottom:14px}
.admin-year > .table-scroll{border:none;border-radius:0;background:transparent}
.admin-year > .table-scroll .admin-table{min-width:600px}
.admin-table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:640px}
.admin-table th,.admin-table td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid #F0EEE7}
.admin-table thead th{
  background:#FAF9F5;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--faint);position:sticky;top:0;
}
.admin-table tbody tr:hover{background:#FBFAF6}
.t-authors{color:var(--muted);font-size:.82rem}
.t-title{font-weight:600;margin:.15em 0}
.t-journal{color:var(--faint);font-size:.82rem;font-style:italic}
.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.small{font-size:.78rem;color:var(--muted)}
.ops{display:flex;gap:6px;align-items:flex-start;white-space:nowrap}
.ops form{margin:0}

/* ---------- フッター ---------- */
.site-foot{
  margin-top:44px;padding-top:20px;border-top:1px solid var(--hair);
  display:flex;justify-content:space-between;align-items:center;
  color:var(--faint);font-size:.82rem;
}

/* ---------- フォーカス可視化 ---------- */
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ---------- レスポンシブ ---------- */
@media (max-width:560px){
  .site-head{flex-direction:column;align-items:flex-start;gap:16px}
  .row-2,.row-3{grid-template-columns:1fr}
  .cit{padding-left:52px}
  .head-actions{width:100%}
}

@media (prefers-reduced-motion:reduce){
  *{transition:none!important}
}