/*
Theme Name: 職場のモヤモヤ対処室
Theme URI: https://example.com/
Author: 職場のモヤモヤ対処室
Description: 診断コンテンツと悩み解決記事のための、信頼感と個性を両立したブロックテーマ。
Version: 1.0.3
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: shokuba-moyamoya
*/

:root{--smm-navy:#101b38;--smm-navy-2:#1b2b54;--smm-blue:#315cdb;--smm-cyan:#54d6dc;--smm-ink:#14203c;--smm-muted:#69748a;--smm-paper:#f5f7fb;--smm-line:#dce2ee;--smm-white:#fff}
html{scroll-behavior:smooth}
body{background:var(--smm-paper);color:var(--smm-ink);text-rendering:optimizeLegibility}
a{text-underline-offset:.18em;text-decoration-thickness:1px}
.wp-site-blocks{overflow:hidden}

/* Header */
.smm-header-wrap{position:relative;z-index:20;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(220,226,238,.85);backdrop-filter:blur(14px)}
.smm-header{min-height:76px}
.smm-brand{flex:0 0 auto;white-space:nowrap;line-height:1.2}
.smm-brand a{display:inline-flex;align-items:center;white-space:nowrap;text-decoration:none!important}
.smm-brand:before{content:"◐";display:inline-grid;place-items:center;width:34px;height:34px;margin-right:10px;border-radius:50%;background:var(--smm-navy);color:#fff;font-size:17px;vertical-align:-2px}
.smm-header .wp-block-navigation-item{white-space:nowrap}
.smm-header .wp-block-navigation__submenu-container,.smm-header .wp-block-navigation__submenu-icon{display:none!important}
.smm-header .wp-block-navigation-item__content{padding:.6rem .15rem;text-decoration:none;font-size:.88rem;font-weight:600;color:var(--smm-ink)}
.smm-header .wp-block-navigation-item__content:hover{color:var(--smm-blue)}

/* Homepage hero */
.smm-hero{position:relative;isolation:isolate;min-height:580px;display:grid;align-items:center;background:var(--smm-navy);color:#fff;overflow:hidden}
.smm-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(rgba(84,214,220,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(84,214,220,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent)}
.smm-hero:after{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:-120px;top:30px;border:1px solid rgba(84,214,220,.28);border-radius:50%;box-shadow:0 0 0 70px rgba(84,214,220,.035),0 0 0 140px rgba(84,214,220,.025)}
.smm-kicker{display:inline-flex;align-items:center;gap:9px;font-size:.72rem;font-weight:700;letter-spacing:.18em;color:var(--smm-cyan)}
.smm-kicker:before{content:"";width:30px;height:1px;background:currentColor}
.smm-hero h1{max-width:800px;letter-spacing:-.05em;line-height:1.32}
.smm-hero-copy{max-width:650px;color:#bdc9df;line-height:2}
.smm-hero-actions .wp-block-button__link{transition:.2s}
.smm-hero-actions .wp-block-button__link:hover{transform:translateY(-2px)}
.smm-proof{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:28px;color:#aebbd2;font-size:.78rem}
.smm-proof span:before{content:"✓";margin-right:8px;color:var(--smm-cyan)}

/* Shared editorial sections */
.smm-section{padding-top:clamp(64px,8vw,104px);padding-bottom:clamp(64px,8vw,104px)}
.smm-section-head{display:grid;grid-template-columns:120px 1fr;gap:28px;align-items:start;margin-bottom:34px}
.smm-section-number{font-size:.72rem;font-weight:800;letter-spacing:.16em;color:var(--smm-blue)}
.smm-section-head h2{margin-top:0;letter-spacing:-.035em}
.smm-section-head p{max-width:660px;color:var(--smm-muted);line-height:1.9}
.smm-diagnosis-area{position:relative}
.smm-diagnosis-area:before{content:"DIAGNOSIS INDEX";position:absolute;right:-24px;top:22px;writing-mode:vertical-rl;color:#dfe4ee;font-size:.65rem;font-weight:800;letter-spacing:.2em}
.smm-diagnosis-area .smm-list__intro{display:none}

/* Article cards */
.smm-latest{background:#eef2f8}
.smm-post-grid{gap:18px!important}
.smm-post-card{height:100%;padding:24px;border:1px solid var(--smm-line);border-radius:16px;background:#fff;transition:.2s}
.smm-post-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(30,48,87,.09);border-color:#cbd4e6}
.smm-post-card .wp-block-post-title{line-height:1.6}
.smm-post-card .wp-block-post-title a{text-decoration:none}
.smm-post-card .wp-block-post-date{color:var(--smm-blue);font-size:.7rem;letter-spacing:.08em}
.smm-post-card .wp-block-post-excerpt{color:var(--smm-muted);font-size:.88rem;line-height:1.8}
.smm-all-posts{margin-top:34px}
.smm-all-posts .wp-block-button__link{min-width:220px;padding:14px 25px;border:1px solid var(--smm-navy);box-shadow:0 8px 20px rgba(16,27,56,.12);font-size:.88rem;font-weight:700;transition:.2s}
.smm-all-posts .wp-block-button__link:hover{transform:translateY(-2px);background:var(--smm-blue)!important;border-color:var(--smm-blue);box-shadow:0 12px 25px rgba(49,92,219,.18)}

/* Article and normal pages */
.smm-page-hero{position:relative;padding-top:68px;padding-bottom:50px;background:#edf2fa;border-bottom:1px solid var(--smm-line)}
.smm-page-hero:after{content:"";position:absolute;width:150px;height:4px;left:max(24px,calc((100vw - 1120px)/2));bottom:-2px;background:linear-gradient(90deg,var(--smm-blue),var(--smm-cyan))}
.smm-page-hero h1{letter-spacing:-.04em;line-height:1.42}
.smm-content-shell{padding-top:54px;padding-bottom:80px}
.smm-article{padding:clamp(26px,5vw,54px);border:1px solid var(--smm-line);border-radius:20px;background:#fff;box-shadow:0 18px 48px rgba(31,48,87,.07)}
.smm-article p,.smm-article li{line-height:2}
.smm-article h2{margin-top:2.7em;padding:14px 18px;border-left:4px solid var(--smm-blue);background:#f2f5fb;border-radius:0 10px 10px 0}
.smm-article h3{margin-top:2.2em;padding-bottom:9px;border-bottom:1px solid var(--smm-line)}
.smm-article blockquote{padding:22px 25px;border:0;border-radius:14px;background:linear-gradient(135deg,#eef4ff,#eafafa)}
.smm-post-meta{color:var(--smm-muted);font-size:.78rem}
.smm-breadcrumb{font-size:.72rem;color:var(--smm-muted)}
.smm-empty{padding:45px;border:1px dashed var(--smm-line);border-radius:16px;text-align:center;color:var(--smm-muted)}

/* Footer */
.smm-footer-wrap{background:var(--smm-navy);color:#b9c5da}
.smm-footer{padding-top:52px;padding-bottom:28px}
.smm-footer-brand{color:#fff}
.smm-footer-note{max-width:620px;font-size:.78rem;line-height:1.9;color:#93a3bf}
.smm-footer .wp-block-navigation-item__content{color:#c6d1e3;text-decoration:none;font-size:.78rem}
.smm-copyright{padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:.7rem;color:#8292ad}

@media(max-width:781px){
 .smm-header{min-height:64px}.smm-brand{font-size:clamp(.88rem,4vw,1rem)!important}.smm-brand:before{width:30px;height:30px;margin-right:7px}
 .smm-hero{min-height:540px}.smm-hero:after{width:350px;height:350px;right:-210px;top:90px}
 .smm-section-head{grid-template-columns:1fr;gap:5px}.smm-section-head p{margin-top:0}
 .smm-diagnosis-area:before{display:none}
 .smm-article{border-radius:15px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}