[data-ui-foundation="withawai-2.1.0"] {
  --ui-surface: #ffffff;
  --ui-text: #203a30;
  --ui-muted: #53645b;
  --ui-divider: #e2ddd0;
  --ui-border: #cbd1c7;
  --product-accent: #193c30;
  --product-accent-hover: #285141;
  --product-canvas: #f7f4ec;
  --product-surface: #ffffff;
  --product-font: var(--ui-font-sans);
  --paper: var(--product-canvas);
  --surface: var(--ui-surface);
  --ink: var(--ui-text);
  --muted: var(--ui-muted);
  --faint: var(--ui-muted);
  --accent: var(--product-accent);
  --seal: var(--ui-danger);
  --good: var(--ui-success);
  margin: 0;
}
.lp { --jp: var(--ui-font-sans); overflow-x: visible; font-size: 16px; }
.lp .ui-signature { margin: 0; padding: 36px max(var(--gutter), calc((100% - var(--maxw)) / 2 + var(--gutter))); background: var(--paper); border-color: var(--rule); }
.lp .ui-signature p { margin: 8px 0; }
.lp .ui-signature a { color: var(--ui-text); }
.lp .ui-signature .ui-wordmark { color: var(--accent); }
.lp .ui-signature .ui-wordmark em { color: var(--ui-gold); }
.legal-page { max-width: 820px; margin: 0 auto; padding: 32px 24px; font-family: var(--ui-font-sans); font-size: 16px; line-height: 1.9; }
.legal-page h1 { font-size: clamp(26px,4vw,38px); line-height: 1.5; }
.legal-page h2 { margin-top: 36px; font-size: 22px; }
.legal-page a { text-underline-offset: .2em; }
.legal-page .ui-signature { margin-top: 40px; }

/* LP本文のレイアウト・表現は lp.css が持つ（2026-09-30）。ここは共通入口・法務・署名の上書きだけ。 */
/* Common entry components keep the invoice-pay blue and approved icon. */
.entry-product{gap:10px}.entry-product img{flex:none;object-fit:contain}
.lp .entry-button--primary{color:var(--product-on-accent,#fff)}
.lp .entry-button--secondary{color:var(--product-accent)}
.lp .entry-header{position:relative;z-index:30;background:#fff}
.lp .entry-header__nav{gap:20px}.lp .entry-band{background:#f3ead9;color:#193c30}
.invoice-entry-final{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:flex-start}
.invoice-entry-final .entry-login{width:100%;justify-content:flex-start}
.invoice-flow-link{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
.invoice-start{background:#f7f4ec;min-height:100vh}.invoice-start .entry-card{max-width:620px}
.invoice-start main{padding:1px 0 32px}.invoice-start .entry-card h1{font-size:32px}
@media(max-width:760px){.entry-product{display:flex;line-height:1.4;gap:7px}.entry-product img{width:28px;height:28px}.entry-product span{overflow:hidden;text-overflow:ellipsis}.invoice-start .entry-card h1{font-size:25px}.invoice-entry-final{display:grid;width:100%}.invoice-entry-final .entry-login{justify-content:center}.invoice-entry-final .entry-button{width:100%}}
/* 製品名の「-pay」は withAwaI の gold(アプリのロゴと同じ) */
.entry-product__pay { color: var(--ui-gold); }