/* Honte（本手）— 証券印刷 × 碁盤。紙の色、墨、朱。角丸のカードや飾りのアイコンは使わない */
:root{
  --paper:#F4F1EA; --paper2:#EDE8DC; --ink:#1C1C1C; --sub:#5B554A; --rule:#CFC6B4; --line:#3B2A12;
  --shu:#B4442B; --kaya:#E6C48C;
  --mincho:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;
  --gothic:"BIZ UDPGothic","Hiragino Sans","Yu Gothic","Meiryo",sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--gothic);font-size:16px;line-height:1.9;
  background-image:linear-gradient(var(--paper2) 1px,transparent 1px);background-size:100% 3px}
a{color:var(--ink);text-decoration-color:var(--shu);text-underline-offset:3px}
a:hover{color:var(--shu)}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}
@media(max-width:600px){.wrap{padding:0 16px}}

/* 上の帯 */
header.site{border-bottom:1px solid var(--ink)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:14px;flex-wrap:wrap}
.brand{display:flex;align-items:baseline;gap:14px;text-decoration:none;color:var(--ink)}
.brand img{height:30px;width:auto;display:block}
.brand small{font-family:var(--gothic);font-size:.82rem;color:var(--sub);letter-spacing:.06em}
nav.site{display:flex;gap:22px;flex-wrap:wrap;font-size:.9rem}
nav.site a{text-decoration:none;color:var(--sub)}
nav.site a:hover{color:var(--ink)}
nav.site a[aria-current]{color:var(--ink);border-bottom:2px solid var(--shu);padding-bottom:2px}
.band{height:24px;background:url(/assets/band.svg) repeat-x center;border-bottom:1px solid var(--rule)}

/* 本文 */
main{display:block}
main .inner{max-width:1040px;margin:0 auto;padding:48px 24px 40px}
@media(max-width:600px){main .inner{padding:32px 16px 32px}}
h1{font-family:var(--mincho);font-weight:800;font-size:clamp(1.9rem,4.2vw,3rem);line-height:1.38;margin:0 0 24px;letter-spacing:.02em;max-width:18em}
@media(max-width:420px){h1{font-size:1.72rem}}
h2{font-family:var(--mincho);font-weight:700;font-size:1.6rem;line-height:1.45;margin:56px 0 16px;letter-spacing:.03em;padding-top:18px;border-top:1px solid var(--ink)}
h3{font-family:var(--gothic);font-weight:700;font-size:1.18rem;margin:28px 0 8px}
p,ul,ol{margin:0 0 14px}
main p,main li{max-width:42em}
.lead{font-size:1.05rem;max-width:36em}
.meta{color:var(--sub);font-size:.88rem}
.kicker{font-family:var(--gothic);font-size:.95rem;letter-spacing:.2em;color:var(--shu);margin:0 0 18px}
.stance{font-family:var(--gothic);font-weight:700;font-size:1.1rem;max-width:36em}
.ph{display:inline-block}
h1,h2,h3,.kicker,.stance{word-break:auto-phrase}

/* 見出しの段（トップ） */
.hero{position:relative;padding:24px 0 40px;overflow:hidden}
.hero > *{position:relative}
.hero .rosette{position:absolute;right:-90px;top:-70px;width:520px;height:520px;background:url(/assets/rosette.svg) no-repeat center/contain;pointer-events:none}
@media(max-width:760px){.hero .rosette{width:340px;height:340px;right:-150px;top:-40px;opacity:.6}}

/* 碁盤の罫 */
.goban{height:44px;margin:40px 0 8px;opacity:.55;background:
  radial-gradient(circle,var(--line) 2.6px,transparent 3px) center/44px 44px,
  linear-gradient(90deg,transparent 21.5px,var(--rule) 21.5px,var(--rule) 22.5px,transparent 22.5px) 0 0/44px 44px,
  linear-gradient(transparent 21.5px,var(--line) 21.5px,var(--line) 22.5px,transparent 22.5px) 0 0/44px 44px;
  background-repeat:no-repeat,repeat-x,repeat-x}
.goban + h2{border-top:0;padding-top:0;margin-top:24px}

