/* モボモガ 法務サブページ共通スタイル（本紙 index.html と同じトークン） */
:root{
  --paper:#F6D8A7;
  --ink:#14141A;
  --mustard:#EDA400;
  --red:#CF0112;
  --f-display:"Kaisei Decol",serif;
  --f-body:"Zen Kaku Gothic New",sans-serif;
  --f-mono:"Courier Prime",monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip}
body{
  font-family:var(--f-body);
  font-size:15px;
  line-height:2.05;
  letter-spacing:.02em;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
  /* このページは text-align:justify を p,li で使っているので palt は必須（規律 A10.5）。
     paltが無いまま両端揃えにすると、約物（、。「」）が全角幅で入って行ごとに空きがバラつく。 */
  font-feature-settings:"palt" 1;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:90;
  pointer-events:none;
  opacity:.04;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}
a{color:inherit}
.site-head{
  position:sticky;
  top:6px;
  z-index:80;
  margin:6px 6px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:var(--ink);
  color:var(--paper);
  border:1px solid rgba(246,216,167,.4);
  padding:9px 20px;
}
.site-head img{width:44px;height:44px;display:block}
.head-back{
  font-family:var(--f-mono);
  font-weight:700;
  font-size:11.5px;
  letter-spacing:.18em;
  text-decoration:none;
  padding:6px 0;
}
.head-back:hover{color:var(--mustard)}
main{
  max-width:800px;
  margin-inline:auto;
  padding:clamp(48px,7vw,84px) 24px clamp(72px,9vw,110px);
}
h1{
  font-family:var(--f-display);
  font-weight:700;
  font-size:clamp(1.5rem,3vw,2rem);
  letter-spacing:.08em;
  line-height:1.8;
  text-align:center;
  margin-bottom:10px;
}
.page-date{
  font-family:var(--f-mono);
  font-size:11.5px;
  letter-spacing:.14em;
  text-align:center;
  margin-bottom:clamp(36px,5vw,56px);
}
.frame{
  position:relative;
  border:3px solid var(--ink);
  padding:clamp(28px,4.5vw,56px) clamp(20px,4.5vw,56px);
}
.frame::before{
  content:"";
  position:absolute;
  inset:6px;
  border:1px solid var(--ink);
  pointer-events:none;
}
h2{
  font-family:var(--f-display);
  font-weight:700;
  font-size:1.05rem;
  letter-spacing:.06em;
  line-height:1.9;
  margin:34px 0 10px;
}
h2:first-of-type{margin-top:0}
/* 一文字残りを構造で潰す（罠.md §5）。public/assets/legal.css には入っていたが、
   モボモガの法的3ページだけ text-wrap が1つも無いまま本番で動いていた。
   段落は pretty。見出し・特商法の表（dt/dd）・箇条書きの li は「段落でない短文」なので balance。
   実測 SP390：tokushoho 1件→0件 / terms 4件→0件（2026-08-01）。 */
h1,h2,h3{line-break:strict;text-wrap:balance}
p,li{font-size:14.5px;text-align:justify;line-break:strict}
p{text-wrap:pretty}
li,dt,dd{line-break:strict;text-wrap:balance}
ol,ul{padding-left:1.6em}
ol li,ul li{margin-bottom:4px}
/* 特商法の表 */
dl{display:grid;grid-template-columns:minmax(130px,200px) 1fr}
dt{
  font-family:var(--f-mono);
  font-weight:700;
  font-size:12px;
  letter-spacing:.08em;
  padding:16px 14px 16px 2px;
  border-bottom:1px dotted rgba(20,20,26,.5);
}
dd{
  font-size:14.5px;
  padding:16px 0;
  border-bottom:1px dotted rgba(20,20,26,.5);
}
dl dt:last-of-type,dl dd:last-of-type{border-bottom:none}
.foot{
  text-align:center;
  padding:34px 24px 40px;
  font-family:var(--f-mono);
  font-size:11.5px;
  letter-spacing:.12em;
}
.foot a{text-decoration:underline;text-underline-offset:4px}
.foot a:hover{color:var(--red)}
.foot .links{margin-bottom:14px}
.foot .links a{margin:0 10px}
@media (max-width:560px){
  dl{grid-template-columns:1fr}
  dt{padding:14px 0 0;border-bottom:none}
  dd{padding:2px 0 14px}
}