/*
 * unazuku theme — service-it-consulting page styles
 * Source of truth: service-it-consulting.html (静的HTMLの<style>から抽出)
 * このファイルは scripts/sync-theme-css.py で service-it-consulting.html から再生成されます。
 * 直接編集せず、静的HTMLを修正してから本スクリプトを実行してください。
 */
    :root{--bg:#fcfbff;--surface:#fff;--line:#e5ddef;--text:#262433;--muted:#666274;--navy:#2f3553;--accent:#9f8bbb}
    *{box-sizing:border-box} body{margin:0;font-family:"Hiragino Sans","Yu Gothic",sans-serif;color:var(--text);background:var(--bg)}
    .wrap{width:min(1080px,calc(100% - 40px));margin:0 auto} a{text-decoration:none;color:inherit}
    header{position:sticky;top:0;background:#fcfbff;border-bottom:1px solid var(--line)} .nav{min-height:74px;display:flex;align-items:center;justify-content:space-between}
    .brand{font-size:1.2rem;font-weight:700;letter-spacing:.08em}.brand span{color:var(--accent)} .menu{display:flex;gap:24px;color:var(--muted)}
    main{padding:40px 0 70px}.card{border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:28px}
    .k{color:var(--accent);font-weight:700;font-size:.82rem;letter-spacing:.08em} h1{margin:10px 0 12px;font-size:2rem} p{line-height:1.9;color:#4f4a5e}
    .grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px}
    .case{border:1px solid #dcccf1;border-radius:16px;padding:18px;background:linear-gradient(180deg, rgba(245,239,255,.78), rgba(255,255,255,.96));transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .55s ease,border-color .55s ease}
    .case:hover{transform:translateY(-3px);border-color:rgba(159,139,187,.48);box-shadow:0 18px 44px rgba(68,53,97,.14)}
    .tag{display:inline-block;padding:4px 9px;border:1px solid #d9cbef;border-radius:999px;font-size:.76rem;color:#6d46a8;background:#f3ecff}
    .section-emph{margin:10px 0 10px;font-size:1.9rem;letter-spacing:.01em;color:var(--navy);padding-left:0;border-left:0}
    h3{margin:10px 0 8px;font-size:1.05rem} ul{margin:8px 0 0 18px;color:#4f4a5e;line-height:1.8}
    .case-feature{background:linear-gradient(180deg, rgba(238,229,255,.92), rgba(255,255,255,.98));border-color:#d1bceb}
    .case-feature h3{font-size:1.16rem;margin-bottom:12px}
    .case-block{position:relative;margin:12px 0 0;padding:12px 12px 10px 16px;border-radius:12px;border:1px solid #ddcff3;background:rgba(247,241,255,.62)}
    .case-block::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:999px;background:#9f8bbb}
    .case-block ul{margin-top:6px}
    .case-block li+li{margin-top:4px}
    .case-label{display:inline-flex;align-items:center;font-size:.78rem;font-weight:700;letter-spacing:.04em;border-radius:999px;padding:4px 10px;margin:0 0 6px;color:#7f68a8;background:#f3ecff;border:1px solid #dccff1}
    .case-label-issue,.case-label-action,.case-label-result,.case-label-future{color:#7f68a8;background:#f3ecff;border:1px solid #dccff1}
    .case-label::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}
    .case-label-issue::before,.case-label-action::before,.case-label-result::before,.case-label-future::before{background:#9f8bbb}
    .case-block ul{margin-top:4px}
    @keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
    .case{animation:fadeUp .6s cubic-bezier(.16,1,.3,1) both}
    .case:nth-child(2){animation-delay:.08s}
    .case:nth-child(3){animation-delay:.16s}
    .cta{margin-top:20px;display:flex;gap:10px}.btn{padding:11px 15px;border-radius:999px;border:1px solid var(--line)} .btn.p{background:var(--navy);color:#fff;border-color:var(--navy)}
    .sub-case{border:1px solid #e0d4f5;border-radius:12px;margin-top:12px;overflow:hidden}
    .sub-case summary{cursor:pointer;list-style:none;padding:12px 16px;font-weight:700;font-size:.95rem;color:var(--navy);background:rgba(247,241,255,.6);display:flex;align-items:center;gap:8px;user-select:none}
    .sub-case summary::-webkit-details-marker{display:none}
    .sub-case summary::before{content:"▶";font-size:.65rem;color:#9f8bbb;transition:transform .22s ease;flex-shrink:0}
    .sub-case[open] summary::before{transform:rotate(90deg)}
    .sub-case summary:hover{background:rgba(243,236,255,.85)}
    .sub-case .inner{padding:4px 14px 14px}
    .services-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
    .services-section h2{font-size:1.35rem;color:var(--navy);margin:0 0 16px}
    .service-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
    .service-chips li{padding:8px 16px;border:1px solid #c9b8e8;border-radius:999px;font-size:.88rem;font-weight:700;color:#6d46a8;background:#f3ecff}
    .case-coming-soon{position:relative;opacity:.45;filter:grayscale(.6);pointer-events:none;user-select:none}
    .case-coming-soon::after{content:"公開準備中";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;letter-spacing:.08em;color:#7f68a8;background:rgba(252,251,255,.55);border-radius:16px;pointer-events:none}
    html[lang="en"] .case-coming-soon::after{content:"Preparing for release"}
    .case-coming-soon:hover{transform:none;box-shadow:none}
    @media(max-width:900px){.menu{display:none}}
  
.skip-link{position:absolute;left:-9999px;top:6px;padding:8px 16px;background:var(--navy,#2f3553);color:#fff;border-radius:999px;font-weight:700;z-index:9999;text-decoration:none}
.skip-link:focus{left:16px}
.breadcrumb{margin:18px 0 0;font-size:.82rem;color:var(--muted,#666274)}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0}
.breadcrumb li{display:inline-flex;align-items:center;gap:6px}
.breadcrumb li+li::before{content:"\203a";color:#b3aac4}
.breadcrumb a{color:var(--accent-deep,#9f8bbb);font-weight:600}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb [aria-current="page"]{color:var(--navy,#2f3553);font-weight:700}