/* Chapters (work order 51), shared by the kinds guide, legal, tool and contact: chapter headers, tables, case
   boxes, columns, quotes, video grids that load on press, next links, share row, contents groups. From the guide's
   style block (content/guide-new, "the guide"), word for word. */
.svc .ab .ch{display:flex;gap:16px;align-items:center;margin:70px 0 18px;padding-top:34px;border-top:1px solid #E3EAF4;clear:both;scroll-margin-top:80px}
.svc .ab .ch .cn{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--ba),var(--bb));color:#fff;font:800 26px var(--disp)}
.svc .ab .ch h2{margin:0;scroll-margin-top:0}
.svc .ab .ch .eb{margin:0 0 4px}
.svc .ab h3{font-size:clamp(20px,2.4vw,23px);line-height:1.25;margin:32px 0 10px}
.svc .ab p.in{font-size:20px;line-height:1.6;color:var(--ink)}
.svc .ab p.src{font-size:14px;line-height:1.5;color:var(--mute);margin-top:-12px}
.svc .ab .ct{font-size:12px;vertical-align:super;line-height:0;text-decoration:none;margin-left:2px;padding:0 3px}
.svc .ab .kt p{margin:0 0 10px;font-size:16.5px;line-height:1.55}
.svc .ab .kt>:last-child{margin-bottom:0}
.svc .ab .kt{clear:both}
.svc .ab .wg.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.svc .ab .wg.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.svc .ab .wg .wt b{font-size:20px}
.svc .ab .tw{margin:18px 0 26px;overflow-x:auto;clear:both;background:var(--glass);border:1px solid #fff;border-radius:18px;box-shadow:0 14px 34px -28px var(--b)}
.svc .ab .tw .tb td,.svc .ab .tw .tb th{white-space:normal}
.svc .ab .tw .tb{min-width:0;width:100%;border-collapse:collapse;font-size:15px;line-height:1.45}
.svc .tb caption{text-align:left;font:700 16px var(--disp);padding:14px 16px 10px;color:var(--ink)}
.svc .tb th{text-align:left;font:800 11.5px var(--body);letter-spacing:.07em;text-transform:uppercase;color:var(--deep);padding:9px 12px;background:linear-gradient(90deg,var(--tint-from,#DDF4F8),var(--tint-to,#E1E6FF))}
.svc .tb td{padding:10px 12px;border-top:1px solid #E3EAF4;vertical-align:top}
.svc .tb td:first-child{font-weight:700;color:var(--ink)}
.svc .tb em{font-style:normal;font-weight:700;color:var(--deep)}
.svc .ab .cas,.svc .ab .case{clear:both;margin:26px 0;padding:22px 24px;background:var(--glass);border:1px solid #fff;border-radius:22px;box-shadow:0 18px 44px -32px var(--b)}
.svc .ab .cas h3,.svc .ab .case h3,.svc .ab .vw h3{margin:0 0 12px}
.svc .ab .cas .eb,.svc .ab .case .eb,.svc .ab .vw .eb{margin:0 0 6px}
.svc .ab .cas>:last-child,.svc .ab .case>:last-child{margin-bottom:0}
.svc .ab .cas .sg li,.svc .ab .cas .wt,.svc .ab .case .wt{background:#fff}
.svc .ab .sg li b:first-child{font-size:17px}
.svc .ab .two{display:grid;gap:12px;margin:18px 0 26px;clear:both}
.svc .ab .two.t2,.svc .ab .two.t4{grid-template-columns:repeat(2,minmax(0,1fr))}
.svc .ab .two.t3{grid-template-columns:repeat(3,minmax(0,1fr))}
.svc .ab .two .it{font-size:15.5px;line-height:1.5}
.svc .ab .two .it b{font:700 17px/1.25 var(--disp);margin-bottom:8px}
.svc .ab .two .it ul{margin:0;padding-left:18px}
.svc .ab .two .it li{margin:5px 0}
.svc .ab .two .it p{margin:0 0 8px}
.svc .ab .two .it>:last-child{margin-bottom:0}
.svc .ab .qt{margin:18px 0;padding:4px 0 4px 18px;border-left:4px solid var(--a)}
.svc .ab .qt .st{color:#F5A800;letter-spacing:3px;font-size:17px}
.svc .ab .qt blockquote{margin:6px 0;font:700 19px/1.4 var(--disp);color:var(--ink)}
.svc .ab .qt cite{font-style:normal;font-size:14.5px;color:var(--mute)}
.svc .ab .vw{clear:both;margin:34px 0}
.svc .vg{display:grid;gap:14px;margin:16px 0 22px}
.svc .vg.six{grid-template-columns:repeat(3,minmax(0,1fr))}
.svc .vg.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.svc .vg.wide{grid-template-columns:repeat(2,minmax(0,1fr))}
.svc .ab figure.vd{margin:0;min-width:0}
.svc .vf{position:relative;display:block;width:100%;aspect-ratio:9/16;padding:0;border:0;border-radius:16px;overflow:hidden;background:#0F2233;cursor:pointer;box-shadow:0 18px 40px -28px var(--bb)}
.svc .vd.w .vf{aspect-ratio:16/9}
.svc .ab figure.vd .vf img,.svc .vf iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;box-shadow:none}
.svc .vf .pl{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(15,34,51,.35);transition:transform .25s}
.svc .vf .pl::after{content:"";position:absolute;left:21px;top:16px;border-left:17px solid var(--ink);border-top:11px solid transparent;border-bottom:11px solid transparent}
.svc .vf:hover .pl{transform:scale(1.1)}
.svc .ab .vd figcaption{text-align:left;margin-top:8px;font-size:14px;line-height:1.35;color:var(--mute)}
.svc .vd figcaption small{display:block;font:800 11px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--deep)}
.svc .vd figcaption b{display:block;font:700 15.5px/1.25 var(--disp);color:var(--ink);margin:2px 0}
.svc .ab a.nx{display:block;position:relative;clear:both;margin:34px 0 0;padding:16px 56px 16px 20px;border-radius:18px;background:linear-gradient(90deg,var(--tint-from,#DDF4F8),var(--tint-to,#E1E6FF));text-decoration:none;color:var(--ink);font-weight:400;transition:transform .25s}
.svc .ab a.nx small{display:block;font:800 11.5px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--deep)}
.svc .ab a.nx b{display:block;font:700 18px/1.25 var(--disp);margin-top:3px}
.svc .ab a.nx::after{content:"";position:absolute;right:24px;top:50%;width:10px;height:10px;margin-top:-6px;border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:rotate(-45deg)}
.svc .ab a.nx:hover{transform:translateY(-3px)}
.svc .ab .jl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 26px}
.svc .ab .jl a.nx{margin:0}
.svc .ab .ac .ab2{display:flex;flex-direction:column;gap:10px;align-items:center}
.svc .ab .ac a.lk{color:#fff;font-size:15px}
.svc .ab .ac span{display:block}
.svc .ab .sh{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:26px 0;clear:both}
.svc .ab .sh b{font:700 16px var(--disp);margin-right:6px}
.svc .ab .sh a,.svc .ab .sh button{font:700 14px var(--body);color:var(--ink);text-decoration:none;background:#fff;border:1px solid #D5DFEC;border-radius:999px;padding:8px 14px;cursor:pointer}
.svc .ab .rf ol{margin:6px 0 0;padding-left:20px}
.svc .ab .rf li{margin:6px 0;scroll-margin-top:110px}
.svc .ab .rf b{color:var(--ink)}
.svc .ab .au+.au{margin-top:12px}
.svc .last.bold .btn+.btn{margin-left:10px}
.svc .toc li.g{font:800 11px var(--body);letter-spacing:.09em;text-transform:uppercase;color:var(--mute);padding:14px 0 4px 14px;opacity:.8}
.svc .toc a i{font-style:normal;display:inline-block;min-width:22px;font-weight:800;color:var(--deep)}
.svc .rn.r4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(min-width:1001px){.svc .toc{max-height:calc(100vh - 116px);overflow-y:auto;scrollbar-width:thin;padding-right:6px}.svc .toc a{padding:5px 0 5px 14px}}
@media(max-width:1000px){.svc .ab .ch{scroll-margin-top:104px}.svc .toc li.g{padding-left:12px}}
@media(max-width:719px){
.svc .ab .ch{gap:12px;margin-top:54px;padding-top:28px}.svc .ab .ch .cn{width:52px;height:52px;border-radius:15px;font-size:21px}
.svc .ab p.in{font-size:18.5px}
.svc .ab .two.t2,.svc .ab .two.t3,.svc .ab .two.t4,.svc .ab .jl{grid-template-columns:1fr}
.svc .ab .wg.g3{grid-template-columns:1fr}.svc .ab .wg.g3 .wt{min-height:0;flex-direction:row;justify-content:flex-start;gap:14px;text-align:left;padding:14px 16px}.svc .ab .wg.g3 .wt b{min-width:104px}
.svc .ab .cas,.svc .ab .case{padding:18px 16px}
.svc .ab .tw{overflow:visible;background:none;border:0;box-shadow:none;border-radius:0}
.svc .tb,.svc .tb tbody,.svc .tb tr,.svc .tb td,.svc .tb caption{display:block}.svc .tb thead{display:none}
.svc .tb caption{padding:0 0 10px}
.svc .tb tr{background:var(--glass);border:1px solid #fff;border-radius:16px;box-shadow:0 14px 34px -28px var(--b);padding:12px 14px;margin-bottom:10px}
.svc .tb td{border:0;padding:3px 0}
.svc .tb td:first-child{font:700 17px/1.25 var(--disp);padding-bottom:6px}
.svc .tb td:not(:first-child)::before{content:attr(data-l);display:block;font:800 10.5px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--deep);margin-top:5px}
.svc .tb.c6 td:not(:first-child),.svc .tb.c5 td:not(:first-child){display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;align-items:baseline}.svc .tb.c6 td:not(:first-child)::before,.svc .tb.c5 td:not(:first-child)::before{margin:0}
.svc .vg.six,.svc .vg.four{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:58%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-16px;padding-right:16px}
.svc .vg.wide{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-16px;padding-right:16px}
.svc .vg .vd{scroll-snap-align:start}
.svc .ab .ac .ab2{align-items:stretch;text-align:center}
.svc .rn.r4{grid-template-columns:repeat(4,72%)}
.svc .last.bold .btn+.btn{margin:10px 0 0}}
@media(prefers-reduced-motion:reduce){.svc .ab a.nx,.svc .vf .pl{transition:none}}
/* Work order 129 (decision 199): the guides' video grids are centred rows from 720 px, each video the width it has in a
   full row: .vg.six three across, .vg.four four across. Under 720 px the swipe rows are as before. */
@media (min-width:720px){.svc .vg.six,.svc .vg.four{display:flex;flex-wrap:wrap;justify-content:center}.svc .vg.six>*{flex:0 0 calc((100% - 28px) / 3);min-width:0}.svc .vg.four>*{flex:0 0 calc((100% - 42px) / 4);min-width:0}}