.badge-pic-c .copy-elem{border-width:2px}
.list-2{font-size:1.1rem;margin-bottom:.75rem}
.frame-icon-hard{line-height:1.1;margin-bottom:.5rem}
.block_toggle{font-weight:700;font-family:var(--font-title);color:var(--color-fg);font-size:2.25rem}
.app-center{color:var(--color-muted);font-size:.9rem}
.field-5{font-size:.95rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-line);color:var(--color-muted)}
.tile-base {
  padding: 0;
  gap: .6rem;
  list-style: none;
  flex-grow: 1;
  display: grid;
  margin: 0 0 1.75rem;
}
.ctx {
  display: flex;
  align-items: flex-start;
  gap: .6rem;
  font-size: .95rem;
}
.panel-5 {
  width: 1.25rem;
  margin-top: .1rem;
  display: inline-flex;
  flex-shrink: 0;
  height: 1.25rem;
  color: var(--color-main);
}
.panel-5 svg{width:100%;height:100%}
.list {
  width: 100%;
}
.bar-5 {
  margin: 1.75rem 0 0;
  font-size: .85rem;
}
.avatar-10{padding-block:calc(var(--space-block) * .8)}
.tile_loose{background:var(--color-main);color:var(--color-on-brand)}
.note_2{color:var(--color-dark-fg);background:var(--color-night)}
.body-old {
  background: var(--color-raised);
  color: var(--color-fg);
}
.tile_loose .fig-1,.note_2 .fig-1 {
  color: inherit;
}
.top-v2{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.edge-center .top-v2 {
  text-align: center;
  flex-direction: column;
}
.fig-1 {
  margin-bottom: .35rem;
}
.foot-copy{margin:0;opacity:.85}
.btn-stack-light {
  flex-shrink: 0;
}
@media (max-width:720px){.top-v2{align-items:flex-start;flex-direction:column}.edge-center .top-v2{align-items:center}}
.cap-right{background:var(--color-raised);padding:clamp(1.4rem,4vw,4rem);border:1px solid var(--color-line);border-radius:var(--radius-large)}
.elem_light {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-line);
  margin-bottom: 3rem;
}
.pic_9 {
  font-size: 1.4rem;
  overflow-wrap: anywhere;
  font-family: var(--font-title);
  min-width: 0;
}
.base-right{font-size:.85rem;overflow-wrap:anywhere;color:var(--color-muted);min-width:0}
.bar_wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(2rem,5vw,5rem)}
.dot-flow-big {
  max-width: 15ch;
  font-size: clamp(1.8rem,3.5vw,3rem);
  overflow-wrap: anywhere;
}
.group-5{color:var(--color-muted);max-width:40ch;margin:0}
.side-full{margin:0}
.side-4{padding-block:1.2rem;border-bottom:1px solid var(--color-line)}
.side-4:first-child {
  padding-top: 0;
}
.dot_pic_tight{margin-bottom:.6rem;font-size:.8rem;color:var(--color-muted)}
.title-tag-center{margin:0;font-size:1.1rem;overflow-wrap:anywhere}
.hero_node{color:var(--color-fg);text-underline-offset:.2em;text-decoration:underline}
.hero_node:hover{color:var(--color-main)}
.note-bottom{font-style:normal}
.hero_node:focus-visible{outline:2px solid var(--color-main);outline-offset:4px}
@media(max-width:760px){.bar_wrap{grid-template-columns:minmax(0,1fr);gap:2rem}.elem_light {
  margin-bottom: 2rem;
  flex-wrap: wrap;
  gap: .5rem 2rem;
}}
.head-title-auto {
  gap: 1.25rem;
  display: grid;
  min-width: 0;
  border-top: 1px solid var(--color-line);
  padding-top: 2rem;
  margin-top: 3rem;
}
.author-11{font-size:clamp(1.2rem,2vw,1.5rem);overflow-wrap:anywhere;margin:0}
.mark-last{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem}
.bar-alt {
  min-width: 0;
  gap: .4rem;
  display: grid;
}
.info-c {
  grid-column: 1/-1;
}
.ct-outer{color:var(--color-muted);font-size:.8rem}
.list-compact {
  width: 100%;
  min-width: 0;
  padding: .6rem 0;
  border: 0;
  border-bottom: 1px solid var(--color-line);
  border-radius: 0;
  background: transparent;
  color: var(--color-fg);
  font: inherit;
}
.list-compact:focus {
  box-shadow: 0 1px 0 var(--color-main);
  outline: none;
  border-bottom-color: var(--color-main);
}
.row-main{resize:vertical;min-height:6rem}
.page-layer-top{overflow-wrap:anywhere;justify-self:start;max-width:100%}
@media(max-width:760px){.head-title-auto {
  margin-top: 2rem;
}.mark-last {
  grid-template-columns: minmax(0,1fr);
}}
.brand_10 {
  overflow-wrap: anywhere;
}
.mark-10 {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: start;
}
.row-muted h2{max-width:23ch}
.shape_x{margin-top:2rem}
.pill-big {
  padding-top: 1.25rem;
  border-top: 1px solid var(--color-line);
}
.pill-big h3{font-size:1rem}
.pill-big p{color:var(--color-muted)}
.bar-edge-b{background:var(--color-raised);border:1px solid var(--color-line);padding:clamp(1.4rem, 3.5vw, 3rem);border-radius:var(--radius-sm)}
.sec-a {
  margin-bottom: 2rem;
  border-radius: 50%;
  display: inline-flex;
  color: var(--color-on-brand);
  padding: 1rem;
  background: var(--color-main);
}
.sec-a svg {
  width: 1.5rem;
  height: 1.5rem;
}
.item-4{font-size:1.5rem;font-weight:700;font-family:var(--font-title)}
.el {
  margin: 0;
}
.el div{padding:1rem 0;border-top:1px solid var(--color-line)}
.el dt {
  margin-bottom: .5rem;
  font-size: .75rem;
  color: var(--color-muted);
}
.el dd {
  margin: 0;
}
@media (max-width: 720px){.mark-10 {
  grid-template-columns: minmax(0, 1fr);
}}
.strip-8 {
  overflow-wrap: anywhere;
}
.toggle-y {
  max-width: 72rem;
}
.pane-sm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:3rem;align-items:start;padding-bottom:3rem}
.avatar-5 {
  margin: 0;
  border-left: 3px solid var(--color-main);
  padding-left: 1rem;
}
.unit-box2-flat {
  margin-bottom: .35rem;
  font-size: .8rem;
  color: var(--color-muted);
}
.btn-8 {
  margin: 0;
  font-size: .95rem;
  color: var(--color-fg);
  font-weight: 600;
}
.media-dot-dark {
  min-width: 0;
  line-height: 1.65;
  font-size: clamp(1.1rem,1.6vw,1.3rem);
  white-space: pre-line;
  margin: 0;
}
.view-edge-sm{display:grid;grid-template-columns:minmax(0,4rem) minmax(0,17rem) minmax(0,1fr);gap:clamp(1rem,2.5vw,2.5rem);align-items:start;border-top:1px solid var(--color-line);padding-block:2rem}
.view-edge-sm:last-child {
  border-bottom: 1px solid var(--color-line);
}
.base_11{font-weight:var(--weight-heading);font-variant-numeric:tabular-nums;font-family:var(--font-title);color:var(--color-main);line-height:1;font-size:2.7rem}
.ctx_loose {
  line-height: 1.4;
  margin: 0;
  font-size: clamp(1.1rem,1.6vw,1.35rem);
  scroll-margin-top: 8rem;
  min-width: 0;
}
.slot-third {
  color: var(--color-fg);
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: .25em;
}
.slot-third:hover {
  color: var(--color-main);
  text-decoration-color: currentColor;
}
.slot-third:focus-visible,.ctx_loose:focus{outline:2px solid var(--color-main);outline-offset:5px}
.outro-muted {
  min-width: 0;
  max-width: 65ch;
}
.cnt-fig {
  margin: 0 0 1rem;
  font-size: 1rem;
  line-height: 1.8;
  white-space: pre-line;
}
.cnt-fig:last-child {
  margin-bottom: 0;
}
@media(max-width:860px){.pane-sm{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-bottom:2rem}.view-edge-sm{grid-template-columns:2.5rem minmax(0,1fr);gap:1rem 1.25rem}.base_11{font-size:2rem}.outro-muted{grid-column:2}.ctx_loose {
  align-self: center;
}}
@media(max-width:480px){.view-edge-sm{gap:1rem;padding-block:1.5rem}.outro-muted {
  grid-column: 1/-1;
}.base_11{font-size:1.8rem}}
.edge-box {
  overflow-wrap: anywhere;
}
.part_first {
  display: grid;
  grid-template-columns: minmax(12rem,19rem) minmax(0,44rem);
  gap: clamp(2rem,5vw,5rem);
  justify-content: center;
  align-items: start;
}
.site-stack{position:sticky;top:7rem;min-width:0;padding-top:.35rem}
.zone_mini{margin:0 0 1.75rem;border-bottom:2px solid var(--color-main);padding:0 0 1.5rem}
.card_ctx{color:var(--color-muted);margin-bottom:.4rem;font-size:.75rem;letter-spacing:.05em}
.inner_input {
  margin: 0;
  font-weight: 600;
  font-size: .95rem;
  color: var(--color-fg);
}
.burger-logo {
  display: grid;
  padding: 0;
  margin: 0;
  gap: .3rem;
  list-style: none;
}
.layer-auto {
  min-width: 0;
}
.title-1 {
  display: grid;
  grid-template-columns: 1.65rem minmax(0,1fr);
  gap: .65rem;
  align-items: baseline;
  padding: .55rem .2rem;
  color: var(--color-fg);
  font-size: .85rem;
  line-height: 1.45;
  border-bottom: 1px solid var(--color-line);
}
.title-1:hover {
  text-underline-offset: .2em;
  text-decoration: underline;
  color: var(--color-main);
}
.title-1:focus-visible {
  outline: 2px solid var(--color-main);
  outline-offset: 3px;
}
.title_square {
  font-variant-numeric: tabular-nums;
  font-size: .72rem;
  color: var(--color-muted);
}
.sec{min-width:0}
.hero-5 {
  white-space: pre-line;
  margin: 0 0 2.5rem;
  font-size: clamp(1.1rem,1.5vw,1.25rem);
  line-height: 1.7;
}
.card-top{padding-block:1.8rem;border-top:1px solid var(--color-line)}
.card-top:last-child{padding-bottom:0}
.ref-7 {
  font-size: clamp(1.15rem,1.6vw,1.45rem);
  scroll-margin-top: 8rem;
  margin: 0 0 1rem;
  line-height: 1.35;
}
.ref-7:focus {
  outline: 2px solid var(--color-main);
  outline-offset: 5px;
}
.ref-c{line-height:1.8;font-size:1rem;white-space:pre-line;margin:0 0 1rem}
.ref-c:last-child{margin-bottom:0}
@media(max-width:780px){
.part_first{grid-template-columns:minmax(0,1fr);gap:2rem}
.site-stack{position:static;padding:1.25rem;background:var(--color-raised);border:1px solid var(--color-line);border-radius:var(--radius-sm)}
.zone_mini{margin-bottom:1rem;padding-bottom:1rem}
.burger-logo {
  column-gap: 1.25rem;
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.hero-5 {
  margin-bottom: 1.75rem;
}
}
@media(max-width:480px){
.burger-logo{grid-template-columns:minmax(0,1fr)}
.card-top{padding-block:1.5rem}
}
.author-author-fill {
  max-width: 46rem;
}
.meta_soft {
  color: var(--color-muted);
  font-size: .85rem;
}
.frame-img {
  font-size: 1.05rem;
}
.outer-2{margin-top:2rem}
.box2 {
  font-size: 1.3rem;
}
.img-media-flat{color:var(--color-fg)}
.ref-ref {
  overflow-wrap: anywhere;
  background: var(--color-raised);
}
.sec2-narrow{max-width:56rem;background:var(--color-bg);border:1px solid var(--color-line);border-top:3px solid var(--color-main);border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:var(--shadow-card);padding:clamp(1.25rem,4vw,3.5rem)}
.avatar_mini{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 0 2.75rem;padding-bottom:1.2rem;border-bottom:1px solid var(--color-line);font-size:.85rem}
.lead-brand-md {
  color: var(--color-muted);
  min-width: 0;
}
.toggle {
  text-align: right;
  min-width: 0;
  margin: 0;
  color: var(--color-fg);
}
.meta-label{max-width:66ch;margin-inline:auto}
.col-7{line-height:1.8;font-size:1.1rem;margin:0 0 2.5rem;white-space:pre-line}
.tag_pic_v2{margin-top:2.25rem}
.outro-top {
  scroll-margin-top: 8rem;
  margin: 0 0 .9rem;
  line-height: 1.35;
  font-size: clamp(1.2rem,1.8vw,1.55rem);
}
.icon_group_main{color:var(--color-fg);text-decoration:underline;text-decoration-color:var(--color-line);text-decoration-thickness:1px;text-underline-offset:.25em}
.icon_group_main:hover{text-decoration-color:currentColor;color:var(--color-main)}
.icon_group_main:focus-visible,.outro-top:focus {
  outline: 2px solid var(--color-main);
  outline-offset: 5px;
}
.page-square{white-space:pre-line;margin:0 0 1rem;line-height:1.85;font-size:1rem}
.page-square:last-child{margin-bottom:0}
@media(max-width:480px){
.sec2-narrow {
  padding: 1.25rem 1rem;
}
.avatar_mini {
  flex-direction: column;
  gap: .3rem;
  margin-bottom: 1.75rem;
}
.toggle{text-align:left}
.col-7 {
  margin-bottom: 1.75rem;
  font-size: 1.05rem;
}
.tag_pic_v2{margin-top:1.75rem}
.page-square {
  line-height: 1.75;
}
}
.node-area {
  padding-block: 1.5rem calc(var(--space-block) * .65);
  background: var(--color-raised);
}
.area{min-width:0}
.area-inner {
  margin: 0;
}
.info_elem_fill {
  object-fit: cover;
  aspect-ratio: 5/2;
  width: 100%;
}
.bar-link{border:1px solid var(--color-line);position:relative;background:var(--color-bg);margin:-3rem clamp(1rem,4vw,4rem) 0;padding:clamp(1.25rem,4.5vw,4rem)}
.box-main{display:flex;align-items:center;gap:.65rem;width:fit-content;max-width:100%;min-height:2.75rem;font-size:.8rem;margin-bottom:1.25rem;overflow-wrap:anywhere}
.box-main:focus-visible{outline:2px solid var(--color-main);outline-offset:4px}
.panel {
  display: block;
}
.stat {
  overflow-wrap: anywhere;
  font-size: clamp(2rem,4vw,3.8rem);
  max-width: 23ch;
  margin-bottom: .65em;
}
.chip_full {
  font-size: clamp(1.05rem,1.5vw,1.25rem);
  color: var(--color-muted);
  margin-bottom: 2rem;
  line-height: 1.65;
  max-width: 56ch;
}
.text_site_x{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;border-top:1px solid var(--color-line);padding-top:1.25rem;font-size:.8rem;color:var(--color-muted)}
.sub-mini{font-weight:600;color:var(--color-fg);min-width:0}
.area-inner:not(:has(img)){display:none}
.area:not(:has(img)) .bar-link{margin-top:0}
@media(max-width:700px){.info_elem_fill {
  aspect-ratio: 8/5;
}.bar-link{margin:-1.25rem .65rem 0;padding:1.25rem}.box-main {
  margin-bottom: 1rem;
}.chip_full{margin-bottom:1.5rem}.sub-mini{flex-basis:100%}}
.hero {
  display: grid;
  grid-template-columns: minmax(0,.5fr) minmax(0,1fr);
  gap: clamp(2rem,5vw,5rem);
  padding-block: 2rem 3rem;
  border-top: 1px solid var(--color-line);
}
.pane-frame-sm {
  min-width: 0;
}
.list-author {
  display: block;
  margin-bottom: 1rem;
  font-variant-numeric: tabular-nums;
  color: var(--color-main);
  font-size: .8rem;
}
.stat_active{line-height:1.4;max-width:22ch;font-size:clamp(1.25rem,2vw,1.7rem);overflow-wrap:anywhere}
.layer {
  min-width: 0;
  max-width: 66ch;
  font-size: 1.05rem;
  overflow-wrap: anywhere;
  line-height: 1.85;
}
.group-base-xl{margin-bottom:1.35rem}
.group-base-xl:last-child {
  margin: 0;
}
.menu_big {
  margin: 1.5rem 0 0;
  background: var(--color-raised);
  border-left: 2px solid var(--color-main);
  padding: 1.5rem 1.5rem 1.5rem 2.75rem;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}
.panel-ghost {
  margin-bottom: .6rem;
  padding-left: .25rem;
}
.panel-ghost:last-child {
  margin: 0;
}
.panel-ghost::marker{color:var(--color-main)}
.outer-node{background:var(--color-raised);padding:2.5rem;border-radius:var(--radius-large);margin-left:calc((100% + 2 * clamp(2rem,5vw,5rem)) / 3)}
.copy-3{margin:0;font-family:var(--font-title);font-size:1.25rem;line-height:1.65;overflow-wrap:anywhere}
@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr);gap:1rem;padding-block:1.5rem 2rem}.list-author{margin-bottom:.5rem}.stat_active {
  margin: 0;
  max-width: none;
}.outer-node{padding:1.5rem;margin-left:0}.layer{font-size:1rem}}
.ct-10 {
  display: grid;
  grid-template-columns: minmax(0,.45fr) minmax(0,1fr);
  gap: 3rem;
  align-items: start;
}
.title-9 {
  max-width: 15ch;
  overflow-wrap: anywhere;
  font-size: clamp(1.5rem,2.5vw,2.2rem);
}
.tag_open {
  border-top: 1px solid var(--color-line);
  list-style: none;
  padding: 0;
  margin: 0;
}
.intro {
  display: grid;
  grid-template-columns: 2rem minmax(0,1fr);
  gap: 1rem;
  padding-block: 1.5rem;
  border-bottom: 1px solid var(--color-line);
}
.sub-tight {
  padding-top: .2rem;
  color: var(--color-main);
  font-variant-numeric: tabular-nums;
  font-size: .75rem;
}
.note_raised{font-size:.75rem;color:var(--color-muted)}
.body{font-size:1.3rem;overflow-wrap:anywhere;line-height:1.4;margin:.5rem 0}
.info-right{color:var(--color-fg)}
.info-right:hover {
  color: var(--color-main);
}
.input-label-y {
  color: var(--color-main);
  white-space: nowrap;
}
.menu_narrow {
  color: var(--color-muted);
  font-size: .95rem;
  margin: 0;
}
@media(max-width:700px){
.ct-10 {
  grid-template-columns: minmax(0,1fr);
  gap: 1.5rem;
}
.title-9 {
  margin: 0;
  max-width: none;
}
}