/* 量子おみくじ(引く専用ページ site/omikuji.html)。
色・罫線・余白は base.css / article.css のトークンと型をそのまま使う。
CLAUDE.md: CSSはCSSファイルにだけ書く(タグに style を書かない)。 */
/* 引き場そのもの。見出しは .artshero が持つので、ここは罫線も見出しも持たない
(2026-08-30: 独立ページ化で .omihead / .omilead は不要になった)。 */
.omibox{padding:0}
.omidraw{font-family:Archivo,sans-serif;font-size:15px;font-weight:700;
letter-spacing:.08em;color:#fff;background:var(--ink);border:1px solid var(--ink);
padding:20px 56px;cursor:pointer}
.omidraw:hover:not(:disabled){background:var(--primary-strong);border-color:var(--primary-strong)}
.omidraw:disabled{opacity:.45;cursor:default}
.ominote{font-size:12.5px;line-height:1.9;color:var(--ink-dim);margin:18px 0 0;max-width:44em}
.omicard{border:1px solid var(--rule-mid);background:var(--surface);
padding:36px 40px;margin-top:40px}
.omigrade{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;
border-bottom:1px solid var(--rule-mid);padding-bottom:16px}
.omigrade .lab{font-family:Archivo,sans-serif;font-size:10px;font-weight:700;
letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}
.omigrade strong{font-size:38px;font-weight:700;letter-spacing:.04em;color:var(--ink);line-height:1}
.omigrade .share{font-size:12px;color:var(--ink-dim);margin-left:auto}
.omimain{font-size:18px;line-height:2.1;color:var(--ink-body);margin:26px 0 0;max-width:38em}
.omikinds{margin:32px 0 0;display:grid;grid-template-columns:repeat(3,1fr);
gap:0 28px;border-top:1px solid var(--rule-soft)}
.omirow{display:grid;grid-template-columns:4.5em 1fr;gap:10px;align-items:baseline;
padding:11px 0;border-bottom:1px solid var(--rule-soft)}
.omirow dt{font-size:12px;font-weight:700;color:var(--ink-dim);letter-spacing:.06em}
.omirow dd{font-size:13px;line-height:1.8;color:var(--ink-body);margin:0}
.omisrc{font-size:12px;line-height:1.9;color:var(--ink-dim);margin:22px 0 0;
padding-top:16px;border-top:1px solid var(--rule-soft);max-width:44em}
.omisrc strong{color:var(--ink)}
.omiempty{font-size:14px;color:var(--ink-dim)}
@media (max-width:900px){
.omikinds{grid-template-columns:repeat(2,1fr);gap:0 20px}
}
@media (max-width:640px){
.omikinds{grid-template-columns:1fr}
.omigrade strong{font-size:30px}
.omigrade .share{margin-left:0;width:100%}
.omidraw{width:100%;padding:18px 0}
.omicard{padding:24px 20px}
}
/* ---- 引く専用ページ(2026-08-30 に読み物から独立)----
見出しまわりは **article.css の .artshero / .leadrow / .kicker をそのまま使う**
(自前で作ると他ページとテイストが揃わない。2026-08-30 ユーザー指摘)。
ここではページ固有の余白と、下段のカードだけを足す。 */
.omidrawsec{padding-top:56px;padding-bottom:110px}
/* 最終節は **他ページの .related と同じ作り**(上罫線+地色)にする。
余白だけだとフッターに続いて見えて詰まった印象になる(2026-08-30 ユーザー指摘)。 */
.omitail{border-top:1px solid var(--rule);background:var(--surface);
padding-top:56px;padding-bottom:96px}
.omitail .kicker{margin-bottom:26px}
.omiabout{max-width:44em}
.omiabout h2{font-size:26px;font-weight:700;letter-spacing:-.01em;
line-height:1.5;color:var(--ink);margin:0 0 22px}
.omiabout p{font-size:15px;line-height:2.05;color:var(--ink-body);margin:0 0 18px}
.omiabout p:last-child{margin-bottom:0}
/* 下段の読み物カード(article.css の .rcard と同じ見え方にそろえる) */
.omilinks{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.omilink{border:1px solid var(--rule-mid);background:var(--bg);
padding:24px;display:flex;flex-direction:column;gap:10px}
.omilink:hover{border-color:var(--rule);text-decoration:none}
.omilink .no{font-family:Archivo,sans-serif;font-size:10px;font-weight:700;
letter-spacing:.24em;text-transform:uppercase;color:var(--primary)}
.omilink .t{font-size:19px;font-weight:700;line-height:1.55;color:var(--ink)}
.omilink .d{font-size:13px;line-height:1.85;color:var(--ink-card);margin-top:auto}
/* 記事側の案内(リンクが1枚のときは左に寄せる) */
/* 記事(omikuji-junban.html)の末尾に置く案内。
下に余白が無いと、すぐ後ろの関連記事(.related)にくっついて見える
(2026-08-30 ユーザー指摘)。 */
.omikuji-cta{max-width:44em;border-top:1px solid var(--rule-mid);
padding:44px 0 96px;margin-top:8px}
.omikuji-cta .omilinks{grid-template-columns:minmax(0,28em);margin-top:28px}
@media (max-width:900px){
.omilinks{grid-template-columns:1fr}
}
@media (max-width:640px){
.omikuji-cta{padding:32px 0 56px}
.omidrawsec{padding-top:32px;padding-bottom:56px}
.omitail{padding-top:40px;padding-bottom:64px}
.omiabout h2{font-size:21px}
}