/* SPDX-License-Identifier: AGPL-3.0-only */
.rhero .co{display:flex;align-items:center;gap:.5rem;color:var(--glacier);margin-bottom:1rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
.rstats{display:grid;grid-template-columns:repeat(3,max-content);gap:1rem 2.4rem;margin-top:1.2rem;padding-top:1.1rem;border-top:1px solid rgba(239,230,212,.18)}
.rstats .s b{font-family:var(--serif);font-size:1.6rem;line-height:1.15;display:block}
.rstats .s span{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(239,230,212,.6)}
.rctas{display:flex;gap:.8rem;margin-top:1.4rem;flex-wrap:wrap}
.kinds{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 2rem;margin-top:-.65rem}
.kinds .k{display:flex;flex-direction:column;gap:.15rem;padding:.65rem 0;
  border-bottom:1px solid rgba(20,22,14,.1);font-size:.95rem}
.kinds .k .c{font-family:var(--mono);font-size:.72rem;color:#8a8d7d;letter-spacing:.02em}
.kinds .k .c b{color:var(--trail);font-weight:700}
.kinds .k .c i{font-style:normal}
.kinds-note{font-size:.90rem;color:#595c4d;margin:.9rem 0 0;line-height:1.6;max-width:64ch}
.region-report{margin:1.4rem 0 0;padding-top:1rem;border-top:1px solid rgba(20,22,14,.12);font-size:.82rem}
.region-report a{color:#595c4d}
.kinds-note code{font-family:var(--mono);font-size:.78rem;padding:.08em .34em;border-radius:4px;
  background:rgba(89,92,77,.11);color:#3f4236;white-space:nowrap}
.rhero-side{float:right;margin:0 0 .6rem 1rem}
.rshape{margin:0}
.rshape svg{display:block;width:clamp(104px,26vw,132px);aspect-ratio:4/3;height:auto;overflow:visible}
.rhero-main .rstats{clear:both}
.rsteward.rsteward--side{display:none}
@media(min-width:760px){
  .rhero-cols{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2.5rem;align-items:start}
  .rhero-side{float:none;margin:0;grid-column:2;grid-row:1;width:clamp(200px,26vw,300px)}
  .rshape svg{width:100%}
  .rhero-main{grid-column:1;grid-row:1;min-width:0}
  .rsteward.rsteward--main{display:none}
  .rsteward.rsteward--side{display:flex;margin-top:1.2rem;font-size:.84rem}
}
.rshape .co-out{fill:rgba(239,230,212,.10);stroke:rgba(239,230,212,.38);stroke-width:.8;
  stroke-linejoin:round;vector-effect:non-scaling-stroke}
.rshape .rg-in{fill:var(--clay);fill-opacity:.9;stroke:var(--paper);stroke-width:.8;
  stroke-linejoin:round;vector-effect:non-scaling-stroke}
.rshape .co-out.co-edge{fill:none}
.rshape .rg-sib{fill:rgba(239,230,212,.10);stroke:rgba(239,230,212,.285);stroke-width:.8;stroke-linejoin:round;
  vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .12s,stroke .12s}
.rshape a:hover .rg-sib{fill:rgba(239,230,212,.26);stroke:rgba(239,230,212,.7)}
.rsteward{margin-top:1.5rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;
  font-size:.88rem;color:rgba(239,230,212,.75);line-height:1.5}
.rsteward-h{flex:0 0 100%;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(239,230,212,.5)}
.rsteward b{color:var(--paper);font-weight:600}
.rsteward-chip{display:inline-block;margin-right:.45rem;padding:.16rem .5rem;border-radius:999px;
  border:1px solid rgba(239,230,212,.28);background:rgba(239,230,212,.07);
  font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--paper);white-space:nowrap;vertical-align:.06em}
.rsteward-d{color:rgba(239,230,212,.62)}
.rsteward-sep{color:rgba(239,230,212,.35);padding:0 .1rem}
.rsteward-people{display:inline-flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-right:.15rem}
.rsteward-person{display:inline-flex;align-items:center;white-space:nowrap}
.rsteward-name{border-radius:999px 0 0 999px;border-right:none;color:var(--paper);
  text-decoration:none;font-weight:600;letter-spacing:.06em}
a.rsteward-name:hover{background:rgba(239,230,212,.16);border-color:rgba(239,230,212,.5)}
.rsteward-name.is-anon{color:rgba(239,230,212,.72);font-weight:400}
.rsteward-reach{border-radius:0 999px 999px 0;background:transparent;
  color:rgba(239,230,212,.6);letter-spacing:.08em}
.rbody-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.75rem,3.5vw,2.75rem)}
@media(min-width:760px){
  .rbody-cols{grid-template-columns:minmax(0,1fr) 230px;gap:2rem;align-items:start}
  .rbody-side .kinds{grid-template-columns:minmax(0,1fr)}
}
@media(min-width:980px){
  .rbody-cols{grid-template-columns:minmax(0,1fr) 300px;gap:3.5rem}
}
.rg-about + .rg-about{margin-top:clamp(1.75rem,3.5vw,2.75rem)}
.rg-about-text{max-width:46rem;font-size:1.02rem;line-height:1.65;margin:.4rem 0 .5rem}
.rg-about-text p{margin:0 0 .9rem}
.rg-about-text p:last-child{margin-bottom:0}
.rg-about-attrib{color:#5a5d4d}
.rg-about-write{font-size:.9rem;line-height:1.55;color:#4f5344;margin:.5rem 0 0}
.rg-about-write a{color:var(--clay);text-decoration:underline;text-underline-offset:3px}
.rg-story-lang{margin:.4rem 0 .6rem}
.rg-story-text{max-width:46rem;font-size:1.02rem;line-height:1.65;margin:.4rem 0 .5rem}
.rg-story-text p{margin:0 0 .9rem}
.rg-story-text p:last-child{margin-bottom:0}
.rg-story-text a{color:var(--clay);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.rg-more{display:inline-block;margin:.1rem 0 .5rem;padding:0;border:0;background:none;font:inherit;font-size:.9rem;
  color:var(--clay);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.rg-more[hidden]{display:none}
@media(max-width:759px){
  .rg-about-text.is-clamped,.rg-story-text.is-clamped{max-height:calc(3 * 1.65em);overflow:hidden;
    -webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent)}
}
@media(min-width:760px){.rg-more{display:none}}
.rhero .co a.co-link{color:inherit;text-decoration:underline;text-decoration-color:rgba(239,230,212,.35);text-underline-offset:3px}
.rhero .co a.co-link:hover{text-decoration-color:currentColor;color:var(--paper)}
.rg-translated{font-size:.9rem;line-height:1.55;color:#4f5344;margin:.5rem 0 0}
.rstats .rstats-edit{margin-left:.4rem;vertical-align:middle;color:rgba(239,230,212,.7)}
.rg-invite{max-width:46rem;margin:clamp(1.75rem,3.5vw,2.75rem) 0 0;padding-top:1rem;border-top:1px solid rgba(20,22,14,.12)}
.rg-invite p{font-size:.92rem;line-height:1.6;color:#4f5344;margin:.3rem 0 0}
.rg-invite .rg-invite-h{font-weight:600;color:#3a3d30;margin:0}
.rg-invite a{color:var(--clay);text-decoration:underline;text-underline-offset:3px}
@media(max-width:759px){
  .rhero{padding:1.4rem 0 1.8rem}
  .rhero .co{margin-bottom:.6rem}
  .rstats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem .9rem;margin-top:.9rem;padding-top:.8rem}
  .rhero .co > span{display:none}
  .rhero .co > *{white-space:nowrap}
  .rstats .s b{font-size:1.2rem}
  .rstats .s span{font-size:.6rem;letter-spacing:.06em}
  .rsteward{margin-top:1rem}
  .rctas{margin-top:1rem}
}
