/* AHQS 記事アーカイブ */
:root { --paper:#f6f1e8; --sumi:#37322a; --sumi-light:#6f675a; --coral:#b95c38; --gold:#b89b5e;
  --serif:"Shippori Mincho","Hiragino Mincho ProN",serif; --sans:"Noto Sans JP","Hiragino Sans",sans-serif; }
* { box-sizing:border-box; margin:0; padding:0; }
body { background:var(--paper); color:var(--sumi); font-family:var(--sans); font-weight:300;
  font-size:15.5px; line-height:2.0; letter-spacing:0.02em; -webkit-font-smoothing:antialiased; }
.inner { max-width:760px; margin:0 auto; padding:0 24px; }
.masthead { padding:24px 0 8px; }
.wordmark { font-family:var(--serif); font-weight:600; font-size:15px; letter-spacing:0.28em; }
.wordmark a { color:inherit; text-decoration:none; }
.wordmark span { font-family:var(--sans); font-weight:300; font-size:11px; letter-spacing:0.1em; color:var(--sumi-light); }
.wordmark span a { color:var(--sumi-light); }
main { padding:36px 24px 60px; }
h1 { font-family:var(--serif); font-weight:500; font-size:24px; line-height:1.8; letter-spacing:0.04em;
  border-bottom:1px solid var(--gold); padding-bottom:16px; margin-bottom:14px; }
.post-meta { font-size:12px; color:var(--sumi-light); letter-spacing:0.1em; margin-bottom:34px; }
.post-meta .cat { border:1px solid var(--gold); padding:1px 8px; font-size:11px; margin-left:8px; }
.prose h2 { font-family:var(--serif); font-weight:500; font-size:19px; margin:2em 0 0.8em;
  padding-left:12px; border-left:4px solid var(--gold); line-height:1.7; }
.prose h3 { font-family:var(--serif); font-weight:500; font-size:16.5px; margin:1.8em 0 0.6em; color:var(--coral); }
.prose p { margin:0 0 1.3em; text-align:justify; }
.prose a { color:var(--coral); }
.prose img { max-width:100%; height:auto; display:block; margin:1.4em auto; border:1px solid #ddd3bf; }
.prose ul,.prose ol { padding-left:1.6em; margin:0 0 1.3em; }
.prose blockquote { margin:1.4em 0; padding:12px 18px; background:rgba(255,253,248,0.6);
  border-left:4px solid var(--gold); font-size:14px; }
.prose table { border-collapse:collapse; width:100%; margin:1.4em 0; font-size:13.5px; }
.prose th { background:#efe7d7; padding:8px 10px; border:1px solid #ddd3bf; font-weight:500; text-align:left; }
.prose td { padding:8px 10px; border:1px solid #ddd3bf; vertical-align:top; }
.prose iframe { max-width:100%; }
.prose figure { margin:1.4em 0; }
.prose figcaption { font-size:12px; color:var(--sumi-light); text-align:center; margin-top:6px; }
.archive-list { list-style:none; }
.archive-list li { border-bottom:1px solid #ddd3bf; }
.archive-list li:first-child { border-top:1px solid #ddd3bf; }
.archive-list a { display:flex; gap:16px; align-items:baseline; padding:14px 4px; text-decoration:none; }
.archive-list a:hover { background:rgba(184,155,94,0.08); }
.archive-list .d { font-size:12px; color:var(--sumi-light); letter-spacing:0.06em; flex-shrink:0; }
.archive-list .t { font-size:14.5px; line-height:1.8; }
.archive-list a:hover .t { color:var(--coral); }
.archive-list .cat { font-size:11px; color:var(--sumi-light); border:1px solid var(--gold);
  padding:0 7px; margin-left:auto; flex-shrink:0; }
.backlink { margin-top:48px; font-size:13.5px; }
.backlink a { color:var(--coral); text-decoration:none; margin-right:18px; }
.site-footer { border-top:1px solid #ddd3bf; padding:28px 0 40px; text-align:center; }
.fine { font-size:11px; color:var(--sumi-light); letter-spacing:0.1em; line-height:2; }
@media (max-width:600px) { .archive-list a { flex-wrap:wrap; gap:4px 12px; } .archive-list .cat { display:none; } }