/* C スピードポスター — 太い文字、強いコントラスト、速さを感じる線。斑点は抽象化して控えめに */
[data-skin="c"] .site-head { background: var(--ink); color: var(--bg); }
[data-skin="c"] .logo-kana { color: var(--accent); }
[data-skin="c"] .run-line { background: var(--accent); height: 4px; bottom: 0; }
[data-skin="c"] .hero { background: var(--ink); color: var(--bg); overflow: hidden; }
[data-skin="c"] .hero::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(104deg, transparent 0 46px, rgba(255, 176, 0, .1) 46px 48px); pointer-events: none; }
[data-skin="c"] .hero-media { border-bottom: 4px solid var(--accent); }
[data-skin="c"] .spots { display: block; position: absolute; right: -60px; top: -30px; width: min(560px, 62vw); color: var(--accent); opacity: .2; pointer-events: none; }
[data-skin="c"] .kicker { color: var(--accent); font-weight: 700; }
[data-skin="c"] .hero-title { transform: skewX(-6deg); transform-origin: left bottom; }
[data-skin="c"] .hero-title .l3 { color: var(--accent); }
[data-skin="c"] .hero .lead { color: rgba(244, 240, 230, .92); }
[data-skin="c"] .hero .entry { border-color: var(--bg); }
[data-skin="c"] .hero .entry button[aria-pressed="true"] { background: var(--accent); color: var(--ink); }
[data-skin="c"] .hero .entry-note { color: rgba(244, 240, 230, .7); }
[data-skin="c"] .hero .btn-primary { border-color: var(--accent); }
[data-skin="c"] .hero .btn-ghost { border-color: var(--bg); color: var(--bg); }
[data-skin="c"] .btn-primary { background: var(--accent); color: var(--ink); border-color: var(--ink); }
[data-skin="c"] .hero-ticket { background: var(--accent); color: var(--ink); border-color: var(--accent); transform: rotate(-2deg); }
[data-skin="c"] .t-meta, [data-skin="c"] .o-time { color: var(--ink); opacity: .72; }
[data-skin="c"] .t-offers li { border-top-color: rgba(13, 13, 11, .45); }
[data-skin="c"] .f-no { font-weight: 900; background: var(--accent); color: var(--ink); padding: .02em .1em; display: inline-block; transform: skewX(-6deg); }
[data-skin="c"] .flow-list li, [data-skin="c"] .assure-list > div { border-top-color: var(--ink); }
[data-skin="c"] .pro { background: var(--accent); color: var(--ink); }
[data-skin="c"] .pro .btn { border-color: var(--ink); }
[data-skin="c"] .pro .btn-primary { background: var(--ink); color: var(--accent); }
[data-skin="c"] .pro-facts b { font-weight: 900; }
[data-skin="c"] .site-foot { background: var(--ink); color: var(--bg); border-top: 0; }
[data-skin="c"] .foot-note, [data-skin="c"] .foot-small { color: rgba(244, 240, 230, .7); }
[data-skin="c"] .chip[aria-checked="true"], [data-skin="c"] .entry button[aria-pressed="true"], [data-skin="c"] .seg button[aria-pressed="true"] { background: var(--accent); color: var(--ink); }
[data-skin="c"] .wiz-progress { border: var(--bw) solid var(--ink); background: #F4F0E6; height: 18px; }
[data-skin="c"] .wiz-summary { background: #F4F0E6; }
[data-skin="c"] .proposal { background: #F4F0E6; border: var(--bw) solid var(--ink); padding: 1.3em 1.3em 1.2em; margin-top: 14px; }
[data-skin="c"] .proposals { padding-top: 14px; }
[data-skin="c"] .proposal { --c-price: 204px; --c-time: 132px; --c-rate: 104px; }
[data-skin="c"] .n b { font-weight: 900; font-size: clamp(1.5rem, 2.1vw, 2.05rem); }
[data-skin="c"] .proposals[data-sort="price"] .n-price b,
[data-skin="c"] .proposals[data-sort="time"] .n-time b,
[data-skin="c"] .proposals[data-sort="rating"] .n-rate b { background: var(--accent); color: var(--ink); padding: 0 .12em; }
[data-skin="c"] .badge { background: var(--ink); color: var(--accent); border-color: var(--ink); }
[data-skin="c"] .p-name { font-size: clamp(1.3rem, 2.4vw, 1.9rem); }
[data-skin="c"] .sortbar { border-width: var(--bw); }
[data-skin="c"] .pf-score .bar i { background: var(--ink); }

/* ---- サバンナの囲み：太い墨の縁＋黄の内線（二重線）。角に肉球、下端に草のライン ---- */
[data-skin="c"] .panel { position: relative; border: 3px solid var(--ink); box-shadow: none; }
[data-skin="c"] .wiz-summary { border: 3px solid var(--ink); box-shadow: none; }
[data-skin="c"] .proposal { box-shadow: none; }
[data-skin="c"] dialog.profile { box-shadow: none; }
[data-skin="c"] .hero-ticket { box-shadow: none; padding-bottom: 34px; }
[data-skin="c"] .panel::after, [data-skin="c"] .wiz-summary::after, [data-skin="c"] .hero-ticket::after { content: ""; position: absolute; top: 10px; right: 10px; width: 24px; height: 24px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><g fill='%230D0D0B'><ellipse cx='24' cy='31' rx='9.5' ry='7.6'/><ellipse cx='9.5' cy='20' rx='3.4' ry='4.6' transform='rotate(-24 9.5 20)'/><ellipse cx='17.5' cy='13' rx='3.7' ry='5' transform='rotate(-8 17.5 13)'/><ellipse cx='30.5' cy='13' rx='3.7' ry='5' transform='rotate(8 30.5 13)'/><ellipse cx='38.5' cy='20' rx='3.4' ry='4.6' transform='rotate(24 38.5 20)'/></g></svg>") no-repeat center / contain; opacity: .18; transform: rotate(14deg); pointer-events: none; }
[data-skin="c"] .hero-ticket::before { content: ""; position: absolute; left: 10px; right: 10px; bottom: 7px; height: 12px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='12' viewBox='0 0 28 12'><path d='M2 12 L4.5 3 L7 12 M10 12 L12 1 L14.5 12 M18 12 L20 4 L22.5 12 M24.5 12 L26 5 L27.5 12' stroke='%230D0D0B' stroke-width='1.7' fill='none'/></svg>") repeat-x left bottom / auto 12px; opacity: .28; pointer-events: none; }
[data-skin="c"] .stat-band { position: relative; background: rgba(255,176,0,.18); border: 3px solid var(--ink); box-shadow: none; padding: 1.1em 18px 1.6em; }
[data-skin="c"] .stat-band::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: 6px; height: 12px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='12' viewBox='0 0 28 12'><path d='M2 12 L4.5 3 L7 12 M10 12 L12 1 L14.5 12 M18 12 L20 4 L22.5 12 M24.5 12 L26 5 L27.5 12' stroke='%230D0D0B' stroke-width='1.7' fill='none'/></svg>") repeat-x left bottom / auto 12px; opacity: .3; pointer-events: none; }
[data-skin="c"] .mypage .rows > li, [data-skin="c"] .biz .rows > li { background: #F4F0E6; border: 3px solid var(--ink); box-shadow: none; padding: 1em 1.1em; margin-top: 12px; }
[data-skin="c"] .mypage .rows > li:first-child, [data-skin="c"] .biz .rows > li:first-child { margin-top: 0; }
