@charset "UTF-8";
:root{--ink:#25332e;--muted:#6c7771;--accent:#21624b;--line:#e3e8e4;--soft:#f6f8f6;--tint:#eef5ef}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:14px/1.8 "Yu Gothic UI","Yu Gothic",Meiryo,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer;background:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #759e83;outline-offset:4px}svg{fill:none;stroke:currentColor;stroke-width:1.7}header,main,footer{max-width:1160px;margin:auto;padding-left:28px;padding-right:28px}header{height:86px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:18px;letter-spacing:.02em}.brand svg{width:30px;height:30px;color:var(--accent)}.brand b{font-weight:650}.byline{font-size:12px;color:var(--muted)}main{min-height:75vh;padding-top:36px;padding-bottom:60px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}h1{font-size:25px;line-height:1.5;letter-spacing:.02em;margin:0 0 8px;font-weight:650}.page-heading p{margin:0;font-size:13px;color:var(--muted)}.page-heading .stats{white-space:nowrap;font-size:12px}.stats b{color:var(--ink);font-size:19px;font-weight:500;margin-right:3px}.stats span{padding:0 12px;color:#a4afa8}.toolbar{display:flex;align-items:end;gap:12px;padding:18px;background:var(--soft);border:1px solid var(--line);border-radius:6px}.search{display:flex;align-items:center;border:1px solid #d6dfd8;background:white;border-radius:4px;padding:0 12px;gap:9px;flex:1;min-width:180px}.search svg{width:18px;height:18px;flex-shrink:0;color:var(--muted)}.search input{width:100%;height:43px;border:0;background:none;font-size:13px}.select{display:flex;flex-direction:column;gap:3px}.select>span{font-size:10px;color:var(--muted)}select{height:44px;border:1px solid #d6dfd8;background:#fff;border-radius:4px;padding:0 28px 0 10px;font-size:12px;max-width:180px}.results-bar{display:flex;justify-content:space-between;align-items:center;margin:22px 0 17px;min-height:25px}.results-bar p{font-size:12px;color:var(--muted);margin:0}.link-button{border:0;color:var(--accent);font-size:12px;padding:5px}.link-button:hover{text-decoration:underline}.day{margin:0 0 32px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.day-head{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:16px 23px;background:var(--soft);border-bottom:1px solid var(--line)}.day-date{display:flex;align-items:baseline;gap:12px}.day-head h2{margin:0;font-size:17px;font-weight:650}.day-head .topic-count{color:var(--muted);font-size:11px}.day-actions{display:flex;align-items:center;gap:17px}.day-actions span{font-size:11px;color:var(--muted)}.day-actions a{font-size:12px;color:var(--accent);font-weight:600}.day-actions a:hover{text-decoration:underline}.row{display:grid;grid-template-columns:112px minmax(0,1fr) 28px;gap:22px;padding:24px 23px;border-bottom:1px solid var(--line);align-items:start}.row:last-child{border-bottom:0}.row:hover{background:#fcfdfb}.row .tag{display:inline-block;padding:2px 8px;background:var(--tint);color:#486352;border-radius:3px;font-size:10px;white-space:nowrap}.row .label{display:block;color:var(--muted);font-size:10px;margin-top:8px;line-height:1.6;overflow-wrap:anywhere}.row h3{font-size:17px;line-height:1.55;margin:0 0 7px;font-weight:650}.row p{margin:0;font-size:13px;line-height:1.85;color:#66716a}.row .arrow{align-self:center;color:#769184;font-size:20px}.row:hover h3{color:var(--accent)}.empty{text-align:center;padding:60px 20px;background:var(--soft);border:1px solid var(--line);border-radius:6px}.empty h2{font-size:18px}.empty p{color:var(--muted);font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cad7ce;border-radius:4px;padding:10px 17px;color:var(--accent);font-size:12px;background:white;gap:10px}.button:hover{background:var(--tint)}.more{display:flex;margin:0 auto}.back{font-size:12px;color:var(--accent);display:inline-block;margin-bottom:25px}.back:hover{text-decoration:underline}.detail-meta{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:12px}.detail-meta .tag{background:var(--tint);color:var(--accent);padding:1px 8px;font-size:10px;border-radius:3px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:55px}.article h1{font-size:28px;line-height:1.6;margin:0 0 16px}.lead{font-size:15px;color:#5b695f;line-height:1.95;margin:0 0 25px;padding-bottom:25px;border-bottom:1px solid var(--line)}.body h4{font-size:17px;margin:28px 0 10px;line-height:1.7}.body h4:first-child{margin-top:0}.body p{font-size:14px;line-height:2;margin:10px 0;color:#435249}.points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.point{background:var(--soft);padding:15px;border:1px solid var(--line);border-radius:4px}.point b{font-size:12px}.point p{font-size:12px;margin:5px 0 0;line-height:1.85}.editor-note{border-left:3px solid #a9c1ae;background:#f8faf7;padding:12px 17px;margin:24px 0}.editor-note small{font-size:10px;color:var(--accent)}.editor-note p{font-size:13px;margin:5px 0}.sources{border-top:1px solid var(--line);padding-top:18px;margin-top:30px}.sources h2{font-size:12px;color:var(--muted);font-weight:400;margin:0 0 10px}.sources a{display:block;font-size:12px;color:var(--accent);margin:8px 0;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}.sources small{font-size:11px;color:var(--muted)}.watch-panel{align-self:start;position:sticky;top:25px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.panel-title{padding:15px 18px;background:var(--soft);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:12px}.panel-title small{color:var(--muted);font-size:10px}.player{padding:14px 14px 0}video,iframe{width:100%;aspect-ratio:1920/1032;background:#192b21;display:block;border:0}iframe{aspect-ratio:16/9}.watch-status{font-size:10px;color:var(--muted);margin:8px 0 12px;line-height:1.6}.start{width:100%;margin:0 0 10px}.chapter{display:flex;align-items:baseline;gap:12px;padding:11px 17px;border-top:1px solid var(--line);font-size:11px}.chapter time{font-size:10px;color:#829187;flex-shrink:0}.chapter.active{background:var(--tint);color:var(--accent);font-weight:600}.chapter:hover{background:var(--soft)}.panel-footer{border-top:1px solid var(--line);padding:14px}.panel-footer button{width:100%}.copy-status{font-size:10px;color:var(--muted);margin:8px 0 0;min-height:18px;text-align:center}.article-nav{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;margin-top:35px;padding-top:20px}.article-nav a{font-size:12px;color:var(--accent);max-width:47%}.article-nav small{display:block;color:var(--muted);font-size:10px;margin-bottom:3px}.article-nav a:last-child{text-align:right;margin-left:auto}.episode-links{padding:0;list-style:none;margin:20px 0}.episode-links li{border-bottom:1px solid var(--line)}.episode-links a{display:flex;padding:17px 0;justify-content:space-between;gap:15px;font-size:15px}.episode-links a:hover{color:var(--accent)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:23px;padding-bottom:30px;font-size:11px;color:var(--muted)}footer p{font-size:10px;margin:0}footer>a{color:var(--accent)}.skip{position:fixed;top:-100px;left:20px;background:white;z-index:10;padding:10px}.skip:focus{top:10px}[hidden]{display:none!important}
@media(max-width:900px){.toolbar{flex-wrap:wrap}.search{flex-basis:100%}.select{flex:1}select{width:100%;max-width:none}.detail-layout{gap:28px;grid-template-columns:minmax(0,1fr) 290px}.points{grid-template-columns:1fr}}
@media(max-width:680px){header,main,footer{padding-left:19px;padding-right:19px}header{height:72px}.brand{font-size:16px;gap:9px}.brand svg{width:25px;height:25px}.byline{display:none}main{padding-top:25px;padding-bottom:35px}.page-heading{display:block;margin-bottom:21px}h1{font-size:22px}.page-heading p{font-size:12px;line-height:1.85}.page-heading .stats{margin-top:15px;font-size:11px}.stats b{font-size:16px}.toolbar{padding:13px;gap:9px}.search{min-width:0;padding:0 9px}.search input{font-size:11px}.select{min-width:0;flex:1}.select span{font-size:9px}select{font-size:11px;padding:0 20px 0 7px}.results-bar{margin:17px 0 13px}.day-head{padding:13px 15px;gap:8px}.day-date{gap:7px;display:block}.day-head h2{font-size:14px}.day-head .topic-count{font-size:10px}.day-actions{gap:6px;align-items:end;flex-direction:column;flex-shrink:0}.day-actions span{font-size:10px}.day-actions a{font-size:11px}.row{grid-template-columns:minmax(0,1fr) 16px;gap:10px;padding:19px 15px}.row-meta{grid-column:1 / 3;display:flex;gap:9px;align-items:center}.row .tag{font-size:9px;padding:1px 6px}.row .label{font-size:10px;display:inline;margin:0}.row h3{font-size:16px;margin-bottom:6px;line-height:1.65}.row p{font-size:12px;line-height:1.9}.row .arrow{font-size:18px}.row .row-copy{grid-column:1}.day{margin-bottom:23px}.detail-layout{display:flex;flex-direction:column;gap:28px}.article h1{font-size:24px;line-height:1.65}.lead{font-size:14px}.detail-meta{font-size:11px;gap:8px;flex-wrap:wrap}.body p{font-size:14px}.body h4{font-size:16px}.watch-panel{position:static;width:100%}.article-nav{gap:12px}.article-nav a{font-size:11px}.back{margin-bottom:21px}footer{flex-wrap:wrap;gap:12px}footer p{order:3;width:100%}.empty{padding:35px 15px}.empty h2{font-size:16px}.empty p{font-size:12px}.episode-links a{font-size:14px}}
@media print{header,.toolbar,.watch-panel,.back,.article-nav,footer,.results-bar{display:none}.detail-layout{display:block}main{max-width:none}.day,.point{break-inside:avoid}}

/* ===== 2026-09-10 オーナー指示による調整（クロコ） ===== */
/* 1) 本文まわりの文字サイズを全体的に約10%拡大 */
/* 2) 埋め込みプレーヤーが305pxしかなくYouTubeの自動画質が360pになるため、サイドバーを広げる */
.detail-layout{grid-template-columns:minmax(0,1fr) 275px;gap:44px}
body{font-size:15.5px}
h1{font-size:27px}
.page-heading p{font-size:14px}
.search input{font-size:14px}
select{font-size:13px}
.results-bar p{font-size:13px}
.day-head h2{font-size:19px}
.day-head .topic-count{font-size:12px}
.day-actions span{font-size:12px}
.day-actions a{font-size:13px}
.row h3{font-size:19px}
.row p{font-size:14.5px}
.row .tag{font-size:11px}
.row .label{font-size:11px}
.detail-meta{font-size:13px}
.article h1{font-size:31px}
.lead{font-size:16.5px}
.body p{font-size:15.5px}
.body h4{font-size:19px}
.point b{font-size:13px}
.point p{font-size:13px}
.editor-note p{font-size:14px}
.editor-note small{font-size:11px}
.sources a{font-size:13px}
.sources h2{font-size:13px}
.panel-title{font-size:13px}
.panel-title small{font-size:11px}
.watch-status{font-size:11px}
.chapter{font-size:12.5px}
.chapter time{font-size:11px}
.button{font-size:13px}
.article-nav a{font-size:13px}
.article-nav small{font-size:11px}
.episode-links a{font-size:16.5px}
footer{font-size:12px}
@media(max-width:900px){.detail-layout{gap:28px;grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:680px){
body{font-size:15px}
h1{font-size:24px}
.page-heading p{font-size:13px}
.search input{font-size:12.5px}
select{font-size:11.5px;padding-right:22px}
.day-head h2{font-size:15.5px}
.day-head .topic-count{font-size:11px}
.row h3{font-size:17.5px}
.row p{font-size:13.5px}
.row .tag{font-size:10px}
.row .label{font-size:11px}
.detail-meta{font-size:12px}
.article h1{font-size:26px}
.lead{font-size:15.5px}
.body p{font-size:15.5px}
.body h4{font-size:17.5px}
.article-nav a{font-size:12px}
.episode-links a{font-size:15.5px}
}

/* 2026-09-10 動画をタイトル直下の本文カラムへ移動（オーナー指示） */
.article-player{margin:0 0 28px}
.article-player video,.article-player iframe{border-radius:6px;border:1px solid var(--line)}
.player-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:11px;flex-wrap:wrap}
.article-player .watch-status{margin:0;font-size:12px}
.article-player .start{width:auto;margin:0;flex-shrink:0}
.detail-layout:not(:has(.watch-panel)){grid-template-columns:minmax(0,1fr)}
@media(max-width:680px){.article-player{margin-bottom:22px}.player-meta{gap:10px}.article-player .start{width:100%}}

/* 2026-09-11 図解画像（Codex制作）を詳細ページに表示。トピック＝リード直後、日付ページ＝トピック一覧の下 */
.zukai{margin:0 auto 30px;max-width:480px}
.zukai a{display:block;border-radius:10px;overflow:hidden;border:1px solid var(--line);box-shadow:0 6px 20px rgba(37,51,46,.08);transition:transform .2s,box-shadow .2s}
.zukai a:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(37,51,46,.13)}
.zukai img{display:block;width:100%;height:auto}
.zukai figcaption{margin-top:9px;text-align:center;font-size:12px;color:var(--muted)}
.episode-links+.zukai{margin-top:34px}
@media(max-width:680px){.zukai{max-width:none;margin-bottom:24px}}
@media print{.zukai{break-inside:avoid;max-width:360px}}

