/* Server-rendered pages that keep the former SPA look (core/public/base_legacy.html).
   The SPA stylesheet styles buttons; here the same controls are plain links. */
.legacy-server-page .blog-category-tabs a{display:inline-flex;align-items:center;flex:0 0 auto;min-height:34px;padding:0 17px;border:1px solid rgba(201,163,93,.36);background:rgba(8,24,35,.72);color:#aebcc3;font:600 11px/1 'Noto Sans JP',sans-serif;letter-spacing:.06em;text-decoration:none;transition:border-color .2s,background .2s,color .2s}
.legacy-server-page .blog-category-tabs a:hover,.legacy-server-page .blog-category-tabs a:focus-visible{border-color:#d1af63;color:#f1d28b;outline:0}
.legacy-server-page .blog-category-tabs a.is-active{border-color:#c9a35d;background:#c9a35d;color:#07121d}
@media(max-width:680px){.legacy-server-page .blog-category-tabs a{min-height:32px;padding:0 14px}}
.legacy-server-page a.chart-pattern-card{display:block;text-decoration:none}
.legacy-server-page a.quiz-select-card{display:block;color:inherit;text-decoration:none}
.legacy-server-page .pattern-viewer[hidden]{display:none}
.legacy-server-page .mypage-welcome nav form{display:contents}
.legacy-intro{max-width:860px;margin:0 0 22px;color:#aebcc3;font-size:13px;line-height:1.9}
/* Trading terms glossary below the quiz choices. */
.legacy-glossary h3{margin:28px 0 10px;color:#f1d28b;font-size:15px}
.legacy-glossary dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin:0}
.legacy-glossary dl>div{padding:14px 16px;border:1px solid rgba(137,169,181,.2);background:#08141e}
.legacy-glossary dt{margin:0 0 6px;color:#eef2f3;font-weight:700;font-size:14px}
.legacy-glossary dd{margin:0;color:#aebcc3;font-size:12.5px;line-height:1.8}
/* Market report without the chart column (charts live on /terminal). */
.legacy-terminal-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 18px;background:#c9a35d;color:#07121d;font-weight:700;font-size:13px;text-decoration:none}
.legacy-terminal-link:hover,.legacy-terminal-link:focus-visible{background:#f1d28b}
.analysis-copy .analysis-bullet{padding-left:1em;text-indent:-1em}
.legacy-sources{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.legacy-sources a{color:#d1af63;font-size:12px}
.legacy-sources small{margin-left:8px;color:#8fa3ab}
.legacy-chart-link{display:grid;place-items:center;min-height:220px;color:#d1af63;font-size:13px;font-weight:700;text-decoration:none;letter-spacing:.04em}
.legacy-chart-link:hover span,.legacy-chart-link:focus-visible span{color:#f1d28b;text-decoration:underline}