/*
Theme Name: Cocoon Child - AIに勝ちまセンカ
Description: AIに勝ちまセンカ専用。青白いネオン、AI専門記事、広告導線、記事並べ替え。
Template: cocoon-master
Version: 1.0.0
Text Domain: aik
*/

/* AI history page: permanent dark palette, isolated from other pages. */
body.page-id-8{background:#081220!important;background-image:radial-gradient(ellipse 1000px 850px at 95% 0%,#17334f 0%,transparent 75%)!important;color:#d5e2f1}
body.page-id-8 #container,body.page-id-8 #content,body.page-id-8 #content-in{background:transparent}
body.page-id-8 #header-container,body.page-id-8 #header,body.page-id-8 #footer{background:#0b1829;color:#d5e2f1;border-color:#29455d}
body.page-id-8 #header-container{background:linear-gradient(110deg,#081220,#142c45);border-bottom:1px solid #315670}
body.page-id-8 #main,body.page-id-8 #sidebar{background:#0d1b2d;color:#d5e2f1;border:1px solid #29465f;border-radius:12px;box-shadow:0 0 35px #65cfff08}
body.page-id-8 #main{background:linear-gradient(145deg,#11243a,#0b1728 900px)}
body.page-id-8 #post-8,body.page-id-8 .entry-content{color:#d5e2f1}
body.page-id-8 #post-8 p,body.page-id-8 #post-8 li{color:#d5e2f1}
body.page-id-8 #post-8 strong{color:#f0faff}
body.page-id-8 #post-8 h1,body.page-id-8 #post-8 h2,body.page-id-8 #post-8 h3,body.page-id-8 #post-8 h4{background:transparent;color:#eaf8ff;border-color:#5fabc8;box-shadow:none}
body.page-id-8 #post-8 .entry-title{color:#effbff;text-shadow:0 0 26px #86dfff44}
body.page-id-8 #post-8 h2,body.page-id-8 #post-8 h3{background:linear-gradient(90deg,#17344b,#112238);border-left:3px solid #a5e9ff;border-bottom:1px solid #35546a}
body.page-id-8 #post-8 hr{border-color:#437b98;box-shadow:0 0 8px #75d7ff33}
body.page-id-8 #post-8 .toc{background:#0a192c;border:1px solid #355670;color:#c9e8f7}
body.page-id-8 #post-8 .toc a,body.page-id-8 #breadcrumb a,body.page-id-8 #sidebar a,body.page-id-8 #footer a,body.page-id-8 #header a{color:#c2eeff}
body.page-id-8 #post-8 .entry-content a{color:#a6e7ff;text-underline-offset:4px}
body.page-id-8 #sidebar h2,body.page-id-8 #sidebar h3{background:#172c41;color:#e1f4ff;border-color:#31526b}
body.page-id-8 #sidebar input{background:#081625;color:#e9f7ff;border-color:#45647b}
body.page-id-8 #sidebar button{background:#acdfff;color:#11283a}
body.page-id-8 .date-tags,body.page-id-8 #breadcrumb,body.page-id-8 .footer-bottom{color:#b4c6d9}
body.page-id-8 #post-8 .sns-share a,body.page-id-8 #post-8 .sns-follow a{color:#fff}
body.page-id-8 a:focus-visible{outline:2px solid #b8f0ff;outline-offset:3px}
@media(max-width:700px){body.page-id-8 #main{border-radius:8px}body.page-id-8 #post-8{overflow-wrap:anywhere}}

/* All posts share the main site article design. */
body.single-post{background:#f3f5f7!important;color:#191c23;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
body.single-post #header-container{background:#fff;border-bottom:1px solid #e2e4e8}
body.single-post #header-in{width:min(1120px,calc(100% - 40px));min-height:0;padding:22px 0;display:flex;align-items:center;gap:28px;flex-direction:row-reverse;justify-content:space-between}
body.single-post .tagline{font-size:12px;color:#606570;margin:0;max-width:580px;text-align:right}
body.single-post .logo{margin:0;padding:0;line-height:1.4}
body.single-post .logo a{display:inline-flex;align-items:center;font-size:26px;font-weight:900;letter-spacing:-.05em;text-decoration:none;color:#191c23;white-space:nowrap;padding:0}
body.single-post .logo .site-name-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body.single-post .logo a:before{content:"AIに勝ちま"}
body.single-post .logo a:after{content:"センカ";color:#ef3b20}
body.single-post #navi{display:block!important;background:#fff!important;color:#191c23;border-top:1px solid #f0f1f3}
body.single-post #navi-in{width:min(1120px,100%)}
body.single-post #navi ul{display:flex;justify-content:flex-start;gap:8px}
body.single-post #navi ul li{width:auto;min-width:90px}
body.single-post #navi a{font-size:15px;font-weight:700;padding:0 22px;color:#191c23;background:transparent}
body.single-post #navi a:hover,body.single-post #navi .current-menu-item>a{color:#ef3b20;background:#fff3ef}
body.single-post .slicknav_menu{display:none!important}
body.single-post #content{margin:0;padding:36px 0 60px}
body.single-post #content-in{display:block;width:min(1120px,calc(100% - 40px))}
body.single-post #main{width:100%;padding:0;margin:0;background:transparent;border:0;box-shadow:none}
body.single-post #sidebar{display:none}
body.single-post #archive-title{background:#10151e;color:#fff;border:0;border-left:5px solid #ef3b20;border-radius:6px;padding:32px;margin:0 0 30px;font-size:32px;line-height:1.4;letter-spacing:-.03em}
body.single-post #archive-title .fa{color:#ff8066;margin-right:12px;font-size:24px}
body.single-post #list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.single-post .entry-card-wrap{display:block;width:100%;margin:0;padding:0;overflow:hidden;border:1px solid #e2e4e8;border-radius:7px;background:#fff;color:#191c23;transition:box-shadow .2s,transform .2s}
body.single-post .entry-card-wrap:hover{background:#fff;transform:translateY(-3px);box-shadow:0 8px 24px #17233714;color:#c8321b}
body.single-post .entry-card{display:flex;flex-direction:column;margin:0;padding:0;height:100%}
body.single-post .entry-card-thumb{float:none;width:100%;margin:0;aspect-ratio:16/9;overflow:hidden}
body.single-post .entry-card-thumb img{display:block;width:100%;height:100%;object-fit:cover}
body.single-post .cat-label{background:#172337e8;border:0;color:#fff;font-size:11px;padding:4px 9px}
body.single-post .entry-card-content{margin:0;padding:20px;min-width:0}
body.single-post .entry-card-title{font-size:17px;line-height:1.8;font-weight:700;background:none;border:0;margin:0;padding:0}
body.single-post .admin-pv{display:none}
body.single-post #footer{background:#fff;color:#606570;border-top:1px solid #e2e4e8;margin:0;padding:32px 0}
body.single-post #footer-in{width:min(1120px,calc(100% - 40px))}
body.single-post #navi-footer a{font-size:13px;color:#606570}
body.single-post a:focus-visible{outline:3px solid #2674dc;outline-offset:3px}
@media(max-width:900px){body.single-post #list{grid-template-columns:repeat(2,minmax(0,1fr))}body.single-post .tagline{max-width:380px}}
@media(max-width:600px){body.single-post #header-in{padding:18px 0;display:block}body.single-post .tagline{display:none}body.single-post #navi ul{gap:0;justify-content:space-around}body.single-post #navi ul li{min-width:0;flex:1}body.single-post #navi a{padding:0 8px;font-size:14px}body.single-post #content{padding:24px 0 40px}body.single-post #content-in{width:calc(100% - 32px)}body.single-post #archive-title{font-size:27px;padding:24px;margin-bottom:22px}body.single-post #list{grid-template-columns:1fr;gap:20px}body.single-post .entry-card-title{font-size:17px}body.single-post .entry-card-content{padding:18px}body.single-post #footer-in{width:calc(100% - 32px)}}

body.single-post #navi .menu-mobile{display:none!important}
body.single-post #navi .menu-pc{display:flex!important}
body.single-post .logo{width:auto;flex:none;text-align:left}
body.single-post .entry-card-title{display:block;overflow:visible;max-height:none;-webkit-line-clamp:unset}

body.single-post #header-in:before,body.single-post #header-in:after{display:none}

/* すべての投稿に共通：今後の新規投稿にも自動適用 */
body.single-post #main{max-width:900px;margin:0 auto;background:#fff;border:1px solid #e2e4e8;border-radius:8px;padding:42px;box-sizing:border-box}
body.single-post .entry-title{font-size:30px;line-height:1.65;letter-spacing:-.025em;padding:26px 28px;margin:0 0 26px;background:#10151e;color:#fff;border:0;border-left:5px solid #ef3b20;border-radius:5px}
body.single-post .entry-content{font-size:16px;line-height:2;color:#191c23;overflow-wrap:anywhere}
body.single-post .entry-content h2{font-size:25px;line-height:1.6;background:#172337!important;color:#fff!important;padding:20px 24px;border:0;border-left:4px solid #ef3b20;border-radius:4px;margin:42px 0 24px}
body.single-post .entry-content h3{font-size:21px;line-height:1.6;background:#f3f5f7!important;color:#191c23!important;padding:16px 20px;border:0;border-left:4px solid #ef3b20;margin:32px 0 20px}
body.single-post .entry-content h4{font-size:18px;border:0;border-bottom:2px solid #e2e4e8;padding:10px 0}
body.single-post .entry-content h2:before,body.single-post .entry-content h2:after,body.single-post .entry-content h3:before,body.single-post .entry-content h3:after{display:none}
body.single-post .entry-content p{margin:0 0 1.7em}
body.single-post .entry-content a:not(.btn):not(.wp-block-button__link){color:#b82b17;text-decoration:underline;text-underline-offset:3px}
body.single-post .entry-content .wp-block-button__link,body.single-post .entry-content .btn{background:#d93620!important;color:#fff!important;border:0;border-radius:5px;line-height:1.6;white-space:normal}
body.single-post .entry-content img{max-width:100%;height:auto;border-radius:4px}
body.single-post .entry-content blockquote{background:#f3f5f7;border:0;border-left:4px solid #cdd1d8;padding:20px 24px}
body.single-post .entry-content .wp-block-table{max-width:100%;overflow-x:auto}
body.single-post .entry-content table{font-size:14px;border-color:#e2e4e8}
body.single-post .entry-content th{background:#172337;color:#fff}
body.single-post .toc{background:#f3f5f7;border:1px solid #e2e4e8;border-radius:6px;max-width:100%;padding:24px}
body.single-post .date-tags{font-size:12px;color:#606570;margin:18px 0 28px}
@media(max-width:600px){body.single-post #main{padding:22px 18px}body.single-post .entry-title{font-size:23px;padding:20px;line-height:1.65}body.single-post .entry-content{font-size:16px;line-height:1.95}body.single-post .entry-content h2{font-size:21px;padding:17px 18px}body.single-post .entry-content h3{font-size:19px;padding:14px 16px}body.single-post .toc{padding:18px}}


body.single-post .sns-share,body.single-post .sns-follow,body.single-post #comment-area{display:none}
