/*
Theme Name: ちゃぴ丸絵日記 — 夜の工場 Draft
Template: twentytwentyfive
Version: 0.1.0
Description: Twenty Twenty-Five用。公開前確認用の子テーマ。
Text Domain: chapimaru-night-draft
*/
:root{--night:#0b0f14;--panel:#111820;--line:#293746;--cyan:#39d9ff;--muted:#c7d1db;--orange:#ffb35a}
html{scroll-behavior:smooth}body{background:var(--night);color:#f4f7fa;font-family:system-ui,-apple-system,'Segoe UI','Noto Sans JP',sans-serif;line-height:1.85;margin:0}*{box-sizing:border-box}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--cyan)}a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.4;text-wrap:balance}h1{font-size:clamp(2rem,4.5vw,4.5rem)}h2{font-size:clamp(1.6rem,3vw,2.6rem)}h3{font-size:1.25rem}.wp-site-blocks{padding:0}.cp-wrap{width:min(1200px,calc(100% - 40px));margin-inline:auto}.cp-header{border-bottom:1px solid var(--line);padding:20px 0;background:var(--night)}.cp-header-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.cp-brand{font-size:1.2rem;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:12px;white-space:nowrap}.cp-brand img{width:42px;height:42px;border-radius:50%}.cp-nav{display:flex;gap:26px;font-size:.85rem;letter-spacing:.06em}.cp-nav a{text-decoration:none}.cp-menu{display:none}.cp-eyebrow{color:var(--cyan);letter-spacing:.18em;font-size:.76rem;font-weight:700}.cp-hero{padding:46px 0 0}.cp-hero-top{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:30px}.cp-hero h1{margin:8px 0 0;letter-spacing:.025em}.cp-sub{font-size:1rem;color:var(--muted);margin:4px 0}.cp-tag{color:var(--orange);font-size:.85rem}.cp-hero-img{display:block;width:100%;border:1px solid var(--line);border-radius:6px;aspect-ratio:8/3;object-fit:contain}.cp-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 0 52px;border-bottom:1px solid var(--line)}.cp-copy{font-size:clamp(1.1rem,2vw,1.6rem);font-weight:700;margin:0}.cp-button{display:inline-block;background:var(--cyan);color:#0b0f14!important;padding:13px 24px;border-radius:4px;text-decoration:none;font-weight:750;white-space:nowrap}.cp-button:hover{background:#8debff}.cp-section{padding:70px 0;border-bottom:1px solid var(--line)}.cp-section h2{margin:6px 0 26px}.cp-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.cp-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.cp-intro p{color:var(--muted);margin-top:0}.cp-intro .cp-copy{color:#f4f7fa}.cp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cp-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden;padding:24px}.cp-card h3{margin:8px 0 12px}.cp-card p{color:var(--muted)}.cp-num{color:var(--orange);font-size:.8rem;letter-spacing:.1em}.cp-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.cp-topic{border-top:2px solid var(--cyan);padding:24px 0 0}.cp-topic p{font-size:.9rem;color:var(--muted)}.cp-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cp-duo .cp-card{padding:34px}.cp-duo .cp-card:last-child{border-color:#39536c;background:linear-gradient(135deg,#111820,#172039)}.cp-orb{width:96px;height:96px;border-radius:50%;float:right;margin-left:16px}.cp-quote{font-size:1.3rem;color:#f4f7fa!important}.cp-story{max-width:780px;margin:auto}.cp-story p{color:var(--muted)}.cp-story img{border-radius:6px;margin:24px 0;display:block}.cp-step{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}.cp-step div{padding:18px;border-left:2px solid var(--cyan);background:var(--panel)}.cp-step small{color:var(--muted)}.cp-footer{padding:54px 0 28px}.cp-footer-top{display:flex;justify-content:space-between;gap:40px}.cp-footer p{font-size:.9rem;color:var(--muted)}.cp-footer nav{display:flex;flex-wrap:wrap;gap:18px;align-content:start;max-width:460px;font-size:.85rem}.cp-footer small{display:block;margin-top:30px;padding-top:22px;border-top:1px solid var(--line);color:#8a98a8}.cp-note{font-size:.85rem;color:var(--muted);border-left:2px solid var(--orange);padding:10px 16px}.cp-page{max-width:780px;margin:60px auto;padding:0 20px}.cp-post-list .wp-block-post{border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden;padding:0 0 24px}.cp-post-list .wp-block-post>*:not(.wp-block-post-featured-image){margin-left:24px;margin-right:24px}.cp-post-list .wp-block-post-featured-image{margin:0 0 20px;aspect-ratio:16/9}.cp-post-list .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover}.cp-post-list .wp-block-post-title{font-size:1.3rem}.cp-post-list .wp-block-post-title a{text-decoration:none}.cp-post-list .wp-block-post-date{font-size:.8rem;color:#8a98a8}.cp-post-list .wp-block-post-excerpt{font-size:.92rem;color:var(--muted)}.wp-block-post-terms{font-size:.8rem;color:var(--cyan)}.wp-block-post-content{line-height:1.95;overflow-wrap:anywhere}.wp-block-post-content h2{border-left:3px solid var(--cyan);padding-left:18px;margin-top:2.6em;font-size:1.75rem}.wp-block-post-content h3{margin-top:2em}.wp-block-post-content table{border-collapse:collapse;width:100%}.wp-block-post-content th,.wp-block-post-content td{border:1px solid var(--line);padding:12px}.wp-block-post-content th{background:#1b2734}.wp-block-table{overflow-x:auto}.wp-block-code,pre{overflow-x:auto;background:#151c24;padding:24px;border:1px solid var(--line);border-radius:6px;color:#d6f6ff;font-size:.9rem}.wp-block-quote{border-left:3px solid var(--orange);padding:16px 24px;background:var(--panel)}.cp-lost{text-align:center;padding:60px 0}.cp-lost h1{font-size:clamp(1.8rem,4vw,3rem)}.cp-lost img{border-radius:8px;width:100%;margin-bottom:28px}.cp-skip{position:absolute;left:16px;top:-100px;background:var(--cyan);color:#000;padding:8px 16px;z-index:99999}.cp-skip:focus{top:10px}.wp-block-navigation__responsive-container.is-menu-open{background:#111820!important;color:#f4f7fa!important}.wp-block-query-pagination{margin-top:30px}.cp-draft-note{background:#282216;color:#ffcf8a;padding:8px 20px;text-align:center;font-size:.8rem}
@media(max-width:900px){.cp-topics{grid-template-columns:1fr 1fr}.cp-grid{grid-template-columns:1fr 1fr}.cp-step{grid-template-columns:1fr 1fr}.cp-intro{gap:24px}.cp-nav{gap:15px}}
@media(max-width:640px){.cp-wrap{width:calc(100% - 36px)}.cp-header{padding:14px 0}.cp-nav{display:none}.cp-menu{display:block;position:relative}.cp-menu summary{cursor:pointer;list-style:none;font-size:1.2rem;padding:8px}.cp-menu[open] nav{position:absolute;right:0;top:42px;z-index:20;background:#151c24;border:1px solid var(--line);width:200px;display:grid;padding:20px;gap:16px}.cp-menu nav a{text-decoration:none}.cp-brand{font-size:1rem}.cp-hero{padding-top:30px}.cp-hero-top,.cp-hero-bottom,.cp-footer-top{display:block}.cp-hero-top{margin-bottom:20px}.cp-tag{margin-top:16px}.cp-hero-bottom{padding:24px 0 32px}.cp-hero-bottom .cp-button{margin-top:24px}.cp-hero-img{aspect-ratio:auto}.cp-intro,.cp-duo,.cp-grid{grid-template-columns:1fr;gap:20px}.cp-section{padding:44px 0}.cp-section-head{display:block}.cp-section-head>a{display:inline-block;margin-bottom:24px}.cp-duo .cp-card{padding:24px}.cp-topics{gap:24px 16px}.cp-topic h3{font-size:1.05rem}.cp-footer nav{margin-top:26px}.cp-page{margin-top:36px}.cp-post-list .wp-block-post-template{grid-template-columns:1fr!important}.cp-story img{margin:20px 0}.cp-copy br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}