@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@400;500;700&display=swap');

:root{
  --c-primary:#6B3FA0;--c-primary-lt:#9B6FCC;--c-primary-pale:#F2EDF8;
  --c-accent:#C8973A;--c-accent-pale:#FDF5E6;--c-text:#2D2D2D;--c-muted:#777;
  --c-bg:#fff;--c-bg-gray:#F8F6FC;--c-border:#E4D9F0;--c-star:#F5A623;
  --f-serif:'Noto Serif JP','游明朝',YuMincho,serif;
  --f-sans:'Noto Sans JP','游ゴシック',YuGothic,sans-serif;
  --radius-sm:4px;--radius:10px;--radius-lg:16px;
  --shadow-sm:0 2px 8px rgba(107,63,160,.08);
  --shadow:0 4px 20px rgba(107,63,160,.12);
  --shadow-lg:0 8px 32px rgba(107,63,160,.18);
  --trans:.25s ease;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--f-sans);font-size:16px;line-height:1.85;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--c-primary);text-decoration:none;transition:color var(--trans)}
a:hover{color:var(--c-primary-lt)}
::selection{background:var(--c-primary);color:#fff}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--c-bg-gray)}
::-webkit-scrollbar-thumb{background:var(--c-primary-lt);border-radius:3px}

/* HEADER */
.wp-site-blocks>header,header.wp-block-template-part{
  position:sticky;top:0;z-index:1000;
  background:rgba(255,255,255,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:3px solid var(--c-primary);box-shadow:var(--shadow-sm);padding:0 24px;
}
.wp-block-site-title a,.wp-block-site-title{
  font-family:var(--f-serif);font-size:1.4rem;font-weight:700;color:var(--c-primary)!important;letter-spacing:.05em;
}
.wp-block-site-tagline{font-size:.72rem;color:var(--c-muted);letter-spacing:.03em}
.wp-block-navigation a{font-size:.875rem;font-weight:500;color:var(--c-text)!important;padding:.4em .8em;border-radius:var(--radius-sm);transition:all var(--trans)}
.wp-block-navigation a:hover{color:var(--c-primary)!important;background:var(--c-primary-pale)}

/* ARTICLE CARDS */
.wp-block-post-template{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;list-style:none!important;padding:0!important;margin:0!important}
.wp-block-post{background:var(--c-bg);border-radius:var(--radius);border:1px solid var(--c-border);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--trans),box-shadow var(--trans)}
.wp-block-post:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.wp-block-post .wp-block-post-featured-image{overflow:hidden}
.wp-block-post .wp-block-post-featured-image img{width:100%;height:200px;object-fit:cover;transition:transform .4s ease}
.wp-block-post:hover .wp-block-post-featured-image img{transform:scale(1.04)}
.wp-block-post-title a{font-family:var(--f-serif);font-size:1rem;font-weight:700;color:var(--c-text)!important;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wp-block-post-title a:hover{color:var(--c-primary)!important}
.wp-block-post>*:not(.wp-block-post-featured-image){padding:0 16px}
.wp-block-post>*:last-child{padding-bottom:16px}
.wp-block-post>.wp-block-post-title{padding-top:14px}
.wp-block-post-terms a{display:inline-block;font-size:.7rem;font-weight:700;background:var(--c-primary);color:#fff!important;padding:2px 10px;border-radius:20px;margin:8px 0 4px;letter-spacing:.03em}
.wp-block-post-date{font-size:.75rem;color:var(--c-muted)}
.wp-block-post-excerpt p{font-size:.85rem;color:var(--c-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}

/* ENTRY TYPOGRAPHY */
.entry-content,.wp-block-post-content{font-size:16px;line-height:1.9;color:var(--c-text)}
.entry-content h2,.wp-block-post-content h2{font-family:var(--f-serif);font-size:1.45rem;font-weight:700;color:#fff;background:linear-gradient(90deg,var(--c-primary) 0%,var(--c-primary-lt) 100%);padding:12px 20px;border-radius:var(--radius-sm);margin:3rem 0 1.2rem;line-height:1.4}
.entry-content h3,.wp-block-post-content h3{font-family:var(--f-serif);font-size:1.15rem;font-weight:700;color:var(--c-primary);border-left:4px solid var(--c-primary);padding:4px 0 4px 14px;margin:2rem 0 .8rem}
.entry-content h4,.wp-block-post-content h4{font-size:1rem;font-weight:700;color:var(--c-text);padding:4px 0 4px 12px;border-left:3px solid var(--c-accent);margin:1.5rem 0 .6rem}
.entry-content p,.wp-block-post-content p{margin:0 0 1.4rem}
.entry-content ul li::marker,.wp-block-post-content ul li::marker{color:var(--c-primary)}
.entry-content strong,.wp-block-post-content strong{font-weight:700;color:var(--c-primary)}
.entry-content blockquote,.wp-block-post-content blockquote{border-left:4px solid var(--c-primary);background:var(--c-primary-pale);padding:16px 20px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:1.5rem 0}
.entry-content table,.wp-block-post-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem}
.entry-content th,.wp-block-post-content th{background:var(--c-primary);color:#fff;padding:10px 14px;text-align:left;font-weight:700}
.entry-content td,.wp-block-post-content td{border:1px solid var(--c-border);padding:10px 14px;vertical-align:top}
.entry-content tr:nth-child(even) td,.wp-block-post-content tr:nth-child(even) td{background:var(--c-bg-gray)}

/* CALLOUT BOXES */
.box-point{background:var(--c-primary-pale);border:2px solid var(--c-primary);border-radius:var(--radius);padding:20px 24px;margin:1.5rem 0;position:relative}
.box-point::before{content:'POINT';position:absolute;top:-12px;left:20px;background:var(--c-primary);color:#fff;font-size:.7rem;font-weight:700;padding:2px 12px;border-radius:20px;letter-spacing:.1em}
.box-warning{background:#fff8e1;border:2px solid #f5a623;border-radius:var(--radius);padding:20px 24px;margin:1.5rem 0;position:relative}
.box-warning::before{content:'⚠ 注意';position:absolute;top:-12px;left:20px;background:#f5a623;color:#fff;font-size:.7rem;font-weight:700;padding:2px 12px;border-radius:20px}
.box-check{background:#f0fff4;border:2px solid #38a169;border-radius:var(--radius);padding:20px 24px;margin:1.5rem 0}
.box-check ul{list-style:none;padding:0}
.box-check ul li::before{content:'✓ ';color:#38a169;font-weight:700}

/* TOC */
.toc-box{background:var(--c-bg-gray);border:1px solid var(--c-border);border-top:3px solid var(--c-primary);border-radius:var(--radius);padding:20px 24px;margin:2rem 0}
.toc-box .toc-title{font-family:var(--f-serif);font-size:1rem;font-weight:700;color:var(--c-primary);margin:0 0 12px;display:flex;align-items:center;gap:8px}
.toc-box .toc-title::before{content:'📋'}
.toc-box li{font-size:.875rem;margin-bottom:6px}
.toc-box a{color:var(--c-primary)}
.toc-box a:hover{text-decoration:underline}

/* AUTHOR BOX */
.author-box{display:flex;gap:20px;background:linear-gradient(135deg,var(--c-primary-pale) 0%,#fff 100%);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:24px;margin:3rem 0;align-items:flex-start}
.author-box .author-avatar{flex-shrink:0;width:80px;height:80px;border-radius:50%;border:3px solid var(--c-primary);object-fit:cover}
.author-box .author-name{font-family:var(--f-serif);font-size:1rem;font-weight:700;color:var(--c-primary);margin:0 0 4px}
.author-box .author-role{font-size:.75rem;background:var(--c-primary);color:#fff;display:inline-block;padding:1px 10px;border-radius:20px;margin-bottom:10px}
.author-box .author-bio{font-size:.875rem;line-height:1.7;color:var(--c-text);margin:0}

/* SERVICE CARDS */
.service-card{border:2px solid var(--c-border);border-radius:var(--radius-lg);padding:24px;margin:1.5rem 0;background:#fff;box-shadow:var(--shadow-sm);transition:box-shadow var(--trans)}
.service-card:hover{box-shadow:var(--shadow)}
.service-card .service-rank{font-size:.75rem;font-weight:700;color:#fff;background:var(--c-accent);display:inline-block;padding:2px 12px;border-radius:20px;margin-bottom:8px}
.service-card .service-name{font-family:var(--f-serif);font-size:1.3rem;font-weight:700;color:var(--c-primary);margin:0 0 8px}
.service-card .star-rating{color:var(--c-star);font-size:1.2rem;margin-bottom:8px}

/* BUTTONS */
.btn-primary{display:inline-block;background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-lt) 100%);color:#fff!important;font-size:1rem;font-weight:700;padding:14px 36px;border-radius:50px;box-shadow:0 4px 16px rgba(107,63,160,.35);transition:all var(--trans);letter-spacing:.05em;text-align:center}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(107,63,160,.45);color:#fff!important}
.wp-block-button__link,.wp-element-button{background:var(--c-primary)!important;border-radius:50px!important;font-weight:700!important;padding:12px 28px!important;transition:all var(--trans)!important}
.wp-block-button__link:hover,.wp-element-button:hover{background:var(--c-primary-lt)!important;transform:translateY(-2px);box-shadow:var(--shadow)}

/* FOOTER */
.wp-site-blocks>footer,footer.wp-block-template-part{background:#1A0D2E;color:rgba(255,255,255,.8);padding:48px 0 24px;margin-top:80px}
.wp-site-blocks>footer a,footer.wp-block-template-part a{color:rgba(255,255,255,.65)}
.wp-site-blocks>footer a:hover,footer.wp-block-template-part a:hover{color:#fff}
.wp-site-blocks>footer .wp-block-site-title a,footer.wp-block-template-part .wp-block-site-title a{color:#fff!important}

/* PROFILE PAGE */
.profile-hero{background:linear-gradient(135deg,var(--c-primary-pale) 0%,#fff 100%);border-radius:var(--radius-lg);padding:40px;display:flex;gap:40px;align-items:flex-start;margin-bottom:40px;border:1px solid var(--c-border)}
.profile-avatar{flex-shrink:0;width:140px;height:140px;border-radius:50%;border:4px solid var(--c-primary);box-shadow:var(--shadow);object-fit:cover}
.profile-name{font-family:var(--f-serif);font-size:1.8rem;font-weight:700;color:var(--c-primary);margin:0 0 4px}
.profile-name-en{font-size:.85rem;color:var(--c-muted);letter-spacing:.15em;margin-bottom:16px}
.profile-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.profile-badge{font-size:.72rem;font-weight:700;padding:3px 12px;border-radius:20px;border:1px solid var(--c-primary);color:var(--c-primary)}
.profile-bio{font-size:.925rem;line-height:1.8;color:var(--c-text)}

/* ANIMATIONS */
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.wp-block-post{animation:fadeInUp .4s ease both}
.wp-block-post:nth-child(1){animation-delay:.05s}.wp-block-post:nth-child(2){animation-delay:.1s}
.wp-block-post:nth-child(3){animation-delay:.15s}.wp-block-post:nth-child(4){animation-delay:.2s}
.wp-block-post:nth-child(5){animation-delay:.25s}.wp-block-post:nth-child(6){animation-delay:.3s}

/* RESPONSIVE */
@media(max-width:768px){
  .wp-block-post-template{grid-template-columns:1fr!important}
  .profile-hero{flex-direction:column;align-items:center;text-align:center;padding:24px}
  .profile-badges{justify-content:center}
  .author-box{flex-direction:column;align-items:center;text-align:center}
  .entry-content h2,.wp-block-post-content h2{font-size:1.2rem}
}