/* GOLD DAWN BREAK「作り方」ページ（/learn/gold-dawn-break/**）共通。
   見た目は研究記事（research_*.html の .ra-*）に合わせ、色は site.css のテーマトークンだけを使う
   （ライト既定・<html data-theme="dark"> でダーク。どちらでも読めるよう固定色を本文に置かない）。 */
/* 文字に使う青・赤。ダークの --accent(#5266eb)・--loss(#e2564d) はカード面で 3.5 / 4.45 しか無いので、
   文字のときだけ明るい側に寄せる（線・面の色は --accent / --loss のまま）。 */
:root{--gdb-acc-text:var(--accent);--gdb-loss-text:var(--loss)}
:root[data-theme="dark"]{--gdb-acc-text:#8f9cf3;--gdb-loss-text:#f07a72}
/* ヒーローはテーマトークンの面にする（研究記事の濃い金の帯は、site.css の .sl-kicker
   = var(--link) !important がライトで #2743c8 になり、帯の上で読みにくいため） */
.ra-hero{padding:36px 0;color:var(--text);background:var(--raised);border-bottom:1px solid var(--border);border-top:3px solid var(--sl-gold)}
.ra-hero .sl-kicker{font-size:12px;letter-spacing:.06em}
.ra-hero h1{margin:8px 0 12px;font-size:28px;line-height:1.36;letter-spacing:-.02em;color:var(--text)}
.ra-q{margin:0;font-size:15.5px;line-height:1.85;color:var(--text-muted)}

.ra-crumb{margin:0 0 10px;font-size:13px;color:var(--text-muted)}
.ra-crumb a{color:var(--link);text-decoration:underline}

.ra-body{max-width:720px}
.ra-body h2{font-size:23px;line-height:1.46;letter-spacing:-.01em;margin:38px 0 13px;color:var(--text)}
.ra-body h2:first-child{margin-top:0}
.ra-body h3{font-size:18px;line-height:1.55;margin:26px 0 9px;color:var(--text)}
.ra-body p{font-size:16px;line-height:1.88;color:var(--text-muted);margin:0 0 15px}
.ra-body ul,.ra-body ol{margin:0 0 17px;padding-left:22px}
.ra-body li{font-size:15.5px;line-height:1.85;color:var(--text-muted);margin-bottom:9px}
.ra-body b,.ra-body strong{color:var(--text)}
.ra-body code{font-family:var(--font-mono);font-size:.9em;padding:1px 5px;border-radius:5px;background:var(--raised);color:var(--text);font-variant-ligatures:none;font-feature-settings:"calt" 0,"liga" 0}

.ra-spec{display:grid;gap:8px;margin:18px 0}
.ra-spec div{display:grid;grid-template-columns:92px 1fr;gap:10px;padding:12px 14px;border:1px solid var(--border);
 border-radius:8px;background:var(--card);color:var(--text);font-size:15px;line-height:1.7}
.ra-spec b{color:var(--gdb-acc-text);font-size:12.5px;letter-spacing:.03em;padding-top:3px}

.ra-warn{padding:16px 18px;border:1px solid var(--border);border-left:4px solid var(--sl-gold);border-radius:8px;
 background:var(--card);color:var(--text-muted);font-size:15px;line-height:1.85;margin:22px 0}
.ra-warn ul{margin:6px 0 0;padding-left:20px}
.ra-warn li{font-size:15px;margin-bottom:6px}
.ra-warn b{color:var(--text)}

/* 表（測定の要約・時刻の比較など） */
.gdb-tablewrap{margin:18px 0;overflow-x:auto;border:1px solid var(--border);border-radius:10px;background:var(--card)}
.gdb-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6;color:var(--text)}
.gdb-table th,.gdb-table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}
.gdb-table th{background:var(--raised);font-size:12.5px;font-weight:700;color:var(--text-muted);white-space:normal;word-break:keep-all;vertical-align:bottom}
.gdb-table tr:last-child td{border-bottom:0}
.gdb-table td.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.gdb-table th.num{text-align:right}
.gdb-table tr.is-neg td.gdb-net{color:var(--gdb-loss-text);font-weight:700}
.gdb-cap,.ra-body .gdb-cap{margin:-8px 0 18px;font-size:13px;line-height:1.75;color:var(--text-faint)}

