/*
 * 過去問解説の様式。
 *
 * 上流: generation3/packages/quizkit/lib/features/workbook/presentation/component/
 *       helper/html_multiple_chocie_question_css.dart
 *       （現行アプリでは Dart 内の文字列として WebView に <style> 注入されている）
 *
 * 上流が CSS 変数で持っている値のうち実値が追えなかったものは、
 * レガシー版（hanpukun 世代の shikaku.css）の具体値を採用した。
 * 上流を変更した際はこのファイルにも追従すること。
 */

:root {
    --header-background-color: #28a000;
    --header-text-color: white;
    --strong-color: #28a000;
}

div.shikaku_question_header {
    display: inline-block;
    padding: 2px 6px;
    margin: 0.2em 0.2em 0.2em -2px;
    border-radius: 4px;
    color: var(--header-text-color);
    background: var(--header-background-color);
    line-height: 1.2;
}

div.shikaku_question_sub_header {
    font-weight: bold;
}

div.shikaku_question_source {
    color: gray;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

span.shikaku_source_description {
    color: gray;
}

.shikaku_strong {
    text-decoration: underline;
    color: var(--strong-color);
}

.qk_strong {
    font-weight: bold;
}

img.shikaku_image,
img.shikaku_image_border {
    max-width: 100%;
    margin: 4px auto;
    display: block;
    float: none;
    clear: both;
}

img.shikaku_image_border {
    border: solid 1px #D3D3D3;
}

dl.qk_glossary {
    display: inline;
}

dl.qk_glossary dt {
    display: inline;
    color: #0044CC;
}

dl.qk_glossary dt::after {
    font-size: 9px;
    content: "🔍";
}

dl.qk_glossary dd {
    display: none;
}