/*
Theme Name: CompareLine
Author: Custom Themes Studio
Description: 実際の記事カテゴリーと件数を一覧比較できるテーマ。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: compareline
License: GPL-2.0-or-later
*/

/* Minimal common layer: each theme has its own layout system below */
:root{--accent:#236c69;--ink:#112f32;--paper:#f2f7f6;--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%}}

/* CompareLine: data-table and neutral comparison cards */
body{background:#f2f7f6}.site-header{background:#fff;border-bottom:2px solid #236c69;padding:19px max(22px,calc((100% - 1210px)/2));display:flex;justify-content:space-between;align-items:center;gap:25px}.site-main{max-width:1220px;margin:auto;padding:40px 22px 75px}.site-footer{max-width:1220px;margin:auto;padding:22px}.compare-hero{display:grid;grid-template-columns:1fr 380px;gap:50px;align-items:end;margin-bottom:44px}.compare-hero h1{font-size:clamp(2.4rem,4.5vw,4.7rem);margin:13px 0 12px;letter-spacing:-.075em}.compare-hero p{max-width:580px;color:#647370}.compare-stat{border-radius:5px;background:#163c3a;color:white;padding:30px;display:grid;gap:6px}.compare-stat strong{font-size:2rem}.compare-stat small{font-size:.85rem;color:#bfdbd6}.matrix-wrap{background:white;border:1px solid #cfdeda;overflow-x:auto}.matrix{width:100%;border-collapse:collapse;white-space:normal}.matrix th{background:#e6f1ed;text-align:left;color:#3f5e58;font-size:.79rem;letter-spacing:.08em;padding:15px}.matrix td{padding:19px 15px;border-top:1px solid #e2e9e5;font-size:.93rem}.matrix tr:hover td{background:#f7fbf9}.matrix td:nth-child(2){font-size:1.1rem;font-weight:900}.matrix a{color:var(--accent);font-weight:800}.compare-notes{margin:15px 0 43px;color:#73807d;font-size:.75rem}.compare-posts .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compare-posts .post-tile{border:1px solid #d9e5df;background:#fff;padding:20px;border-radius:5px}.job-search{border-radius:5px;margin-top:35px}.single-wrap{max-width:1050px}.reading-article{box-shadow:12px 12px 0 #d8eae3}.entry-content table{font-size:.88rem}
@media(max-width:900px){.compare-hero{grid-template-columns:1fr}.compare-stat{max-width:400px}.compare-posts .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.site-header{display:block}.primary-nav{margin-top:10px}.compare-posts .post-grid{grid-template-columns:1fr}.matrix td,.matrix th{padding:10px 8px}}