.playbar{background:var(--a)}
.playbar .wrap{display:flex;align-items:center;gap:20px;min-height:56px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.pb-t{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--ai);font-weight:600;min-width:0}
.pb-t a{color:var(--ai);font-weight:750}
.pdots{display:flex;align-items:center;gap:6px}
.pdots a{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:750;text-decoration:none;color:var(--ai);box-shadow:inset 0 0 0 1.5px var(--ai);background:transparent}
.pdots a.done{background:var(--ai);color:#fff;box-shadow:none}
.pdots a.here{background:var(--paper);box-shadow:inset 0 0 0 2px var(--ai)}
.pdots i{width:14px;height:1.5px;background:var(--ai);opacity:.4}
.pb-n{margin-left:auto;display:flex;gap:18px;font-size:14.5px}
.pb-n a{display:inline-flex;align-items:center;gap:6px;color:var(--ai);font-weight:650;text-decoration:none}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:20px 0 0;font-size:14px;color:var(--muted)}
.crumbs a{text-decoration:none}
.tg{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:48px;align-items:start;padding-top:20px}
.ws{min-width:0;display:flex;flex-direction:column;gap:14px}
.ws-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ws-bar .sp{margin-left:auto}
.desk{background:var(--a);border-radius:24px;padding:40px 48px 0;display:flex;justify-content:center;position:relative;overflow:hidden}
.sheet{position:relative;width:100%;max-width:660px;background:#fff;border-radius:8px 8px 0 0;padding:56px 64px 48px;font-size:15.5px;line-height:1.7;color:#2A322D;box-shadow:0 1px 2px rgba(24,32,27,.08),0 24px 48px -28px rgba(24,32,27,.45);animation:fade .3s ease both}
.sheet::after{content:"";position:absolute;top:84px;right:-10px;width:10px;height:72px;border-radius:0 6px 6px 0;background:var(--at)}
.sh-h{display:flex;justify-content:space-between;gap:16px;font-size:13.5px;color:var(--muted);padding-bottom:16px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.sheet h2{font-size:19px;letter-spacing:-.01em;color:var(--ink);margin:18px 0 14px;font-weight:750}
.sheet p{margin:0 0 12px}
.fld{background:#F1F3F0;color:var(--ink-2);border-radius:4px;padding:1px 4px;font-weight:500}
.fld.on{background:var(--act-tint);color:var(--act-ink);font-weight:650}
.sh-f{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-top:28px;padding-top:14px;border-top:1px solid var(--line)}
.side{position:sticky;top:88px;display:flex;flex-direction:column;gap:18px;min-width:0}
.side .h1{font-size:clamp(1.9rem,1.4rem + 1.2cqi,2.5rem);line-height:1.06}
.side .lead{font-size:16.5px}
.dl{display:flex;flex-direction:column;gap:8px}
.dl2{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:8px}
.dl2 .btn{padding:0 12px;font-size:15px}
.dl .btn{width:100%}
.note{font-size:14px;color:var(--muted);text-align:center}
.facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 16px;padding-top:16px;border-top:1px solid var(--line);font-size:15px}
.facts dt{color:var(--muted)}
.facts dd{font-weight:600}
.facts a{color:var(--act-ink)}
.fill{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:18px;background:var(--desk);animation:fade .25s ease both}
.fill-h{display:flex;justify-content:space-between;align-items:center}
.fill-h b{font-size:16px}
.reset{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--act-ink);font-weight:650;font-size:14.5px;cursor:pointer;height:36px}
.body{max-width:820px}
.body h2{margin-bottom:16px}
.body p{color:var(--ink-2);margin-bottom:14px;max-width:44em}
.body ol{padding-left:1.3em;color:var(--ink-2);display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.term{display:inline;border:0;background:transparent;padding:0;font:inherit;color:var(--ink);font-weight:650;text-decoration:underline dotted;text-decoration-thickness:1.5px;text-underline-offset:4px;cursor:pointer}
.defbox{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:var(--desk);margin:0 0 16px;max-width:44em;animation:fade .25s ease both}
.defbox .ic{color:var(--muted);margin-top:2px}
.defbox p{margin:0;color:var(--ink)}
.defbox a{color:var(--act-ink);font-weight:650}
.variants{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.var{display:flex;flex-direction:column;gap:8px;text-decoration:none;font-weight:650;font-size:15px}
.var small{font-weight:500;color:var(--muted);font-size:13.5px}
.vthumb{position:relative}
.vcc{position:absolute;top:10px;left:10px;z-index:1;height:24px;padding:0 8px;border-radius:999px;background:var(--paper);color:var(--ai);font-size:12.5px;font-weight:750;display:grid;place-items:center}
.vthumb{display:flex;align-items:flex-end;justify-content:center;aspect-ratio:16/10;padding:9% 20% 0;border-radius:14px;background:var(--a);overflow:hidden;container-type:inline-size}
.together{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 220px;gap:24px;align-items:start}
.tog-act{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:18px;background:var(--desk)}
.tog-act b{font-size:16px;line-height:1.3}
.tog-act p{font-size:14px;color:var(--ink-2)}
.nextbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:24px 28px;border-radius:24px;background:var(--ink);color:#fff}
.nextbar small{display:block;font-size:14px;color:#C9D0CB}
.nextbar b{font-size:22px;letter-spacing:-.02em}
.nextbar .grow{flex:1;min-width:220px}
.nb-done{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 18px;border-radius:999px;border:1.5px solid rgba(255,255,255,.35);background:transparent;color:#fff;font-weight:700;font-size:15px;cursor:pointer}
.nb-done.on{background:var(--hire-t);border-color:var(--hire-t);color:var(--ink)}
.nextbar .btn-act{height:48px}
.fb{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:28px;font-size:15px;color:var(--ink-2)}
.fb .chip{height:40px}
.fb a{margin-left:auto}
@media (hover:hover) and (pointer:fine){
  .pdots a:hover{background:var(--paper)}
  .pb-n a:hover,.pb-t a:hover{text-decoration:underline}
  .var:hover .paper{transform:translateY(-4px) rotate(-1deg)}
  .nb-done:not(.on):hover{border-color:#fff}
}
@media (max-width:1100px){
  .tg{grid-template-columns:minmax(0,1fr)}
  .side{position:static;order:-1}
  .together{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tog-act{grid-column:1 / -1}
}
@media (max-width:720px){
  .playbar .wrap{gap:10px;min-height:0}
  .pb-n{margin-left:0;width:100%;justify-content:space-between}
  .pb-n a.prev{display:none}
  .pdots a{width:26px;height:26px}
  .crumbs{display:none}
  .tg{padding-top:20px;gap:24px}
  .ws-bar .seg{flex:1 1 100%;flex-wrap:nowrap}
  .ws-bar .seg button{flex:1}
  .sh-f{flex-direction:column;gap:4px}
  .ws-bar .sp{margin-left:0}
  .desk{padding:16px 12px 0;border-radius:18px;margin:0 -4px}
  .sheet{padding:28px 20px 24px;font-size:14.5px}
  .sheet::after{right:-6px;width:6px;top:60px;height:48px}
  .variants{grid-template-columns:repeat(2,minmax(0,1fr))}
  .together{grid-template-columns:minmax(0,1fr)}
  .together .card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:4px 14px;align-items:center}
  .together .card > div:first-child{grid-row:span 2}
  .nextbar{padding:20px}
  .nextbar .btn,.nb-done{flex:1 1 100%;justify-content:center}
  .fb a{margin-left:0;width:100%}
}
.tl-top{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:end;padding-top:24px}
.tl-intro{display:flex;flex-direction:column;gap:18px;min-width:0}
.nx{margin-top:42px;padding:26px 26px 24px;display:flex;flex-direction:column;gap:6px}
.nx-n{display:flex;align-items:baseline;gap:10px;color:var(--ai)}
.nx-n b{font-size:76px;line-height:.9;letter-spacing:-.05em;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.nx-n span{font-size:20px;font-weight:750}
.nx-d{font-size:15px;font-weight:650;color:var(--ai)}
.nx-t{font-size:21px;line-height:1.25;letter-spacing:-.015em;font-weight:740;margin-top:6px;text-wrap:balance}
.nx-a{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:12px}
.ruler{margin-top:48px;padding:20px 24px 14px;border-radius:22px;background:var(--desk)}
.rl-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.rl-h b{font-size:16px}
.rl-k{display:flex;gap:16px;font-size:13.5px;color:var(--muted);flex-wrap:wrap}
.rl-k span{display:inline-flex;align-items:center;gap:6px}
.rl-scroll{min-width:0}
.rl-y,.rl{display:grid;grid-template-columns:repeat(21,minmax(0,1fr));gap:4px}
.rl-y span{font-size:12.5px;font-weight:750;color:var(--ink-2);padding:0 0 6px 6px;border-left:1.5px solid var(--line-2)}
.rc{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0 6px;border-radius:10px;text-decoration:none}
.rc small{font-size:12.5px;font-weight:650;color:var(--muted)}
.rb{height:64px;display:flex;flex-direction:column-reverse;align-items:center;gap:4px}
.rd{display:block;width:12px;height:12px;border-radius:50%;background:var(--ai);transition:opacity .2s ease}
.rd.p{background:#AEB6B0}
.rd.q{background:transparent;box-shadow:inset 0 0 0 2px var(--ai)}
.rd.off{opacity:.15}
.rc.past small{color:#8C948F}
.rc.now::after{content:"";position:absolute;left:78%;top:-4px;bottom:22px;width:2px;border-radius:2px;background:var(--act)}
.rc.now::before{content:"Today";position:absolute;left:calc(78% + 6px);top:-4px;font-size:11.5px;font-weight:750;color:var(--act-ink)}
.tl-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start;padding-top:40px}
.tl-col{min-width:0}
.tl-bar{position:sticky;top:68px;z-index:5;background:rgba(255,255,255,.97);padding:12px 0 14px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--line)}
.tl-chips .chip small{font-size:12.5px;font-weight:700;color:var(--muted)}
.tl-chips .chip.on small{color:#C9D0CB}
.tl-bar2{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tl-count{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
.tl-acts{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.tl-month{padding-top:32px}
.tl-month.is-off{display:none}
.tl-mh{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;font-size:22px;letter-spacing:-.02em;font-weight:760;padding-bottom:12px}
.tl-n{font-size:14px;font-weight:600;color:var(--muted);letter-spacing:0;margin-left:auto}
.tl-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;padding:18px 0 20px;border-top:1px solid var(--line);animation:fade .25s ease both}
.tl-item.is-off{display:none}
.tl-date{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding-top:2px}
.tl-date b{font-size:36px;line-height:1;letter-spacing:-.04em;font-weight:800;font-variant-numeric:tabular-nums}
.tl-date span{font-size:13px;font-weight:650;color:var(--ai)}
.tl-date.q b,.tl-date.tbc b{font-size:24px;color:var(--ai);padding-top:6px}
.tl-date.tbc b{color:var(--muted)}
.tl-main{min-width:0;display:flex;flex-direction:column;gap:7px;max-width:720px}
.tl-t{font-size:19px;line-height:1.3;letter-spacing:-.015em;font-weight:720}
.tl-s{color:var(--ink-2);font-size:16px}
.tl-dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 12px;font-size:15px}
.tl-dl dt{font-weight:750;color:var(--ai)}
.tl-dl dd{color:var(--ink-2)}
.st-in{background:var(--hire);color:var(--hire-i)}
.tag.dash{box-shadow:none;border:1px dashed var(--line-2)}
.tl-use{display:flex;align-items:center;gap:12px;margin-top:4px;padding:6px 12px 6px 6px;border-radius:14px;background:var(--a);text-decoration:none;max-width:400px}
.tl-use small{display:block;font-size:12px;font-weight:700;color:var(--ai)}
.tl-use > span:nth-child(2){flex:1;min-width:0;font-weight:650;font-size:15px;line-height:1.25}
.tl-mini{width:52px;height:44px;flex:none;display:flex;align-items:flex-end;justify-content:center;padding:6px 8px 0;border-radius:9px;background:var(--a);overflow:hidden;container-type:inline-size}
.tl-use .tl-mini{width:44px;height:38px;flex:none;display:flex;align-items:flex-end;justify-content:center;padding:6px 7px 0;border-radius:8px;background:rgba(255,255,255,.55);overflow:hidden;container-type:inline-size}
.tl-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:4px}
.tl-foot .tags{margin-right:4px}
.tl-link{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0;border:0;background:transparent;font-size:14.5px;font-weight:650;color:var(--act-ink);text-decoration:none;cursor:pointer}
.tl-link .ic{color:currentColor}
.tl-foot a.tl-link{color:var(--muted);font-weight:600}
.tl-cd{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:999px;background:var(--desk);font-size:13.5px;font-weight:700;color:var(--ink-2);letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.tl-cd.soon{background:var(--act-tint);color:var(--act-ink)}
.tl-cd.past{background:var(--hire);color:var(--hire-i)}
.tl-today{position:relative;margin:28px 0 0;height:28px;display:flex;align-items:center}
.tl-today::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:var(--act);border-radius:2px}
.tl-today span{position:relative;padding:4px 12px;border-radius:999px;background:var(--act);color:#fff;font-size:13.5px;font-weight:700}
.tl-aside{position:sticky;top:88px;display:flex;flex-direction:column;gap:20px;min-width:0}
.ab{margin-top:42px;padding:20px;display:flex;flex-direction:column;gap:12px}
.ab-t{font-size:19px;letter-spacing:-.015em}
.ab-steps{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px}
.ab-steps li{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;padding:6px 8px;border-radius:12px}
.ab-steps li.here{background:var(--paper)}
.ab-steps .sn{width:28px;height:28px;font-size:13px}
.ab2 h3{font-size:16px;margin-bottom:8px}
.clist{list-style:none;padding:0;display:flex;flex-direction:column}
.clist a{display:grid;grid-template-columns:minmax(0,1fr) 16px;gap:2px 8px;align-items:center;padding:10px 0;border-top:1px solid var(--line);text-decoration:none}
.clist b{font-size:15.5px}
.clist small{grid-column:1;font-size:13.5px;color:var(--muted)}
.clist .ic{grid-row:1 / span 2;grid-column:2;color:var(--muted)}
.ab3{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;padding:14px;border-radius:18px;background:var(--a);text-decoration:none}
.ab3-t{height:84px;display:flex;align-items:flex-end;justify-content:center;padding:10px 10px 0;border-radius:12px;background:rgba(255,255,255,.5);overflow:hidden;container-type:inline-size}
.ab3 b{display:block;font-size:15.5px}
.ab3 small{font-size:13.5px;color:var(--ink-2);line-height:1.4}
.how-g{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;margin-top:20px}
.legend{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 18px;align-items:center}
.legend dd{color:var(--ink-2);font-size:15.5px}
.how-p{display:flex;flex-direction:column;gap:12px;color:var(--ink-2)}
.how-p a{color:var(--act-ink)}
@media (hover:hover) and (pointer:fine){
  .rc:hover{background:rgba(255,255,255,.7)}
  .tl-use:hover{box-shadow:0 0 0 1.5px var(--ai)}
  .tl-link:hover,.clist a:hover b{text-decoration:underline}
  .ab3:hover{box-shadow:0 0 0 1.5px var(--ai)}
}
@media (max-width:1100px){
  .tl-top{grid-template-columns:minmax(0,1fr);gap:8px}
  .nx{max-width:520px}
  .tl-grid{grid-template-columns:minmax(0,1fr)}
  .tl-aside{position:static}
  .how-g{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media (max-width:720px){
  .tl-top{padding-top:20px}
  .nx{padding:22px 20px 20px}
  .nx-n b{font-size:60px}
  .ruler{margin:36px -16px 0;border-radius:0;padding:18px 16px 12px}
  .rl-scroll{overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:4px 16px 0}
  .rl-y,.rl{width:860px;grid-template-columns:repeat(21,minmax(0,1fr))}
  .tl-grid{padding-top:24px}
  .tl-bar{position:static;margin:0 -16px;padding:10px 16px 12px}
  .tl-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px 2px;scrollbar-width:none}
  .tl-chips .chip{flex:none}
  .tl-bar2{gap:10px}
  .tl-bar2 .seg{flex:1 1 100%;flex-wrap:nowrap}
  .tl-bar2 .seg button{flex:1;padding:0 8px}
  .tl-acts{margin-left:0;width:100%}
  .tl-acts > *{flex:1}
  .tl-item{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:16px 0 18px}
  .tl-date b{font-size:28px}
  .tl-date.q b,.tl-date.tbc b{font-size:19px}
  .tl-date span{font-size:12px}
  .tl-mh{font-size:19px}
  .tl-t{font-size:17.5px}
  .tl-s{font-size:15.5px}
  .legend{grid-template-columns:minmax(0,1fr);gap:6px}
  .legend dd{margin-bottom:10px}
}
.g-head{display:flex;flex-direction:column;gap:18px;padding-top:24px;max-width:900px}
.g-meta{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14.5px;color:var(--ink-2)}
.g-meta span{display:inline-flex;align-items:center;gap:7px}
.g-meta .ic{color:var(--ai)}
.g-grid{display:grid;grid-template-columns:190px minmax(0,660px) 280px;justify-content:space-between;gap:40px;align-items:start;padding-top:40px}
.g-toc{position:sticky;top:88px;min-width:0}
.g-toc-b{display:none}
.g-toc-h{font-size:14px;font-weight:750;margin-bottom:10px}
.g-toc ol{list-style:none;padding:0;display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--line)}
.g-toc ol a{display:block;padding:7px 0 7px 14px;margin-left:-2px;border-left:2px solid transparent;font-size:14.5px;line-height:1.35;color:var(--ink-2);text-decoration:none}
.g-toc ol a.on{border-left-color:var(--ai);color:var(--ink);font-weight:700}
.g-prog{height:4px;border-radius:999px;background:var(--line);margin-top:18px;overflow:hidden}
.g-prog i{display:block;height:100%;background:var(--ai);border-radius:999px}
.g-toc .hint{margin-top:8px}
.g-art{min-width:0;display:flex;flex-direction:column;gap:44px;font-size:18px;line-height:1.65}
.g-art section{display:flex;flex-direction:column;gap:16px;scroll-margin-top:96px}
.g-art h2{font-size:28px;line-height:1.15;letter-spacing:-.025em;font-weight:760}
.g-art p{color:#2A322D;text-wrap:pretty}
.g-short{padding:26px 28px;border-radius:22px;background:var(--a)}
.g-short h2{font-size:22px}
.g-short ol{padding-left:1.25em;display:flex;flex-direction:column;gap:6px;font-weight:650}
.g-short ol li::marker{color:var(--ai);font-weight:800}
.g-note{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:18px;background:var(--desk);font-size:16px;line-height:1.55}
.g-note .ic{color:var(--ai);margin-top:3px}
.qs{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}
.qs .q{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:20px 22px 20px 18px;border-radius:20px;box-shadow:inset 0 0 0 1.5px var(--line)}
.qs .q-n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--a);color:var(--ai);font-weight:800;font-size:20px}
.qs .q h3{font-size:20px;line-height:1.3;letter-spacing:-.015em;font-weight:740;margin-bottom:6px}
.qs .q p{font-size:16.5px;line-height:1.55;color:var(--ink-2)}
.g-tool{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:22px;background:var(--desk);font-size:16px}
.g-tool-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.g-tool-h b{display:inline-flex;align-items:center;gap:8px;font-size:16px}
.g-tool-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.g-out{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border-radius:16px;background:var(--paper)}
.g-out b{font-size:26px;line-height:1.2;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.g-out span{font-size:15px;color:var(--ink-2)}
.g-script{display:flex;flex-direction:column;gap:10px;padding:22px 24px;border-radius:22px;background:var(--a)}
.g-script-h{display:flex;justify-content:space-between;align-items:center;gap:12px}
.g-script-h b{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--ai)}
.g-script p{font-size:20px;line-height:1.5;font-weight:600;color:var(--ink)}
.g-art .call p{font-size:16px;color:var(--ink-2)}
.g-by{font-size:15px;color:var(--muted) !important}
.g-by a{color:var(--act-ink)}
.g-aside{position:sticky;top:88px;display:flex;flex-direction:column;gap:22px;min-width:0}
.g-use,.g-terms{display:flex;flex-direction:column;gap:10px}
.g-use h3,.g-terms h3{font-size:16px}
.g-doc{display:flex;align-items:center;gap:12px;padding:8px;border-radius:14px;box-shadow:inset 0 0 0 1.5px var(--line);text-decoration:none}
.g-doc b{display:block;font-size:15px;line-height:1.3}
.g-doc small{font-size:13.5px;color:var(--muted)}
.g-terms .tag{text-decoration:none;height:32px;font-size:13.5px}
.gmore{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.gc{display:flex;flex-direction:column;gap:12px;text-decoration:none}
.gcover{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:16/10;padding:22px 24px;border-radius:18px;background:var(--a);overflow:hidden}
.gcover::after{content:"";position:absolute;right:-30px;bottom:-30px;width:120px;height:120px;border-radius:50%;box-shadow:inset 0 0 0 14px var(--at);opacity:.55}
.gcover b{position:relative;font-size:21px;line-height:1.2;letter-spacing:-.02em;font-weight:760;color:var(--ai);max-width:15em;text-wrap:balance}
.gcover small{position:relative;font-size:13.5px;font-weight:650;color:var(--ai)}
.gc-t{font-size:14.5px;font-weight:650;color:var(--muted)}
@media (hover:hover) and (pointer:fine){
  .g-toc ol a:not(.on):hover{color:var(--ink)}
  .g-doc:hover{box-shadow:inset 0 0 0 1.5px var(--ai)}
  .gc:hover .gcover b{text-decoration:underline}
  .gc:hover .gcover{transform:translateY(-3px)}
  .gcover{transition:transform .35s var(--ease)}
}
@media (max-width:1100px){
  .g-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .g-toc{position:static}
  .g-toc-b{display:flex;align-items:center;gap:10px;width:100%;height:48px;padding:0 16px;border:0;border-radius:14px;background:var(--desk);font-weight:700;font-size:15.5px;cursor:pointer}
  .g-toc-b span{flex:1;text-align:left}
  .g-toc-l{display:none;padding:14px 16px 4px}
  .g-toc-l.open{display:block}
  .g-toc-h{display:none}
  .g-aside{position:static}
  .g-art{max-width:680px}
}
@media (max-width:720px){
  .g-head{padding-top:20px;gap:14px}
  .g-grid{padding-top:24px}
  .g-art{font-size:17px;gap:36px}
  .g-art h2{font-size:24px}
  .g-short{padding:20px;margin:0 -4px}
  .qs .q{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px}
  .qs .q-n{width:36px;height:36px;font-size:17px}
  .qs .q h3{font-size:18px}
  .g-tool{padding:16px;margin:0 -4px}
  .g-tool-g{grid-template-columns:minmax(0,1fr)}
  .g-script{padding:18px}
  .g-script p{font-size:18px}
  .gmore{grid-template-columns:minmax(0,1fr)}
  .gc{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:14px}
  .gcover{aspect-ratio:4/3;padding:12px 14px}
  .gcover b{font-size:14px}
  .gcover small{font-size:12px}
  .gcover::after{width:70px;height:70px;right:-20px;bottom:-20px;box-shadow:inset 0 0 0 9px var(--at)}
}
.gl-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.az{display:flex;gap:2px;flex-wrap:wrap}
.az a{display:grid;place-items:center;width:30px;height:32px;border-radius:8px;font-size:14px;font-weight:650;color:var(--ink-2);text-decoration:none}
.az a[aria-current]{background:var(--ink);color:#fff}
.gl-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:56px;align-items:start;padding-top:28px}
.gl-main{min-width:0;display:flex;flex-direction:column;gap:22px;max-width:760px}
.def{display:flex;flex-direction:column;gap:18px;padding:28px 30px 22px;border-radius:24px;background:var(--a)}
.def-t{font-size:clamp(1.25rem,1.05rem + .55cqi,1.6rem);line-height:1.45;letter-spacing:-.012em;font-weight:600;color:var(--ink);text-wrap:pretty}
.def-f{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:14px;border-top:1px solid rgba(138,58,34,.18)}
.def-a{font-size:15px;color:var(--ink-2)}
.def-a b{color:var(--ai);margin-right:6px}
.gl-sec{display:flex;flex-direction:column;gap:14px;padding-top:18px}
.crs{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.cr{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.cc{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--desk);font-weight:800;font-size:14px;letter-spacing:.02em;color:var(--ink-2)}
.cr-b{display:flex;flex-direction:column;gap:4px;min-width:0}
.cr-b b{font-size:17px}
.cr-t{font-size:14px;font-weight:650;color:var(--ai)}
.cr-b p{color:var(--ink-2);font-size:16px}
.cr-s{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted);text-decoration:none;margin-top:2px}
.ex{padding:18px 20px;border-radius:18px;background:var(--desk);color:var(--ink-2);font-size:16.5px}
.gl-aside{position:sticky;top:88px;min-width:0}
.km-box{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:24px;box-shadow:inset 0 0 0 1.5px var(--line)}
.km{position:relative;height:300px;margin:4px 0}
.km-l{position:absolute;inset:0;width:100%;height:100%}
.km-l line{stroke:var(--line-2);stroke-width:1.5;vector-effect:non-scaling-stroke}
.kn{position:absolute;transform:translate(-50%,-50%);width:max-content;max-width:128px;padding:7px 11px;border-radius:12px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line-2);font-size:13.5px;font-weight:650;line-height:1.25;text-align:center;text-decoration:none;color:var(--ink)}
.kn.kc{max-width:none;padding:10px 14px;background:var(--ai);color:#fff;box-shadow:none;font-size:15px;font-weight:750;white-space:nowrap}
.km-more{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:var(--a);text-decoration:none}
.km-more b{display:block;font-size:15px}
.km-more small{font-size:13.5px;color:var(--ink-2)}
.gl-used{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:56px}
.pn a{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:18px;box-shadow:inset 0 0 0 1.5px var(--line);text-decoration:none}
.pn a.nx2{align-items:flex-end;text-align:right}
.pn small{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--muted);font-weight:650}
.pn b{font-size:17px}
@media (hover:hover) and (pointer:fine){
  .az a:not([aria-current]):hover{background:var(--desk);color:var(--ink)}
  .kn:not(.kc):hover{box-shadow:inset 0 0 0 1.5px var(--ai);color:var(--ai)}
  .km-more:hover,.pn a:hover{box-shadow:inset 0 0 0 1.5px var(--ai)}
  .cr-s:hover{text-decoration:underline}
}
@media (max-width:1100px){
  .gl-grid{grid-template-columns:minmax(0,1fr);gap:36px}
  .gl-aside{position:static;max-width:520px}
}
@media (max-width:720px){
  .gl-top{flex-direction:column;align-items:stretch;gap:10px}
  .az{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:4px 16px;scrollbar-width:none}
  .az a{flex:none;width:34px;height:40px}
  .gl-grid{padding-top:16px}
  .def{padding:20px 18px 16px;margin:0 -4px}
  .cr{grid-template-columns:40px minmax(0,1fr);gap:12px}
  .cc{width:36px;height:36px;font-size:13px}
  .km{height:300px}
  .kn{max-width:112px;font-size:12.5px;padding:6px 8px}
  .gl-used{grid-template-columns:minmax(0,1fr)}
  .gl-used .card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:4px 14px;align-items:center}
  .gl-used .card > div:first-child{grid-row:span 2}
  .pn{grid-template-columns:minmax(0,1fr)}
  .pn a.nx2{align-items:flex-start;text-align:left}
}
.ch{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:end;padding-top:24px}
.ch-l{display:flex;flex-direction:column;gap:18px;min-width:0}
.csw{gap:6px}
.csw .chip{gap:8px;padding:0 12px 0 6px}
.cc2{display:inline-grid;place-items:center;min-width:30px;height:24px;padding:0 5px;border-radius:7px;background:var(--desk);font-size:12px;font-weight:800;letter-spacing:.02em;color:var(--ink-2)}
.chip.on .cc2{background:rgba(255,255,255,.18);color:#fff}
.cfacts{margin-top:48px;padding:24px;border-radius:24px;background:var(--desk);display:flex;flex-direction:column;gap:16px}
.facts5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.fact{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:18px;background:var(--paper)}
.fact b{font-size:30px;line-height:1.05;letter-spacing:-.03em;font-weight:800}
.fact p{font-size:14.5px;line-height:1.45;color:var(--ink-2);flex:1}
.fact a{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);text-decoration:none}
.cfolds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 24px;padding-top:42px}
.cfold{padding:16px 20px 20px;display:flex;flex-direction:column;gap:12px}
.cfold ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}
.crow{display:flex;align-items:center;gap:14px;padding:8px 14px 8px 8px;border-radius:14px;background:var(--paper);text-decoration:none}
.crow > span:nth-child(2){flex:1;min-width:0}
.crow b{display:block;font-size:15.5px;line-height:1.3}
.crow small{font-size:13.5px;color:var(--muted)}
.crow > .ic{color:var(--muted)}
.cfold .lnk{align-self:flex-start;font-size:15px}
.c2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:56px;align-items:start}
.c2 section{display:flex;flex-direction:column;gap:14px;min-width:0}
.dlist{list-style:none;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.dlist li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.dt b{display:block;font-size:16.5px}
.dt small{font-size:14px;color:var(--muted)}
.c2 .lnk{display:inline-flex;align-items:center;gap:6px;font-size:15px}
.cmp-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.cmp{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.cmp-r{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;animation:fade .25s ease both}
.cmp-r b{font-weight:700}
.cmp-r span{color:var(--ink-2)}
.cmp-hd span{font-size:13.5px;font-weight:750;color:var(--muted)}
.cterms{gap:8px}
.cterms .tag{height:36px;padding:0 14px;font-size:14px;text-decoration:none}
.others{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.oc{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;box-shadow:inset 0 0 0 1.5px var(--line);text-decoration:none}
.oc b{display:block;font-size:15.5px}
.oc small{font-size:13.5px;color:var(--muted)}
@media (hover:hover) and (pointer:fine){
  .crow:hover{box-shadow:0 0 0 1.5px var(--ai)}
  .oc:hover{box-shadow:inset 0 0 0 1.5px var(--ink-2)}
  .fact a:hover,.cterms .tag:hover{text-decoration:underline}
}
@media (max-width:1100px){
  .ch{grid-template-columns:minmax(0,1fr);gap:8px}
  .nx{max-width:520px}
  .facts5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .c2{grid-template-columns:minmax(0,1fr);gap:48px}
  .others{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:720px){
  .ch{padding-top:20px}
  .csw{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px 2px;scrollbar-width:none}
  .csw .chip{flex:none}
  .nx{padding:22px 20px 20px}
  .nx-n b{font-size:60px}
  .cfacts{margin:36px -16px 0;border-radius:0;padding:20px 16px}
  .facts5{grid-template-columns:minmax(0,1fr);gap:8px}
  .fact{display:grid;grid-template-columns:96px minmax(0,1fr);gap:4px 12px;padding:14px}
  .fact b{font-size:22px;grid-row:span 2}
  .fact p{font-size:14px}
  .cfolds{grid-template-columns:minmax(0,1fr);gap:56px;padding-top:36px}
  .cfold{padding:14px 12px 16px;margin:0 -4px}
  .cmp-r{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 12px}
  .cmp-r b{grid-column:1 / -1}
  .cmp-hd span:first-child{display:none}
  .cmp-hd{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .others{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .oc{padding:12px;gap:10px}
  .oc b{font-size:14.5px;line-height:1.3}
}
/* HR Riant theme additions on top of the canvas CSS (pages). */

/* ---------- Article body written by Content (flat HTML, not the canvas sections) ---------- */
.g-art{display:block}
.g-art > *{margin-top:0;margin-bottom:0}
.g-art > * + *{margin-top:1.05em}
.g-art > h2{margin-top:2.1em;scroll-margin-top:96px}
.g-art > h3{margin-top:1.7em;font-size:20px;line-height:1.3;letter-spacing:-.015em;font-weight:720;scroll-margin-top:96px}
.g-art > h4{margin-top:1.4em;font-size:17.5px;font-weight:720}
.g-art > h2 + *,.g-art > h3 + *,.g-art > h4 + *{margin-top:.6em}
.g-art > :first-child{margin-top:0}
.g-art p,.g-art li{color:#2A322D;text-wrap:pretty}
.g-art ul,.g-art ol{padding-left:1.3em}
.g-art li + li{margin-top:.4em}
.g-art li::marker{color:var(--ai)}
.g-art strong{font-weight:720;color:var(--ink)}
.g-art a:not(.btn):not(.tl-link):not(.lnk):not(.crow):not(.g-doc){color:var(--act-ink);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--act) 40%,transparent);text-underline-offset:3px}
.g-art a:not(.btn):not(.tl-link):not(.lnk):not(.crow):not(.g-doc):hover{text-decoration-color:currentColor}
.g-art blockquote{margin-left:0;padding:4px 0 4px 18px;border-left:3px solid var(--at)}
.g-art code{font-family:'Geist Mono',ui-monospace,monospace;font-size:.88em;padding:2px 6px;border-radius:6px;background:var(--desk)}
.g-art img{max-width:100%;height:auto;border-radius:12px}
.g-art hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.hrr-link-pending{color:inherit}
.g-by{margin-top:2.4em !important;padding-top:16px;border-top:1px solid var(--line);font-size:14.5px}

/* Tables scroll inside the column. */
.tbl{overflow-x:auto;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);-webkit-overflow-scrolling:touch}
.tbl:focus-visible{outline:2px solid var(--act);outline-offset:2px}
.g-art table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45;min-width:520px}
.g-art th,.g-art td{text-align:left;vertical-align:top;padding:10px 14px;border-bottom:1px solid var(--line)}
.g-art thead th{background:var(--desk);font-weight:720;color:var(--ink);font-size:14px;white-space:nowrap}
.g-art tbody tr:last-child td{border-bottom:0}
.g-art td:first-child{font-weight:600;color:var(--ink)}

/* Callouts from Content: > [!CHECK], > [!LEGAL], > [!GOOD] (hrr-core markup, design .call look). */
.hrr-callout{border-radius:16px;padding:16px 20px 18px;background:var(--desk);font-size:16px}
.hrr-callout > * + *{margin-top:.55em}
.hrr-callout p,.hrr-callout li{color:var(--ink-2)}
.hrr-callout__label{display:flex;align-items:center;gap:8px;font-weight:750;font-size:15.5px;color:var(--ink) !important}
.hrr-callout__label::before{content:"";width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--ci) center/contain no-repeat;mask:var(--ci) center/contain no-repeat}
.hrr-callout--check{--ci:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4l9 16H3z'/%3E%3Cpath d='M12 10v4.5M12 17.2v.2'/%3E%3C/svg%3E")}
.hrr-callout--check .hrr-callout__label{color:var(--pay-i) !important}
.hrr-callout--good{--ci:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M8.5 12.2l2.4 2.4 4.6-4.8'/%3E%3C/svg%3E")}
.hrr-callout--good .hrr-callout__label{color:var(--hire-i) !important}
.hrr-callout--legal{background:var(--danger-tint);--ci:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7.5 3v5.5c0 4.6-3.2 8.2-7.5 9.5-4.3-1.3-7.5-4.9-7.5-9.5V6z'/%3E%3C/svg%3E")}
.hrr-callout--legal .hrr-callout__label{color:var(--danger) !important}

/* ---------- Layout variants ---------- */
.g-grid.no-toc{grid-template-columns:minmax(0,680px) 280px}
.g-grid.no-aside{grid-template-columns:190px minmax(0,680px)}
.g-grid.no-toc.no-aside{grid-template-columns:minmax(0,760px)}
.tl-grid.no-aside{grid-template-columns:minmax(0,820px)}
.tl-art{max-width:760px}
@media (max-width:1100px){
  .g-grid.no-toc,.g-grid.no-aside,.g-grid.no-toc.no-aside,.tl-grid.no-aside{grid-template-columns:minmax(0,1fr)}
}

/* ---------- Timeline additions ---------- */
.rl-y,.rl{grid-template-columns:repeat(var(--rc,21),minmax(0,1fr))}
@media (max-width:720px){.rl-y,.rl{width:calc(var(--rc,21) * 41px)}}
span.rc{cursor:default}
.rmore{font-size:11px;font-weight:750;color:var(--ai);line-height:1}
.tl-o{font-size:14.5px;font-weight:650;color:var(--ai)}
.tl-link{flex-wrap:nowrap;max-width:100%}
.tl-foot{row-gap:4px}
.tl-all{margin:1.6em 0;border-radius:22px;box-shadow:inset 0 0 0 1.5px var(--line)}
.tl-det > summary{list-style:none}
.tl-det > summary::-webkit-details-marker{display:none}
.tl-sum{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;cursor:pointer;border-radius:22px}
.tl-sum b{display:block;font-size:18px;letter-spacing:-.015em}
.tl-sum small{display:block;font-size:14px;color:var(--muted);font-weight:500;margin-top:2px}
.tl-sum .ic{transition:transform .25s var(--ease);color:var(--ink-2)}
.tl-det[open] .tl-sum .ic{transform:rotate(180deg)}
.tl-det[open] .tl-sum{border-bottom:1px solid var(--line);border-radius:22px 22px 0 0}
.tl-sum:hover{background:var(--desk)}
.tl-all .tl-list{padding:0 20px 20px}
.tl-all .tl-month:first-child{padding-top:20px}
.tl-all .tl-item h4,.tl-all .tl-mh{margin:0}
.tl-art .tl-all p,.tl-art .tl-all dd{color:var(--ink-2)}
.tl-art .tl-all dl,.tl-art .tl-all h4{margin:0}
.nx{padding:24px 26px 22px;display:flex;flex-direction:column}
.how .srcs{margin-top:40px}
@media (max-width:720px){.tl-all .tl-list{padding:0 14px 16px}.tl-sum{padding:16px 14px}}

/* Sources list. */
.srcs{margin-top:2.4em !important}
.srcs details > summary{list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer;padding:6px 0}
.srcs details > summary::-webkit-details-marker{display:none}
.srcs summary .h3{font-size:20px}
.srcs-n{font-size:14px;color:var(--muted);font-weight:600}
.srcs summary .ic{margin-left:auto;transition:transform .25s var(--ease)}
.srcs details[open] summary .ic{transform:rotate(180deg)}
.srcs ol{margin-top:12px;padding-left:1.4em;font-size:15px;line-height:1.5;display:flex;flex-direction:column;gap:6px;color:var(--ink-2)}
.srcs a{color:var(--act-ink);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--act) 35%,transparent);text-underline-offset:3px;overflow-wrap:anywhere}
.src-c{color:var(--muted)}

/* Feedback row. */
.fb-sec{padding-top:56px}
.fb .chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.fb-t{font-weight:650;color:var(--hire-i)}
.fb a{margin-left:0}

/* Downloads. */
.dl-m{font-weight:500;font-size:.85em;opacity:.85;margin-left:2px}
.dl .btn-act .dl-m{opacity:.9}
.dl2{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.g-aside .dl,.tl-aside .dl{padding:16px;border-radius:20px;background:var(--a)}
.g-aside .dl .note,.tl-aside .dl .note{text-align:left}

/* Template page: CSS paper on the desk instead of a letter preview. */
.desk{min-height:340px;align-items:flex-end}
.bigpaper{position:relative;width:min(560px,100%);aspect-ratio:4/3;container-type:inline-size;display:flex;align-items:flex-end;justify-content:center;padding:0 6% 0}
.bigpaper .paper{border-radius:10px 10px 0 0;padding:8cqi 7cqi 0;gap:2.2cqi}

.body.g-art{max-width:820px}
.gal.gal-4,.gal-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
@media (max-width:1100px){.gal-4{grid-template-columns:repeat(3,minmax(0,1fr))}.desk{min-height:0}}
@media (max-width:720px){.gal-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}}

/* Archives, search, 404. */
.arc-head{padding-top:28px;padding-bottom:8px;gap:16px}
.arc-head .chips{margin-top:6px}
.chip-n{font-size:12.5px;font-weight:700;color:var(--muted)}
.arc-list{padding-top:28px}
.empty-l{padding-top:24px}
.lsearch-wide{max-width:640px}
.lsearch-wide .ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted)}
.lsearch{position:relative}
.lsearch .inp{height:56px;padding-left:48px;border-radius:16px;font-size:17px}
.lsearch .ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted)}
.srch{max-width:820px;margin-top:20px}
.nf{padding-top:56px;max-width:760px}
.cidx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px 24px;padding-top:56px}
.ci .ftab{gap:10px}
.ci .cc2{background:#fff}
.glx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 40px;padding-top:28px}
.glx .h3{margin-bottom:6px}
.hub-art{max-width:760px;padding-top:32px}
.c2-one{grid-template-columns:minmax(0,760px)}
.ft-n{font-size:12.5px;font-weight:700;opacity:.8;margin-left:4px}
.cfolds .ftab small{font-weight:700}
.cfolds{align-items:start}
@media (max-width:720px){.cidx,.glx{grid-template-columns:minmax(0,1fr);gap:56px}}
.az span{display:grid;place-items:center;width:30px;height:32px;font-size:14px;font-weight:650;color:#B7BEB9}
@media (max-width:720px){.az span{flex:none;width:34px;height:40px}}
/* Long date lists fold by month. */
.tl-mdet > summary{list-style:none;cursor:pointer}
.tl-mdet > summary::-webkit-details-marker{display:none}
.tl-msum .tl-mh{padding-bottom:12px}
.tl-chev{color:var(--muted);transition:transform .25s var(--ease);margin-left:4px}
.tl-mdet[open] .tl-chev{transform:rotate(180deg)}
.tl-mdet:not([open]) .tl-msum .tl-mh{padding-bottom:4px}
/* Big paper on the template desk. */
.paper-big{gap:2cqi}
.pt-x{display:block;font-size:4.6cqi;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin-bottom:1.5cqi;text-wrap:balance}