/* 記事の着せ替え（2026-10-20）
   WP時代の記事は1本ずつ色・字・角丸がばらばら。中身はそのままに、上からサイトの見た目（白い紙・黒い枠・赤・正解の黄）をかぶせる。
   記事の <style> より後に読み、.art .body を頭に付けて勝つ。記事側が !important のところだけ !important で返す。
   型：qs-（クイズ遊び 303本）／swell-（なぞなぞ・SWELLの部品 90本）／{略}-wrap（解説・心理テスト 97本）／vod-（配信の案内） */

/* ---- 共通：字・角・影 ---- */
.art .body{font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN",sans-serif;color:#000}
.art .body :where(div,section,aside,details,summary,button,a,span,table,ul,ol,li,input,figure,p,h2,h3,h4){border-radius:0!important}
.art .body :where(div,section,aside,details,button,a,span,table){box-shadow:none!important;text-shadow:none!important}
.art .body :where([class*="lead-wrapper"],[class*="outro-wrapper"],#qs-quiz-app,[class*="-wrap"],[class*="-wrapper"],[class*="-container"],[class*="ranking-master"]){font-family:inherit!important}
.art .body h2,.art .body h3{font-family:"Zen Kaku Gothic New",sans-serif!important;font-weight:700!important;letter-spacing:.02em;line-height:1.35}
.art .body img{max-width:100%;height:auto}
/* 記事側が id 付きで角丸・影を !important にしている所も返す */
.art .body :is(#qs-quiz-app,#qs-ranking-master,.qs-lead-wrapper,.qs-outro-wrapper) :is(input,button,div,span,a,table){border-radius:0!important;box-shadow:none!important}
.art .body :is(#qs-quiz-app,#qs-ranking-master) .qs-title-emblem{border-radius:50%!important}

/* ---- qs-：クイズ遊び ---- */
html:root:has(.qs-lead-wrapper,#qs-quiz-app){--dark:#000;--text:#000;--sub:#000;--bg:#fff;--bg2:#f2f2f2;--red:#f26200;--accent:#f26200;--gold:#ffe600;--gold-light:#ffe600;--qs-light:#ffe600;--light:#ffe600;--success:#000;--danger:#f26200}
.art .body .qs-lead-wrapper,.art .body #qs-quiz-app,.art .body .qs-outro-wrapper{background:#fff;border:3px solid #000}
.art .body .qs-lead-wrapper::before,.art .body #qs-quiz-app::before{background:none}
.art .body .qs-lead-badge-row{background:#000}
.art .body .qs-lead-tag{background:#ffe600;color:#000;font-weight:700}
.art .body .qs-lead-wrapper h2,.art .body .qs-outro-head{background:#000!important;color:#fff!important;border-bottom:3px solid #f26200!important}
.art .body .qs-quote-area{background:#000;border-left:8px solid #f26200;color:#fff}
.art .body .qs-quote-area ruby rt,.art .body .qs-scene-item ruby rt,.art .body #qs-exp-panel ruby rt{color:#ffe600!important}
.art .body .qs-system-panel{background:#fff;border:3px solid #000}
.art .body .qs-system-head{background:#000;color:#fff}
.art .body .qs-ui-icon{background:#f26200;color:#fff}
.art .body .qs-ui-text{color:#000}
.art .body .qs-scroll-arrow{color:#f26200}
.art .body .qs-title-emblem{background:#000;border:3px solid #000;color:#fff;border-radius:50%!important}
.art .body .qs-maintitle{font-family:"Zen Kaku Gothic New",sans-serif!important;font-weight:700!important;color:#000!important}
.art .body .qs-subtitle{color:#f26200;font-weight:700}
.art .body #qs-user-name{border:3px solid #000!important}
.art .body .qs-btn-normal{background:#fff!important;color:#000!important;border:3px solid #000!important;font-weight:700!important}
.art .body .qs-btn-time{background:#f26200!important;color:#fff!important;border:3px solid #000!important;font-weight:700!important}
.art .body .qs-btn-normal:hover{background:#f2f2f2!important}
.art .body .qs-quiz-header{background:#fff;border-bottom:3px solid #000}
.art .body .qs-progress-track{background:#d9d9d9}
.art .body #qs-bar{background:#f26200}
.art .body #qs-timer-disp{color:#f26200;font-weight:700;font-family:"Zen Kaku Gothic New",sans-serif}
.art .body #qs-q-text{font-weight:700!important}
.art .body .qs-ans-btn{background:#fff!important;border:3px solid #000!important;color:#000!important;font-weight:700!important}
.art .body .qs-ans-btn:hover{background:#f2f2f2!important;border-color:#000!important}
.art .body .qs-ans-btn.ok{background:#ffe600!important;border-color:#000!important;color:#000!important}
.art .body .qs-ans-btn.ng{background:#000!important;border-color:#000!important;color:#fff!important}
.art .body #qs-exp-panel{background:#000;color:#fff;border-top:4px solid #f26200}
.art .body .qs-exp-top{border-bottom:1px solid #555}
.art .body #qs-list-btn{background:#000;color:#fff;border:3px solid #000}
.art .body #qs-list-modal{background:rgba(0,0,0,.95)}
.art .body .qs-list-title{color:#fff!important}
.art .body .qs-list-item{border:1px solid #555;color:#ddd}
.art .body .qs-list-item.current{background:#f26200;border-color:#f26200;color:#fff}
.art .body .qs-list-num{color:#ffe600}
.art .body .qs-score-display{font-weight:700;font-family:"Zen Kaku Gothic New",sans-serif!important;color:#f26200!important}
.art .body .qs-rank-badge{background:#000;border:3px solid #000;color:#ffe600}
.art .body .qs-rank-card{background:#fff;border:3px solid #000}
.art .body .qs-rank-h2{color:#000!important}
.art .body .qs-dist-card{background:#000;border:3px solid #000}
.art .body .qs-dist-title{color:#fff!important;border-bottom:1px solid #555}
.art .body .qs-dist-row,.art .body .qs-dist-label small{color:#ddd}
.art .body .qs-dist-label b,.art .body .qs-dist-val{color:#ffe600}
.art .body .qs-dist-bar-bg{background:#333}
.art .body .qs-dist-bar-fill{background:#f26200}
.art .body .qs-challenger-badge{background:#000;color:#fff;border:3px solid #000}
.art .body .qs-rank-table th{background:#000;color:#fff}
.art .body .qs-rank-table td{border-bottom:1px solid #000}
.art .body .qs-top3-row{background:#fff}
.art .body .qs-top3-row:first-child{background:#ffe600}
.art .body .qs-top3-row td{border-bottom:1px solid #000}
.art .body .td-name-val,.art .body .td-time-val{color:#000}
.art .body .td-rank-val,.art .body .td-score-val{color:#f26200;font-weight:700}
.art .body .qs-btn-refresh{background:#fff;color:#000;border:3px solid #000}
.art .body .qs-scene-item{background:#000;border-left:6px solid #f26200}
.art .body .qs-scene-num{color:#f26200}
.art .body .qs-scene-title{color:#fff}
.art .body .qs-scene-desc{color:#ddd}
.art .body .qs-cta-panel{background:#000;border:3px solid #000}
.art .body .qs-cta-title{color:#fff!important}
.art .body .qs-cta-sub{color:#ddd}
.art .body .qs-summary-box{background:#fff;border:3px solid #000}
/* 問題の一覧（答えつき） */
.art .body .nzl-lead,.art .body .nzl-c{color:#000}
.art .body .nzl ol>li{border:3px solid #000;background:#fff}
.art .body .nzl-no,.art .body .nzl summary{color:#f26200}
.art .body .nzl details p{background:#ffe600}

/* ---- vod-・book-：配信・漫画の案内 ---- */
.art .body .vod-hero,.art .body [class*="book-hero"]:not([class*="book-hero-"]){background:#000;border:3px solid #000}
.art .body .vod-hero::before{background:none}
.art .body .vod-hero-badge{background:#ffe600;color:#000}
.art .body .vod-hero-free,.art .body .vod-hero-point{background:transparent;color:#fff;border:1px solid #fff}
.art .body .vod-hero-point.highlight{color:#ffe600;border-color:#ffe600}
.art .body .vod-hero-btn,.art .body .vod-sub-btn,.art .body [class*="book-"][class*="-btn"]{background:#f26200!important;color:#fff!important;border:3px solid #000}
.art .body .vod-sub,.art .body .vod-sub.dmm,.art .body .vod-sub.danime{background:#fff;border:3px solid #000}
.art .body .vod-sub .vod-sub-name{color:#000!important}
.art .body .vod-sub .vod-sub-free{background:#ffe600!important;color:#000!important}
.art .body .vod-sub-points,.art .body .vod-label{color:#000}

/* ---- swell-：なぞなぞ（問題・ヒント・答えの開け閉め） ---- */
.art .body .swell-block-accordion{display:grid;gap:10px;margin:14px 0}
.art .body .swell-block-accordion__item{border:3px solid #000;background:#fff}
.art .body .swell-block-accordion__title{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:700;font-size:17px}
.art .body .swell-block-accordion__title::-webkit-details-marker{display:none}
.art .body .swell-block-accordion__title::after{content:"＋";font-weight:700;font-size:20px;line-height:1}
.art .body details[open]>.swell-block-accordion__title{background:#000;color:#fff}
.art .body details[open]>.swell-block-accordion__title::after{content:"－"}
.art .body .swell-block-accordion__icon{display:none}
.art .body .swell-block-accordion__body{padding:16px}
.art .body .swell-block-accordion__body>p:only-child,.art .body .has-border{border:0;padding:0;margin:0;font-size:clamp(18px,3vw,22px);font-weight:700;line-height:1.6}
.art .body .swl-marker,.art .body [class*="mark_"]{background:linear-gradient(transparent 55%,#ffe600 55%)}
.art .body .u-fz-xl{font-size:1.4em}
/* 吹き出し */
.art .body .c-balloon{display:flex;gap:12px;align-items:flex-start;margin:12px 0}
.art .body .c-balloon__icon{flex:0 0 64px;text-align:center}
.art .body .c-balloon__icon,.art .body .c-balloon__iconImg{border-radius:50%!important}
.art .body .c-balloon__iconImg{width:64px;height:64px;object-fit:cover;border:3px solid #000;background:#fff;display:block}
.art .body .c-balloon__iconName{display:block;font-size:12px;font-weight:700;margin-top:2px}
.art .body .c-balloon__body{flex:1;border:3px solid #000;background:#fff;padding:10px 14px;position:relative;font-weight:700}
.art .body .c-balloon__body::before{content:"";position:absolute;left:-12px;top:18px;border:6px solid transparent;border-right:6px solid #000}
.art .body .c-balloon__text p{margin:0}
.art .body .c-balloon__shapes{display:none}
/* おすすめの一覧（絵だけのカード） */
.art .body .p-postList{list-style:none;margin:12px 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.art .body .p-postList__item{border:3px solid #000;background:#fff}
.art .body .p-postList__link{display:block;text-decoration:none;color:#000}
.art .body .c-postThumb{position:relative}
.art .body .c-postThumb__figure{margin:0;aspect-ratio:300/170;overflow:hidden}
.art .body .c-postThumb__img{width:100%;height:100%;object-fit:cover;display:block}
.art .body .c-postThumb__cat{position:absolute;left:0;bottom:0;background:#000;color:#fff;font-size:12px;font-weight:700;padding:2px 8px}
.art .body .wp-block-heading{border-left:8px solid #f26200;padding-left:12px;margin:34px 0 12px}

/* ---- {略}-wrap：解説・心理テスト（色は build.py が記事ごとの変数を上書きする） ---- */
.art .body [class$="-wrap"] h2{border-color:#f26200}
.art .body #qs-exp-panel div[style*="background"]{background:transparent!important}
.art .body .qs-cta-panel .vod-label{color:#fff}
.art .body .qs-cta-panel .vod-label::before,.art .body .qs-cta-panel .vod-label::after{background:#555}
/* 検査で見つかった読みにくい所（2026-10-20） */
.art .body .qs-summary-box h3{color:#f26200!important}
.art .body .qs-dist-card p{color:#ddd}
.art .body [class*="badge"][class*="-a"]{color:#fff}
.art .body [class$="-fear-num"],.art .body [class$="-fear-num"] small{color:#fff!important}
.art .body .vod-sub-merit{color:#f26200!important}
.art .body .qs-summary-box,.art .body .qs-summary-box li,.art .body .qs-summary-box p{color:#000!important}
.art .body .qs-dist-card p,.art .body .qs-dist-card div{color:#ddd!important}
/* 明朝やHelveticaの混ざりを無くす：記事の中の字はすべて同じゴシック */
.art .body :not(code):not(pre):not(kbd){font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN",sans-serif!important}