/* 注意報 */
.alertline{display:grid;grid-template-columns:150px 1fr;gap:24px;border-top:2px solid var(--shu);border-bottom:1px solid var(--rule);padding:22px 0;margin:8px 0 0}
@media(max-width:600px){.alertline{grid-template-columns:1fr;gap:6px}}
.alertline .date{font-family:var(--gothic);color:var(--shu);font-weight:700;letter-spacing:.05em}
.alertline h3{margin:0 0 8px;font-size:1.22rem}
.alertline p{margin:0 0 8px}

/* 囲み：線で区切る。角丸にしない */
.box{border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);padding:18px 0;margin:0 0 20px}
.box.accent{background:var(--paper2);border:1px solid var(--rule);padding:22px 24px}
.box.alert{border-top:2px solid var(--shu)}
.box h3{margin-top:0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 32px;margin:0 0 20px;border-top:1px solid var(--ink)}
.cards .box{border-top:0;margin:0}
.tag{display:inline-block;font-family:var(--gothic);font-size:.72rem;letter-spacing:.1em;border:1px solid var(--ink);padding:0 6px;margin:0 8px 6px 0;vertical-align:2px}
.tag.alert{border-color:var(--shu);color:var(--shu)}
.button{display:inline-block;background:var(--ink);color:var(--paper);text-decoration:none;padding:10px 22px;font-weight:700;border:1px solid var(--ink)}
.button:hover{background:var(--shu);border-color:var(--shu);color:var(--paper)}

/* 表 */
.table{overflow-x:auto;margin:0 0 16px}
table{border-collapse:collapse;width:100%;font-size:.95rem;background:rgba(255,255,255,.35)}
th,td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule)}
thead th,tr:first-child th{font-family:var(--gothic);font-weight:700;border-bottom:2px solid var(--ink)}
td.lv{white-space:nowrap;font-family:var(--gothic);font-weight:700}
td.lv.hi{color:var(--shu)}

/* 検証の表と、事件の時間 */
.evidence{display:grid;grid-template-columns:1fr 280px;gap:40px;align-items:start}
@media(max-width:860px){.evidence{grid-template-columns:1fr}}
.aside{border-left:1px solid var(--ink);padding-left:22px}
.aside .big{font-family:var(--mincho);font-size:2.6rem;font-weight:800;line-height:1.1;margin:0}
.aside p{margin:6px 0 18px;font-size:.95rem}

/* 一・二・三の一覧 */
ol.steps{list-style:none;margin:0;padding:0;counter-reset:s;border-top:1px solid var(--ink)}
ol.steps li{display:grid;grid-template-columns:72px 1fr auto;gap:20px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--rule);counter-increment:s;max-width:none}
ol.steps li::before{content:counter(s,cjk-ideographic);font-family:var(--gothic);font-size:2rem;font-weight:800;color:var(--shu);line-height:1}
@media(max-width:600px){ol.steps li{grid-template-columns:48px 1fr}ol.steps li .go{grid-column:2}}
ol.steps h3{margin:0 0 4px}
ol.steps p{margin:0;color:var(--sub)}
.go{font-size:.9rem;white-space:nowrap}

/* 封じ手 */
.fuuji{display:grid;grid-template-columns:240px 1fr;gap:40px;align-items:center;background:var(--paper2);padding:32px;border:1px solid var(--rule);margin:48px 0 0}
@media(max-width:760px){.fuuji{grid-template-columns:1fr;padding:22px}}
.fuuji h2{border-top:0;padding-top:0;margin-top:0}

/* よくある質問 */
dl.faq{margin:0 0 20px;border-top:1px solid var(--ink)}
dl.faq dt{font-family:var(--gothic);font-weight:700;font-size:1.08rem;padding:18px 0 6px}
dl.faq dd{margin:0;padding:0 0 18px;border-bottom:1px solid var(--rule);max-width:44em;color:var(--ink)}

blockquote{margin:0 0 14px;padding:4px 16px;border-left:2px solid var(--shu);color:var(--sub)}
code{font-size:.9em;background:var(--paper2);padding:0 4px}
pre{overflow-x:auto;background:var(--paper2);border:1px solid var(--rule);padding:14px;font-size:.85rem;line-height:1.55}
pre code{background:none;padding:0}
hr{border:0;border-top:1px solid var(--rule);margin:32px 0}