/* コード断片 */
.gdb-code{margin:18px 0 10px;border:1px solid var(--border);border-radius:10px;background:var(--raised);overflow:hidden}
.gdb-code figcaption{padding:9px 14px;font-size:12.5px;font-weight:700;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--card)}
.gdb-code pre{margin:0;padding:14px;overflow-x:auto;font-family:var(--font-mono);font-size:12.5px;line-height:1.65;color:var(--text);tab-size:3;font-variant-ligatures:none;font-feature-settings:"calt" 0,"liga" 0}
.gdb-code pre code{padding:0;background:none;font-size:inherit}
.gdb-code-note{margin:0 0 22px;padding:12px 15px;border-left:3px solid var(--accent);background:var(--card);border-radius:0 8px 8px 0}
.gdb-code-note p{margin:0 0 6px;font-size:15px;line-height:1.8}
.gdb-code-note p:last-child{margin-bottom:0}

/* 図（インライン SVG） */
.gdb-fig{margin:22px 0;border:1px solid var(--border);border-radius:12px;background:var(--card);overflow:hidden}
.gdb-fig svg{display:block;width:100%;height:auto}
.gdb-fig figcaption{padding:11px 15px;font-size:13px;line-height:1.75;color:var(--text-muted);border-top:1px solid var(--border);background:var(--raised)}
.gdb-fig .t{fill:var(--text);font-family:var(--font-sans)}
.gdb-fig .t2{fill:var(--text-muted);font-family:var(--font-sans)}
.gdb-fig .ax{stroke:var(--border-light);stroke-width:1}
.gdb-fig .grid{stroke:var(--border);stroke-width:1;stroke-dasharray:3 4}
.gdb-fig .ink{stroke:var(--text);fill:none}
.gdb-fig .acc{stroke:var(--accent);fill:none}
.gdb-fig .accf{fill:var(--gdb-acc-text)}
.gdb-fig .gold{stroke:var(--tint-gold-text);fill:none}
.gdb-fig .goldf{fill:var(--tint-gold-text)}
.gdb-fig .loss{stroke:var(--loss);fill:none}
.gdb-fig .lossf{fill:var(--gdb-loss-text)}
.gdb-fig .prof{stroke:var(--profit);fill:none}
.gdb-fig .proff{fill:var(--profit)}
.gdb-fig .band{fill:var(--raised);stroke:var(--border)}

/* 目次冒頭の「よいところ」（数字のカード） */
.gdb-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 20px}
.gdb-points div{padding:14px;border:1px solid var(--border);border-top:3px solid var(--sl-gold);border-radius:10px;background:var(--card)}
.gdb-points b{display:block;font-size:17px;line-height:1.45;color:var(--text);margin-bottom:5px}
.gdb-points span{display:block;font-size:13px;line-height:1.7;color:var(--text-muted)}

.ra-next{display:grid;gap:10px;margin:18px 0}
.ra-next a{display:block;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--text);text-decoration:none;min-height:44px}
.ra-next small{display:block;font-size:13px;font-weight:700;color:var(--gdb-acc-text);margin-bottom:6px}
.ra-next strong{display:block;font-size:15.5px;line-height:1.6;color:var(--text)}
.ra-next span{display:block;margin-top:5px;font-size:13.5px;line-height:1.7;color:var(--text-muted)}

.gdb-pager{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin:30px 0 0}
.gdb-pager a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--border);border-radius:999px;
 background:var(--card);color:var(--text);font-size:14px;font-weight:700;text-decoration:none}

/* 末尾導線（目次・3本共通。文言固定） */
.gdb-tail{margin:34px 0 0;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--card)}
.gdb-tail p{margin:0 0 10px;font-size:15.5px;line-height:1.85;color:var(--text)}
.gdb-tail .sl-actions{margin-top:14px}

.ra-disc{margin-top:30px;padding:16px 18px;border:1px solid var(--border);border-radius:12px;background:var(--card);
 font-size:13.5px;line-height:1.85;color:var(--text-muted)}

/* 共通フッター（研究記事のインライン定義と同じ形。色はトークン） */
.site-footer{border-top:1px solid var(--border);background:var(--canvas);padding:40px 0 32px;margin-top:40px}
.site-footer-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-bottom:18px}
.site-footer-links a{color:var(--text-muted);font-size:13px;text-decoration:none;min-height:24px}
.site-footer-links a:hover{color:var(--text)}
.site-footer-copy{margin:0;color:var(--text-faint);font-size:11.5px;line-height:1.7}

@media(min-width:760px){
 .ra-hero{padding:56px 0}.ra-hero h1{font-size:36px}
 .ra-body h2{font-size:26px}
 .ra-next{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:420px){
 .ra-spec div{grid-template-columns:78px 1fr}
 .gdb-points{grid-template-columns:1fr}
 .gdb-table th,.gdb-table td{padding:9px 9px;font-size:13px}
}