/*
Theme Name: SplitDeck
Author: Custom Themes Studio
Description: 固定型ナビゲーションと横分割レイアウトを備えた記事サイト向けテーマ。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: splitdeck
License: GPL-2.0-or-later
*/

/* Minimal common layer: each theme has its own layout system below */
:root{--accent:#6959f5;--ink:#232044;--paper:#f5f5fb;--line:rgba(35,40,55,.12);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.85;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
img{max-width:100%;height:auto}main{min-width:0}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{line-height:1.36}h1{font-size:clamp(1.7rem,3vw,3rem)}h2{font-size:clamp(1.3rem,2vw,2rem)}button,input,select{font:inherit}.screen-reader-text,.skip-link:not(:focus){clip-path:inset(50%);position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link:focus{position:fixed;top:8px;left:8px;z-index:99999;background:white;padding:10px 15px}
.site-header,.site-footer,.site-main{width:100%}.site-header a{font-weight:700}.brand{font-weight:900;letter-spacing:-.04em;font-size:1.35rem}.brand a:hover{color:var(--accent)}.primary-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:.83rem}.primary-nav a{display:inline-block;padding:7px 0}.primary-nav a:last-child{color:var(--accent)}
.site-footer{font-size:.78rem;color:#66717a}.site-footer a{text-decoration:underline}.eyebrow,.kicker{font-size:.74rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.text-link{font-weight:800;font-size:.86rem;color:var(--accent)}.muted,.post-stamp{color:#6d7380;font-size:.8rem}.post-tile h3,.post-row h3{margin:10px 0 8px;font-size:1.12rem;line-height:1.55}.post-tile p,.post-row p{margin:0;color:#6d7380;font-size:.84rem;line-height:1.85}.post-tile .text-link,.post-row .text-link{display:block;margin-top:12px}.tile-link{display:block;height:100%}.tile-image{display:block;aspect-ratio:16/10;overflow:hidden;margin-bottom:14px;border-radius:5px;background:#e6e9ec}.tile-image img{width:100%;height:100%;object-fit:cover;display:block}.post-row{display:flex;gap:18px;align-items:flex-start}.post-row .tile-image{width:125px;flex:none;aspect-ratio:5/4;margin:0}
.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin:0 0 25px}.section-heading h2{margin:0}.section-heading small{font-size:.77rem;color:#6d7380}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.post-list{display:grid;gap:12px}.post-tile,.post-row{min-width:0}.cat-links{display:flex;flex-wrap:wrap;gap:9px}.cat-links a,.topic-chip{padding:7px 12px;display:inline-block;border:1px solid var(--line);border-radius:999px;font-size:.8rem;font-weight:700;background:white}.cat-links a:hover,.topic-chip:hover{border-color:var(--accent);color:var(--accent)}.site-search{display:flex;gap:8px}.site-search input{flex:1;min-width:0;padding:13px 15px;border:1px solid var(--line);background:#fff;border-radius:8px}.site-search button,.cta-button{display:inline-block;padding:13px 22px;white-space:nowrap;color:white!important;border:0;border-radius:8px;background:var(--accent);font-weight:800;cursor:pointer}.site-search button:hover,.cta-button:hover{filter:brightness(.92)}
.job-search{background:white;border:1px solid var(--line);padding:28px;border-radius:14px;scroll-margin-top:25px}.job-search .job-kicker{font-size:.71rem;letter-spacing:.18em;color:var(--accent);font-weight:900}.job-search h2{margin:7px 0 19px;font-size:1.3rem}.job-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end}.job-fields label{display:block;min-width:0;font-size:.74rem;font-weight:800}.job-fields select{display:block;width:100%;margin-top:6px;padding:12px 10px;border-radius:8px;background:#fbfbfd;border:1px solid var(--line);font-size:.82rem;color:var(--ink)}.job-fields button{width:100%;padding:13px 19px}.job-note{font-size:.7rem;color:#69727e;margin:12px 0 0}
.area-group h3{margin:0 0 9px;font-size:.95rem}.area-list{display:flex;flex-wrap:wrap;gap:6px}.area-list a{display:inline-block;padding:6px 10px;background:#fff;border:1px solid var(--line);border-radius:6px;font-size:.81rem}.area-list a:hover{border-color:var(--accent)}
.archive-heading{padding:36px 0 26px}.archive-heading h1{margin:4px 0 0}.pagination{margin:35px 0;display:flex;gap:7px;flex-wrap:wrap}.pagination .page-numbers{display:inline-block;border:1px solid var(--line);background:white;border-radius:6px;padding:8px 13px}.pagination .current{background:var(--accent);border-color:var(--accent);color:white}
.single-wrap{max-width:900px;margin:0 auto;padding:50px 22px 80px}.breadcrumbs{font-size:.77rem;color:#737783;margin-bottom:20px}.breadcrumbs a{text-decoration:underline}.reading-article{background:#fff;border:1px solid var(--line);padding:clamp(22px,5vw,62px)}.article-head h1{margin:10px 0 18px}.article-meta{color:#747985;font-size:.8rem;border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:28px}.featured-image{margin:0 0 32px}.featured-image img{display:block;width:100%;height:auto}.entry-content{font-size:1rem;line-height:2.1;overflow-wrap:anywhere}.entry-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.entry-content p{margin:0 0 1.5em}.entry-content h2{margin:2.2em 0 1em;padding-bottom:.4em;border-bottom:1px solid var(--line)}.entry-content h3{margin:1.8em 0 .8em}.entry-content blockquote{border-left:4px solid var(--accent);margin:1.5em 0;padding:8px 20px;background:#f7f7fa}.entry-content table{width:100%;border-collapse:collapse}.entry-content td,.entry-content th{border:1px solid var(--line);padding:10px}.entry-content figure,.entry-content pre,.entry-content table{max-width:100%;overflow-x:auto}.entry-content .wp-block-image img{height:auto}.entry-content ul,.entry-content ol{padding-left:1.6em}.article-tail{padding-top:23px;border-top:1px solid var(--line);font-size:.83rem}.article-tail a{color:var(--accent)}.related{margin:34px 0 0}.related h2{font-size:1.22rem}.related .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.no-results{color:#6d7380;padding:25px 0}
@media(max-width:900px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.job-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.job-fields button{grid-column:span 2}.related .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){.post-grid,.related .post-grid,.job-fields{grid-template-columns:1fr}.job-fields button{grid-column:auto}.job-search{padding:21px 16px}.post-row .tile-image{width:90px}.reading-article{padding:20px 18px}.site-search{flex-wrap:wrap}.site-search button{width:100%}}

/* SplitDeck: fixed side navigation, app-like dashboard */
body{background:#f5f5fb}.site-header{position:fixed;left:0;top:0;bottom:0;width:265px;padding:42px 24px;background:#22213c;color:#fff;z-index:5;display:flex;flex-direction:column;align-items:stretch}.site-header .brand{font-size:1.6rem;color:#fff;line-height:1.2}.site-header .brand a{color:#fff}.site-header .tagline{font-size:.72rem;color:#b4b1d3;margin:12px 0 44px}.primary-nav{display:grid;gap:8px;align-items:stretch}.primary-nav a{padding:12px 13px;border-radius:8px;color:#d8d6eb;background:rgba(255,255,255,.045)}.primary-nav a:last-child{color:#fff;background:#6959f5}.primary-nav a:hover{background:rgba(255,255,255,.15);color:white}.site-footer{margin-left:265px;padding:32px 5vw}.site-main{margin-left:265px;width:auto;padding:32px min(5vw,65px) 60px;min-height:80vh}.site-main.single-wrap{max-width:none;margin-left:265px;padding:50px min(7vw,90px)}.split-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);min-height:350px;gap:28px;background:#fff;border-radius:22px;padding:55px;align-items:center}.split-hero h1{font-size:clamp(2.6rem,5vw,5rem);letter-spacing:-.07em;margin:13px 0}.split-hero p{color:#656679}.hero-display{background:#dfdcff;border-radius:22px;min-height:240px;display:flex;justify-content:center;align-items:center;font-size:clamp(3rem,10vw,8rem);font-weight:950;letter-spacing:-.1em;color:#554bc0;line-height:1}.split-lower{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:28px;margin:37px 0}.split-lower>section{min-width:0}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-tile{background:white;padding:23px;border-radius:16px;box-shadow:0 4px 20px #24204408}.side-panel{background:#ebebfa;border-radius:18px;padding:22px;height:max-content}.side-panel h2{font-size:1.13rem}.side-panel .cat-links{display:grid}.side-panel .cat-links a{border-radius:7px}.job-search{margin:25px 0}.reading-article{border:0;border-radius:18px;box-shadow:0 7px 32px #00000008}.entry-content h2{border-bottom:0;border-left:4px solid var(--accent);padding:5px 0 5px 18px}.related .post-tile{border:1px solid var(--line)}
@media(max-width:950px){.site-header{position:static;width:auto;height:auto;padding:18px 5vw}.site-header .tagline{display:none}.primary-nav{display:flex;gap:14px;margin-top:12px}.primary-nav a{padding:6px 10px}.site-main,.site-main.single-wrap,.site-footer{margin-left:0}.split-hero{padding:30px}.split-lower{grid-template-columns:1fr}.side-panel .cat-links{display:flex}}
@media(max-width:600px){.split-hero{grid-template-columns:1fr;padding:25px}.hero-display{min-height:140px}.post-grid{grid-template-columns:1fr}.site-main{padding:22px 16px 55px}}