/* フッター */
footer.site{border-top:1px solid var(--ink);margin-top:24px;color:var(--sub);font-size:.85rem;padding:22px 0 48px}
footer.site .wrap{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between}
footer.site a{color:var(--sub)}

/* ---- 改修案 v1：行動の道筋 ---- */
nav.site{align-items:center}
nav.site a.emerg{color:var(--shu);font-weight:700}
nav.site a.cta-s{background:var(--ink);color:var(--paper);padding:6px 14px;font-weight:700;border-bottom:0}
nav.site a.cta-s:hover{background:var(--shu);color:var(--paper)}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 8px;max-width:none}
.button + .button{margin-left:0}
.button.ghost{background:transparent;color:var(--ink)}
.button.ghost:hover{background:var(--ink);color:var(--paper)}
.trustline{margin-top:4px}
.emergency{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;border:1px solid var(--shu);border-left:6px solid var(--shu);background:var(--alert-soft,#F6E7E1);padding:14px 18px;margin:8px 0 0}
.emergency p{margin:0;max-width:none}
.emergency a{font-weight:700;white-space:nowrap}
.threats{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;border-top:1px solid var(--ink);margin-bottom:24px}
@media(max-width:760px){.threats{grid-template-columns:1fr}}
.threats > div{padding:18px 0;border-bottom:1px solid var(--rule)}
.threats h3{margin:0 0 6px}
.threats p{margin:0;color:var(--sub);font-size:.95rem}
.plans table th{font-family:var(--gothic)}
.plans tbody th{white-space:nowrap;background:transparent;border-bottom:1px solid var(--rule);font-weight:700}
.plans td a{font-weight:700}
ul.trust{list-style:none;padding:0;border-top:1px solid var(--ink)}
ul.trust li{padding:12px 0;border-bottom:1px solid var(--rule);max-width:none}
.finalcta{background:var(--paper2);border:1px solid var(--rule);padding:32px;margin:56px 0 0;text-align:left}
.finalcta h2{border-top:0;padding-top:0;margin-top:0}
@media(max-width:600px){.finalcta{padding:22px}}

/* 無料の点検 */
fieldset.q{border:0;border-bottom:1px solid var(--rule);margin:0;padding:16px 0}
fieldset.q legend{font-weight:700;padding:0;max-width:44em;line-height:1.7}
.qid{font-family:var(--gothic);color:var(--shu);margin-right:10px;font-weight:700}
fieldset.q .meta{margin:4px 0 8px;font-size:.82rem}
.opts{display:flex;flex-wrap:wrap;gap:8px 20px}
.opts label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.opts input[type=number]{font:inherit;width:8em;padding:6px 8px;border:1px solid var(--rule);background:#fff}
#chk h2{margin-top:40px}
.score{display:flex;align-items:baseline;gap:24px;flex-wrap:wrap;border-top:2px solid var(--ink);padding-top:16px}
.score .big{font-family:var(--gothic);font-size:2.8rem;font-weight:800;margin:0}
.score .lvl{font-family:var(--gothic);font-size:1.5rem;font-weight:700;color:var(--shu);margin:0}
button.button{font:inherit;font-weight:700;cursor:pointer}
.pending{color:var(--sub);font-weight:700}
@media(max-width:600px){.brand small{display:none}header.site .wrap{gap:10px}nav.site{gap:16px}}
#result h3{margin-top:28px}
#r-why li,#r-top li,#r-risk li{max-width:44em;margin-bottom:6px}

/* 事件の時系列の表：Free の列を折り返さない */
.tl td:nth-child(1){white-space:nowrap}

/* 無料の点検：一問ずつ進む */
.lead-list{margin:0 0 8px;padding-left:1.2em;color:var(--sub)}
.wiz-head{display:flex;justify-content:space-between;font-size:.85rem;color:var(--sub);margin-top:28px}
.wiz-head #w-cat{font-family:var(--gothic);font-weight:700;color:var(--ink);letter-spacing:.06em}
.wiz-bar{height:3px;background:var(--rule);margin:6px 0 0}
.wiz-bar span{display:block;height:3px;background:var(--shu);width:0;transition:width .2s}
.wiz-card{border:1px solid var(--ink);background:var(--paper);padding:28px 28px 24px;margin-top:20px;max-width:720px}
@media(max-width:600px){.wiz-card{padding:20px 16px}}
.wiz-q{font-family:var(--gothic);font-size:1.25rem;font-weight:700;line-height:1.7;margin:0 0 10px}
.wiz-hint{color:var(--sub);font-size:.9rem;margin:0 0 10px}
.wiz-where{font-size:.85rem;color:var(--sub);margin:0 0 16px}
.wiz-where summary{cursor:pointer;color:var(--ink);text-decoration:underline;text-decoration-color:var(--shu);text-underline-offset:3px}
.wiz-opts{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.wiz-opts .opt{font:inherit;text-align:left;padding:12px 16px;background:transparent;border:1px solid var(--rule);cursor:pointer;color:var(--ink)}
.wiz-opts .opt:hover{border-color:var(--ink)}
.wiz-opts .opt.on{border-color:var(--shu);box-shadow:inset 3px 0 0 var(--shu)}
.wiz-num{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wiz-num input{font:inherit;width:7em;padding:10px;border:1px solid var(--ink);background:#fff}
.wiz-nav{margin-top:14px}
.linkish{font:inherit;background:none;border:0;padding:0;color:var(--sub);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
ul.cats{list-style:none;padding:0;margin:0 0 24px;max-width:520px}
ul.cats li{display:flex;justify-content:space-between;border-bottom:1px solid var(--rule);padding:8px 0}
.mark{font-size:.85rem;font-weight:700;padding:0 10px}
.mark.ok{color:#2F5D3A}.mark.mid{color:#8A6A1F}.mark.bad{color:var(--shu)}

/* 3つの入口、提供の状況、Google との比べ */
.entries{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px 0 8px}
@media(max-width:760px){.entries{grid-template-columns:1fr}}
.entry{display:flex;flex-direction:column;gap:6px;border:1px solid var(--rule);border-top:3px solid var(--ink);background:var(--paper2);padding:18px 18px 16px;color:inherit;text-decoration:none}
.entry:hover{border-top-color:var(--shu)}
.entry.urgent{border-top-color:var(--shu);background:var(--alert-soft,#F6E7E1)}
.entry .k{font-size:.85rem;color:var(--sub);letter-spacing:.04em}
.entry strong{font-family:var(--gothic);font-size:1.12rem}
.entry span:last-child{font-size:.92rem;color:var(--sub)}
.finalcta .entries{margin-top:16px}
.status td .meta,.status td br + .meta{font-size:.85rem}
.st{display:inline-block;padding:1px 10px;border:1px solid var(--rule);font-size:.85rem;font-weight:700;white-space:nowrap}
.st.now{border-color:var(--ink);background:var(--ink);color:var(--paper,#fff)}
.st.pre{border-color:var(--shu);color:var(--shu)}
.st.none{color:var(--sub)}
.compare tbody th{white-space:nowrap;background:transparent;border-bottom:1px solid var(--rule);font-weight:700;vertical-align:top}

/* スマートフォン：表は幅を詰めず、横にスクロールするか、縦に積む */
@media(max-width:640px){
  .table table{min-width:34em}
  .table.status table,.table.compare table{min-width:0}
  .status thead,.compare thead{display:none}
  .status table,.status tbody,.status tr,.status td,.compare table,.compare tbody,.compare tr,.compare th,.compare td{display:block;width:auto}
  .status tr,.compare tr{border-bottom:1px solid var(--rule);padding:14px 0}
  .status td,.compare td,.compare tbody th{border:0;padding:3px 0}
  .status td:nth-child(4)::before{content:"料金：";color:var(--sub)}
  .status td:nth-child(3)::before{content:"押すと：";color:var(--sub)}
  .compare td:nth-child(2)::before{content:"Google の標準機能　";color:var(--sub);font-size:.85rem;display:block}
  .compare td:nth-child(3)::before{content:"Honte が補うこと　";color:var(--sub);font-size:.85rem;display:block}
  .compare tbody th{white-space:normal;font-size:1.05rem;padding-bottom:6px}
  a.emerg,a.cta-s{padding:8px 4px}
}
.evidence > div{min-width:0}

/* ---- 改修 2026-11-07（デザイン批評の反映）---- */
/* 朱は「今すぐ動く」だけに寄せる：前置きと手順の数字は墨・補助色に */
.kicker{color:var(--sub)}
ol.steps li::before{color:var(--ink)}

/* 折り返し：日本語の文節で切り、1字の行を出さない */
main p,main li{word-break:auto-phrase;text-wrap:pretty}
h1,h2,.kicker{text-wrap:balance}

/* 補助文は 14px 未満にしない */
.wiz-head,.wiz-where,.entry .k,.st,.mark,footer.site,fieldset.q .meta,.status td .meta,.brand small{font-size:.875rem}

/* 押しやすさ */
.button{min-height:44px;display:inline-flex;align-items:center}
.linkish,.go,footer.site a{display:inline-block;padding-block:12px}
footer.site .wrap{align-items:center}
.box > a:last-child{display:inline-block;padding-block:12px}

/* よくある質問：閉じた状態で出す */
.faq{margin:0 0 20px;border-top:1px solid var(--ink)}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{cursor:pointer;list-style:none;font-weight:700;font-size:1.08rem;padding:16px 28px 16px 0;position:relative;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"＋";position:absolute;right:4px;top:16px;color:var(--sub);font-weight:400}
.faq details[open] summary::after{content:"－"}
.faq .a{padding:0 0 18px;max-width:44em}

/* スマートフォン */
@media(max-width:760px){.hero .rosette{display:none}}
@media(max-width:600px){
  h1{font-size:1.8rem}
  h2{font-size:1.35rem;margin-top:44px}
  .kicker{letter-spacing:.08em;font-size:.875rem}
  /* ヘッダーを2行に：1行目＝ロゴと点検、2行目＝ナビ */
  header.site .wrap{padding-top:10px;padding-bottom:6px;gap:0 12px}
  nav.site{display:contents}
  .brand{order:0;flex:1 1 auto}
  nav.site a.cta-s{order:1;display:inline-flex;align-items:center;min-height:40px;padding:0 14px}
  header.site .wrap::after{content:"";order:2;flex-basis:100%;height:0}
  nav.site a:not(.cta-s){order:3;display:inline-flex;align-items:center;min-height:44px;margin-right:16px}
  nav.site a:not(.cta-s):last-of-type{margin-right:0}
}

/* 表のカード化（スマートフォン）と白書の目次 */
.toc{border:1px solid var(--rule);background:var(--paper2);padding:14px 18px;margin:0 0 24px;max-width:42em}
.toc .meta{margin:0 0 4px;font-weight:700}
.toc ul{list-style:none;margin:0;padding:0}
.toc li{margin:0;max-width:none}
.toc a{display:block;padding:8px 0;min-height:44px;line-height:1.5}
@media(max-width:640px){
  .table.stack{overflow:visible}
  .table.stack table{min-width:0;background:transparent}
  .table.stack thead{display:none}
  .table.stack table,.table.stack tbody,.table.stack tr,.table.stack td{display:block;width:auto}
  .table.stack tr{border-bottom:1px solid var(--rule);padding:14px 0}
  .table.stack td{border:0;padding:4px 0}
  .table.stack td:first-child{font-weight:700;font-size:1.05rem;padding-bottom:6px}
  .table.stack td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;color:var(--sub);font-size:.875rem;font-weight:400}
  .table.stack td.lv{white-space:normal}
}
@media(min-width:641px){.toc ul{columns:2;column-gap:32px}.toc a{min-height:0;padding:4px 0}}

/* 信頼の帯（トップ、入口3枚の下） */
.proof{border-block:1px solid var(--rule);padding:12px 0;margin:16px 0 0;font-size:.875rem;color:var(--sub);max-width:none;line-height:1.7}
.proof a{color:var(--sub)}

/* 無料の点検：結果の共有 */
.diagcta{margin:16px 0 20px}
.diagcta h3{margin:0 0 8px}
.share{border:1px solid var(--rule);padding:18px 20px;margin:0 0 24px;max-width:42em}
.share h3{margin:0 0 4px}
.share label{display:block;font-weight:700;margin:12px 0 6px}
.share textarea{width:100%;font:inherit;font-size:.95rem;line-height:1.7;padding:10px;border:1px solid var(--ink);background:#fff;color:var(--ink)}
.share .ctas{margin:12px 0 0;align-items:center}
.print-only{display:none}
@media print{
  header.site,.band,footer.site,.share,.diagcta,.box.accent,#result .steps,.screen-only,.wiz-nav,.goban{display:none!important}
  body{background:#fff;color:#000;font-size:11pt;line-height:1.6}
  .print-only{display:block;border-bottom:1px solid #000;margin-bottom:12px;padding-bottom:6px}
  .print-only p{margin:0 0 4px}
  main .inner{padding:0}
  a{color:#000;text-decoration:none}
  .score{border-top:2px solid #000}
}

/* 改修 2026-11-07（2）：榧の札、カード全体のリンク、提供の状況の表の圧縮 */
.st.pre{background:var(--kaya);color:var(--ink);border-color:var(--kaya)}
.box.linked{position:relative;transition:background .15s}
.box.linked:hover{background:var(--paper2)}
.box.linked a.more{position:static;font-weight:700}
.box.linked a.more::after{content:"";position:absolute;inset:0}
.box.linked:focus-within{outline:2px solid var(--ink);outline-offset:2px}
@media(max-width:640px){
  .status tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0}
  .status td:nth-child(1){grid-column:1/-1;grid-row:1}
  .status td:nth-child(2){grid-column:1;grid-row:2}
  .status td:nth-child(4){grid-column:2;grid-row:2;text-align:right;align-self:start;font-size:.9rem}
  .status td:nth-child(3){grid-column:1/-1;grid-row:3}
  .status .sub{display:none}
  .status td .meta{font-size:.875rem;line-height:1.6}
  .status td:nth-child(3)::before{content:none}
  .status .desc,.status td:nth-child(3) br{display:none}
  .status td:nth-child(3) a{display:inline-block;padding-block:8px;font-weight:700}
}


/* 事件の時系列の図（site-src/parts/timeline.css から） */
/* 事件の時系列の図（.timeline）専用 */
.timeline{margin:2em 0;padding:0}
.timeline svg{display:block;width:100%;height:auto;font-family:inherit;overflow:visible}
.timeline .timeline-v{display:none}
.timeline .tl-t{fill:var(--ink,#1C1C1C);font-size:17px;font-family:inherit}
.timeline .tl-b{font-weight:700}
.timeline .tl-sub{fill:var(--sub,#5B554A)}
.timeline .tl-redt{fill:var(--shu,#B4442B)}
.timeline .tl-leg{font-size:15px}
.timeline .tl-axis{stroke:var(--ink,#1C1C1C);stroke-width:2}
.timeline .tl-red{stroke:var(--shu,#B4442B);stroke-width:6}
.timeline .tl-dim{stroke:var(--ink,#1C1C1C);stroke-width:1.5}
.timeline .tl-lead{stroke:var(--rule,#CFC6B4);stroke-width:1.5}
.timeline .tl-leadred{stroke:var(--shu,#B4442B);stroke-width:1}
.timeline .tl-rule{stroke:var(--rule,#CFC6B4);stroke-width:1}
.timeline .tl-tick line{stroke:var(--ink,#1C1C1C);stroke-width:1.5}
.timeline .tl-black{fill:var(--ink,#1C1C1C)}
.timeline .tl-white{fill:#fff;stroke:var(--ink,#1C1C1C);stroke-width:2}
.timeline .tl-shu{fill:var(--shu,#B4442B);stroke:var(--paper,#F4F1EA);stroke-width:2}
.timeline .tl-ring{fill:none;stroke:var(--ink,#1C1C1C);stroke-width:2;stroke-dasharray:3 3}
.timeline figcaption{margin-top:12px;font-size:.88rem;line-height:1.7;color:var(--sub,#5B554A)}
.timeline figcaption a{color:var(--sub,#5B554A)}
@media(max-width:760px){
  .timeline .timeline-h{display:none}
  .timeline .timeline-v{display:block}
  .timeline .tl-t{font-size:15px}
  .timeline .tl-leg{font-size:15px}
}

.tl-title{margin-top:32px}