/* step */
details.step{margin-bottom:16px}
details.step:last-child{margin-bottom:0}
details.step{background:var(--white);border:1px solid var(--line);border-radius:var(--r-card);padding:0 32px;
  transition:border-color .25s,box-shadow .25s}
details.step > summary::-webkit-details-marker{display:none}
details.step[open] > summary::after{transform:rotate(-135deg)}
.step__hd{min-width:0}
.step__hd h3{font-size:20px;line-height:1.8}
.step__purpose{font-size:14px;font-weight:500;color:var(--muted);margin-left:12px}
.step__lead{margin-top:8px;font-size:14px;line-height:1.8;color:var(--body);font-weight:400}
.step__meta{min-width:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px 24px;margin-left:80px;
  padding:16px 0 32px;border-top:1px solid var(--line)}
.step__meta div{display:flex;flex-direction:column;gap:4px}
.step__meta b{color:var(--muted)}
.step__meta span{font-size:14px;line-height:1.8;color:var(--ink)}
@media (max-width:860px){
  details.step{padding:0 24px}
  details.step > summary{grid-template-columns:1fr;gap:16px;padding:24px 32px 24px 0}
  .step__purpose{display:block;margin-left:0;margin-top:4px}
  .step__meta{grid-template-columns:1fr;margin-left:0}
}
/* ct-switch */
.ct-switch{border:1px solid var(--line);border-radius:var(--r-panel);background:var(--white);overflow:hidden}
.ct-switch__bar{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  padding:16px 24px;background:var(--bg-tint);border-bottom:1px solid var(--line)}
@media (max-width:860px){
  .ct-switch__bar{padding:16px}
}
/* ct-tabs */
.ct-tabs{display:flex;flex-wrap:wrap;gap:8px}
/* ct-tab */
.ct-tab{border:1px solid var(--line);background:var(--white);border-radius:var(--r-pill);cursor:pointer;padding:8px 16px;
  font-family:var(--sans);font-size:14px;font-weight:600;color:var(--muted);
  transition:background .25s,color .25s,border-color .25s}
.ct-tab:hover{color:var(--ink);border-color:var(--line-strong)}
/* ct-nav */
.ct-nav{display:flex;align-items:center;gap:12px}
/* ct-arrow */
.ct-arrow{width:38px;height:38px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--white);display:flex;
  align-items:center;justify-content:center;cursor:pointer;color:var(--ink);
  transition:background .25s,border-color .25s,color .25s}
.ct-arrow svg{width:17px;height:17px}
/* ct-count */
.ct-count{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.06em}
.ct-count b{color:var(--ink);font-weight:700}
/* ct-body */
.ct-body{padding:32px 32px 32px}
@media (max-width:860px){
  .ct-body{padding:24px 24px 32px}
}
/* ct-panel */
.ct-panel__hd{margin-bottom:24px}
.ct-panel__hd h3{font-size:var(--h3);line-height:1.5}
.ct-panel[hidden]{display:none}
/* ct */
.ct__k{display:block;color:var(--accent);margin-bottom:12px}
.ct__sub{margin-top:8px;font-size:14px;font-weight:600;color:var(--accent);line-height:1.8}
.ct__note{margin-top:24px;padding:16px 24px;border-radius:var(--r-sm);background:var(--bg-tint);
  border:1px solid var(--line);font-size:14px;line-height:1.8;color:var(--body)}
.ct__note b{display:block;color:var(--ink);font-weight:700;margin-bottom:8px}
/* ct-dl */
.ct-dl{display:flex;flex-direction:column;border-top:1px solid var(--line)}
/* ct-row */
.ct-row{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:16px 0;
  border-bottom:1px solid var(--line);min-width:0}
.ct-row dt{font-size:14px;font-weight:600;color:var(--ink);line-height:1.8}
.ct-row dd{margin:0;font-size:14px;line-height:1.8;color:var(--body);min-width:0}
@media (max-width:860px){
  .ct-row{grid-template-columns:1fr;gap:4px}
  .ct-row dt{font-size:12px;color:var(--muted)}
}
/* rule */
.rule b{display:block;font-size:16px;color:var(--ink);line-height:1.8;margin-bottom:12px}
.rule p{font-size:14px;line-height:1.8;color:var(--body)}