:root{--c-ink: #222426;--c-muted: #6b7280;--c-bg: #f2f3f5;--c-panel: #ffffff;--c-dark: #26282b;--c-dark-2: #35383c;--c-accent: #0e7490;--c-accent-2: #155e75;--c-line: #e2e4e8;--radius: 10px;--maxw: 1140px;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--font-sans: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Noto Sans JP", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--c-ink);background:var(--c-bg);line-height:1.8;-webkit-font-smoothing:antialiased}body{margin:0;font-size:16px}a{color:var(--c-accent);text-decoration:none}a:hover{opacity:.85}img{max-width:100%;height:auto}.container{max-width:var(--maxw);margin:0 auto;padding:0 16px}.site-header{background:var(--c-dark);color:#fff;padding:18px 0 14px}.site-header .site-name{margin:0;font-size:24px;font-weight:700;letter-spacing:.04em}.site-header .site-name a{color:#fff}.site-header .site-tagline{margin:2px 0 0;font-size:13px;color:#d6d8db;font-weight:600}.hero{background:radial-gradient(ellipse 80% 120% at 85% 20%,rgba(255,255,255,.14),transparent),linear-gradient(115deg,var(--hero-from, #0b3947) 0%,var(--hero-to, #12a5b8) 100%);color:#fff}.hero .hero-inner{max-width:var(--maxw);margin:0 auto;padding:72px 24px}.hero .hero-title{margin:0 0 8px;font-size:clamp(26px,4.5vw,44px);font-weight:800;letter-spacing:.06em;text-shadow:0 2px 10px rgba(0,0,0,.25)}.hero .hero-sub{margin:0;font-size:clamp(14px,2vw,18px);color:#e3f5f8}.hero .hero-domain{margin-top:20px;font-size:13px;letter-spacing:.12em;color:#bfe7ee}.global-nav{background:var(--c-dark);box-shadow:var(--shadow)}.global-nav ul{max-width:var(--maxw);margin:0 auto;padding:0;list-style:none;display:flex;flex-wrap:wrap}.global-nav li{flex:1 1 auto;text-align:center;border-left:1px solid rgba(255,255,255,.08)}.global-nav li:first-child{border-left:none}.global-nav a{display:block;padding:14px 10px;color:#fff;font-size:14px;font-weight:600}.global-nav a:hover{background:var(--c-dark-2);opacity:1}.pickups{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.pickup-card{display:flex;flex-direction:column;justify-content:flex-end;min-height:110px;padding:14px 16px;border-radius:var(--radius);color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.pickup-card:hover{opacity:.92}.pickup-card .pickup-label{font-size:16px;font-weight:800;text-shadow:0 1px 6px rgba(0,0,0,.35)}.pickup-card .pickup-sub{font-size:12px;color:#ffffffe6}.pickup-a{background:linear-gradient(135deg,#0e7490,#164e63)}.pickup-b{background:linear-gradient(135deg,#4d7c0f,#365314)}.pickup-c{background:linear-gradient(135deg,#b45309,#7c2d12)}.pickup-d{background:linear-gradient(135deg,#6d28d9,#4c1d95)}.search-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 26px}.search-form{display:flex;background:var(--c-panel);border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden}.search-form input{flex:1;border:none;padding:12px 14px;font-size:15px;font-family:inherit;outline:none}.search-form button{border:none;background:none;padding:0 16px;cursor:pointer;font-size:16px;color:var(--c-muted)}.category-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--c-panel);border:1px solid var(--c-line);border-radius:var(--radius);font-weight:700;color:var(--c-ink);padding:12px}.section-title{font-size:20px;font-weight:800;margin:34px 0 18px;padding-bottom:10px;position:relative}.section-title:after{content:"";position:absolute;left:0;bottom:0;width:88px;height:3px;background:var(--c-ink)}.carousel{display:grid;grid-auto-flow:column;grid-auto-columns:46%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.carousel>*{scroll-snap-align:start}.article-card{background:var(--c-panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;gap:8px}.article-card .card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--c-muted)}.chip{display:inline-block;background:color-mix(in srgb,var(--c-accent) 10%,white);color:var(--c-accent-2);border-radius:999px;padding:1px 10px;font-size:11px;font-weight:700}.article-card .card-title{margin:0;font-size:16px;font-weight:700;line-height:1.5}.article-card .card-title a{color:var(--c-ink)}.article-card .card-excerpt{margin:0;font-size:13px;color:var(--c-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.article-grid-3{grid-template-columns:repeat(3,1fr)}.pickups-2{grid-template-columns:repeat(2,1fr)}.chip-author{background:var(--c-dark);color:#fff}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start;padding:8px 0 40px}.sidebar{display:flex;flex-direction:column;gap:18px;position:sticky;top:16px}.side-panel{background:var(--c-panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.side-panel .side-title{margin:0 0 12px;font-size:15px;font-weight:800;padding-bottom:8px;border-bottom:2px solid var(--c-ink)}.side-panel ul{margin:0;padding:0;list-style:none}.side-panel li{border-bottom:1px dashed var(--c-line)}.side-panel li:last-child{border-bottom:none}.side-panel li a{display:block;padding:8px 2px;font-size:13px;color:var(--c-ink)}.side-cta{background:linear-gradient(135deg,var(--hero-from, #0e7490),var(--hero-to, #164e63));color:#fff;text-align:center}.side-cta .side-cta-title{font-size:16px;font-weight:800;margin:0 0 6px}.side-cta p{font-size:13px;margin:0 0 12px;color:#dbeff3}.btn{display:inline-block;background:#fff;color:var(--c-accent-2);font-weight:800;border-radius:999px;padding:10px 22px;font-size:14px;box-shadow:var(--shadow)}.btn-primary{background:var(--c-accent);color:#fff}.pagination{display:flex;justify-content:center;gap:8px;margin:26px 0 8px}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 8px;border-radius:50%;background:var(--c-panel);color:var(--c-ink);font-weight:700;font-size:14px;box-shadow:var(--shadow)}.pagination .current{background:var(--c-dark);color:#fff}.page-panel{background:var(--c-panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.post-header .post-title{margin:6px 0 10px;font-size:26px;line-height:1.45;font-weight:800}.post-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--c-muted)}.breadcrumb{font-size:12px;color:var(--c-muted);margin:14px 0 4px}.breadcrumb a{color:var(--c-muted)}.prose h2{font-size:20px;margin:36px 0 14px;padding:10px 14px;background:var(--c-bg);border-left:4px solid var(--c-ink);border-radius:4px}.prose h3{font-size:17px;margin:28px 0 10px;padding-bottom:6px;border-bottom:2px solid var(--c-line)}.prose ul,.prose ol{padding-left:1.4em}.prose blockquote{margin:1em 0;padding:10px 16px;background:var(--c-bg);border-left:4px solid var(--c-line);color:var(--c-muted)}.prose table{border-collapse:collapse;width:100%;font-size:14px}.prose th,.prose td{border:1px solid var(--c-line);padding:8px 12px}.prose th{background:var(--c-bg)}.price-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.price-card{border:1px solid var(--c-line);border-radius:var(--radius);padding:20px;text-align:center}.price-card .price-label{font-weight:700;color:var(--c-muted);font-size:14px}.price-card .price-value{font-size:32px;font-weight:800;color:var(--c-accent-2);margin:4px 0}.price-card .price-note{font-size:12px;color:var(--c-muted)}.steps{counter-reset:step;list-style:none;padding:0;margin:18px 0;display:grid;gap:12px}.steps li{counter-increment:step;background:var(--c-bg);border-radius:var(--radius);padding:16px 18px 16px 62px;position:relative}.steps li:before{content:counter(step);position:absolute;left:16px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--c-dark);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}.steps .step-title{font-weight:800;display:block}.faq-item{border-bottom:1px solid var(--c-line);padding:14px 0}.faq-item .faq-q{font-weight:800;margin:0 0 6px}.faq-item .faq-q:before{content:"Q. ";color:var(--c-accent)}.faq-item .faq-a{margin:0;font-size:15px;color:#3f4650}.faq-item .faq-a:before{content:"A. ";font-weight:800;color:#b45309}.site-footer{background:var(--c-dark);color:#cfd2d6;margin-top:30px;padding:34px 0 20px;font-size:13px}.site-footer .footer-cols{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}.site-footer .footer-title{color:#fff;font-weight:800;margin:0 0 10px;font-size:14px}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin-bottom:6px}.site-footer a{color:#cfd2d6}.site-footer .copyright{text-align:center;margin-top:26px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);color:#8f949b;font-size:12px}@media(max-width:960px){.layout{grid-template-columns:1fr}.article-grid-3{grid-template-columns:repeat(2,1fr)}.sidebar{position:static}.pickups{grid-template-columns:repeat(2,1fr)}.carousel{grid-auto-columns:72%}.site-footer .footer-cols{grid-template-columns:1fr}}@media(max-width:640px){.article-grid,.article-grid-3,.pickups-2,.search-row{grid-template-columns:1fr}.global-nav ul{display:grid;grid-template-columns:repeat(3,1fr)}.global-nav li{border-top:1px solid rgba(255,255,255,.08)}.price-cards{grid-template-columns:1fr}.carousel{grid-auto-columns:88%}.hero .hero-inner{padding:48px 20px}}