/* 2026-09-11 一覧：まとめ図解がある回は、PC＝左に図解・右にトピック一覧／スマホ＝一覧の上に図解の全体（オーナー承認） */
.day-body{display:grid;grid-template-columns:230px minmax(0,1fr)}
.day-zukai{display:block;align-self:start;position:sticky;top:18px;padding:24px 0 24px 23px}
.day-zukai img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--line);box-shadow:0 6px 18px rgba(37,51,46,.08);transition:transform .2s,box-shadow .2s}
.day-zukai:hover img{transform:translateY(-2px);box-shadow:0 10px 26px rgba(37,51,46,.13)}
@media(max-width:900px){.day-body{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:680px){.day-body{display:block}.day-zukai{position:static;padding:15px 15px 4px}}

/* ===== 2026-09-13 オーナー指示：配色を朝もく図解のパレットに合わせる（案A・クロコ） =====
   図解から実測した色
     クリーム地 #FDFCF7 ／ カード #FBF4E9 ／ 赤 #E4483C〜#EC574E
     こげ茶（文字）#240F07 ／ タン（差し色）#D89048
   元は緑系（--accent:#21624b）。戻すときはこのブロックを丸ごと削るだけ。
   直前バックアップ: 20260909_style.css.20260913.bak
*/
:root{--ink:#2C1C13;--muted:#8C7768;--accent:#C63A2C;--line:#ECE0D2;--soft:#FBF4E9;--tint:#FAE7E1}
body{background:#FDFCF7}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#E08C6E}
.stats span{color:#B9A797}
.search,select{border-color:#E2D4C3}
.row:hover{background:#FDF9F2}
.row .tag{color:#A8402F}
.row p{color:#77685C}
.row .arrow{color:#C9A88F}
.button{border-color:#E5D3C2}
.lead{color:#6B5A4E}
.body p{color:#4A3A30}
.editor-note{border-left-color:#E0A98F;background:#FDF6EE}
.chapter time{color:#A2907F}
video,iframe{background:#2C1C13}
.detail-meta .tag{color:var(--accent)}
.brand svg{color:var(--accent)}
.day-head{background:var(--soft)}
.day-actions a{color:var(--accent)}