/* =============================================================
   AKU WORLD 2.0 · Stage 4D hybrid · v2-hybrid.css
   Loaded only by index-hybrid.html and educators-hybrid.html,
   after v2-simple.css. Keeps the 4D hierarchy (one loud moment,
   quiet section titles, one filled button per section) and brings
   back the 4C artwork, the two distinct worlds, the pink
   activities treatment and real photography.
   ============================================================= */

/* ---- Home: Meet Aku + two large covers ---- */
.y-meet{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(28px,5vw,88px); align-items:center; }
.y-books{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(24px,4vw,56px); align-items:end; }
.y-book{ display:flex; flex-direction:column; align-items:flex-start; gap:10px; color:inherit; text-decoration:none; }
.y-book img{ width:100%; max-width:330px; height:auto; border-radius:2px; box-shadow:16px 18px 0 var(--world); margin:0 18px 26px 0; transform:rotate(-2deg); transition:transform var(--slow) var(--ease); }
.y-book:nth-child(2) img{ transform:rotate(1.5deg); }
.y-book:hover img{ transform:rotate(0) translateY(-4px); }
.y-book b{ font-family:var(--display); font-weight:900; text-transform:uppercase; font-size:clamp(1.2rem,1.9vw,1.6rem); line-height:1; }
.y-credit{ margin:var(--s4) 0 0; font-size:var(--t-small); color:var(--muted); }

/* ---- Home: two worlds, each itself ---- */
.y-worlds{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.y-world{ position:relative; isolation:isolate; overflow:hidden; color:#fff; min-height:min(78svh,700px); display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; padding:clamp(28px,4.5vw,64px) var(--gut); }
.y-world > img{ position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; }
.y-world::before{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(0deg, rgba(11,10,18,.93) 0%, rgba(11,10,18,.5) 44%, rgba(11,10,18,0) 74%); }
.y-world .where{ font-family:var(--ui); font-weight:500; font-size:var(--t-small); color:var(--starlight); margin:0 0 6px; }
.y-world p.d{ margin:12px 0 0; max-width:36ch; font-size:var(--t-lede); line-height:1.45; }
.y-game{ margin-top:var(--s5); padding-top:var(--s4); border-top:1px solid rgba(255,255,255,.35); max-width:44ch; }
.y-game p{ margin:8px 0 0; font-size:var(--t-body); line-height:1.5; color:rgba(255,255,255,.9); }
.y-game .btn-row{ margin-top:var(--s4); align-items:center; gap:var(--s5); }
.y-world .more{ color:#fff; }

/* ---- Educators: the two offers, told with art and photography ---- */
.y-act{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(24px,5vw,80px); align-items:center; }
.y-act .ed-sheets{ aspect-ratio:5/3.6; }
.y-visit{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:clamp(24px,5vw,80px); align-items:center; }
.y-free{ margin:var(--s3) 0 0; font-family:var(--ui); font-weight:800; font-size:clamp(1.15rem,1.7vw,1.4rem); color:var(--deep); }
.y-free::before{ content:""; display:inline-block; width:.62em; height:.62em; margin-right:.5em; background:var(--energy); border-radius:2px; }
.y-three{ list-style:none; margin:var(--s5) 0 0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(20px,3vw,44px); }
.y-three li{ display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.y-three figure{ margin:0 0 6px; width:100%; aspect-ratio:16/10; overflow:hidden; border-radius:var(--radius); background:#fff; }
.y-three figure img{ width:100%; height:100%; object-fit:cover; }
.y-three p{ margin:0 0 var(--s2); color:var(--muted); flex:1; }

@media (max-width:760px){
  .y-meet, .y-worlds, .y-act, .y-visit{ grid-template-columns:1fr; }
  .y-books{ gap:18px; }
  .y-book img{ box-shadow:9px 10px 0 var(--world); margin:0 9px 16px 0; }
  .y-book b{ font-size:1.05rem; }
  .y-world{ min-height:64svh; }
  .y-visit > figure{ order:-1; }
  .y-act .ed-sheets{ order:-1; margin-bottom:var(--s3); }
  .y-three{ grid-template-columns:1fr; gap:0; }
  .y-three li{ display:grid; grid-template-columns:96px 1fr; column-gap:14px; row-gap:2px; padding:var(--s4) 0; border-top:1px solid var(--rule); align-items:start; }
  .y-three figure{ grid-row:1 / span 3; margin:0; aspect-ratio:1/1; }
  .y-three p{ font-size:var(--t-small); }
}

/* =============================================================
   Hybrid, final refinements (2026-10-10)
   ============================================================= */
/* book labels and actions under the covers */
.y-book .kicker b{ font-family:var(--ui); font-weight:800; }
.y-book .kicker .k2{ font-weight:500; }
.y-buy{ display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:10px 18px; border:2px solid var(--deep); border-radius:var(--radius); font-family:var(--ui); font-weight:800; font-size:14px; line-height:1.15; text-align:center; }
.y-book:hover .y-buy{ background:var(--deep); color:#fff; }
.y-quiet{ font-size:var(--t-small); color:rgba(255,255,255,.82); text-decoration:underline; text-underline-offset:4px; }
.y-two{ grid-template-columns:repeat(2,minmax(0,1fr)); }
/* one books section on Educators: the working board carries the teacher actions */
.simple .edu-board__head .edu-btns{ justify-content:flex-start; align-items:center; gap:10px 14px; }
.simple .edu-board__head .more{ color:#fff; }

/* shared quiet treatments for the remaining pages */
.simple .ji-beats li{ font-size:clamp(1.05rem,1.55vw,1.35rem); line-height:1.45; padding:clamp(20px,3vw,34px) 0; max-width:34em; }
.simple .bk-story .prose{ margin-top:var(--s4); }
.q-row{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(28px,5vw,88px); align-items:start; }
.q-row .quote p{ font-size:clamp(1.15rem,1.9vw,1.6rem); }
.crew-row{ list-style:none; margin:var(--s5) 0 0; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:clamp(10px,2vw,24px); }
.crew-row a{ display:block; color:inherit; text-decoration:none; font-family:var(--ui); font-weight:800; font-size:var(--t-small); }
.crew-row img{ width:100%; aspect-ratio:1/1; object-fit:cover; object-position:50% 12%; border-radius:var(--radius); background:#fff; margin-bottom:8px; }
.ab-act{ margin:clamp(40px,6vw,88px) 0 0; padding-top:var(--s5); border-top:2px solid var(--deep); }
.simple .ab-sec{ border-top:0; padding-block:clamp(20px,3vw,36px); }
.simple .ab-sec figure{ margin-top:var(--s6); }
.simple .act-filters{ position:sticky; top:0; z-index:5; background:var(--cosmos); padding:10px 0; margin-inline:calc(-1 * var(--gut)); padding-inline:var(--gut); }
.simple .act-kind{ border-top:0; padding-top:clamp(20px,3vw,36px); }
@media (max-width:760px){
  /* Ibra panel on phones: the world, one line, one action */
  .y-game{ border-top:0; padding-top:0; margin-top:var(--s4); }
  .y-game h3{ font-family:var(--ui); font-weight:500; font-size:var(--t-small); color:var(--starlight); }
  .y-game p{ display:none; }
  .y-game .btn-row{ flex-direction:column; align-items:flex-start; gap:var(--s3); }
  .y-game .btn{ align-self:stretch; }
  .y-world{ min-height:58svh; }
  .y-book .kicker .k2{ display:block; }
  .y-buy{ width:100%; padding-inline:8px; font-size:13.5px; }
  .y-two{ grid-template-columns:1fr; }
  .q-row{ grid-template-columns:1fr; }
  .crew-row{ grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; } .crew-row a{ font-size:12px; }
  .simple .act-filters{ flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .simple .act-filters button{ flex:none; }
}
/* the board is now the only books section, so its teacher buttons stay on phones too */
.simple #projects [data-edu-dashcta] [data-reveal]{ display:inline-flex; }
.y-book .kicker b{ text-transform:none; font-size:1rem; line-height:1.2; }
@media (max-width:760px){
  .simple .edu-board__head .edu-btns{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .simple .edu-board__head .edu-btns .edu-pill{ width:100%; padding-inline:8px; }
  .simple .edu-board__head .edu-btns .more{ grid-column:1/-1; justify-self:start; padding-block:10px; }
  .y-book .kicker .k2{ font-family:var(--body); font-size:13px; white-space:nowrap; }
  .y-buy{ padding-inline:2px; font-size:13px; white-space:nowrap; min-height:48px; }
}
/* crew strip: real illustrations at a readable size */
.crew-row img{ aspect-ratio:3/4; object-position:50% 20%; }
.crew-row a{ font-size:1rem; }
@media (max-width:760px){
  .crew-row{ display:flex; gap:10px; overflow-x:auto; -webkit-overflow-scrolling:touch; scroll-snap-type:x proximity; margin-inline:calc(-1 * var(--gut)); padding-inline:var(--gut); }
  .crew-row li{ flex:0 0 38%; scroll-snap-align:start; } .crew-row a{ font-size:var(--t-small); }
}
@media (max-width:560px){ .simple .cl-ways{ grid-template-columns:1fr !important; } .simple .cl-ways .btn{ width:100%; } }

/* =============================================================
   Review round 2 (2026-10-10)
   ============================================================= */
/* quotes: one aligned row, same rule, same type, names on one line */
.y-quotes{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(20px,3vw,40px); align-items:stretch; }
.y-quotes .quote{ display:flex; flex-direction:column; margin:0; padding-top:var(--s4); border-top:2px solid var(--deep); }
.y-quotes .quote blockquote{ margin:0; }
.y-quotes .quote p{ font-size:clamp(1.05rem,1.35vw,1.2rem); line-height:1.35; text-wrap:pretty; }
.y-quotes .quote cite{ margin-top:auto; padding-top:var(--s4); }
.fold .y-quotes{ grid-template-columns:repeat(2,minmax(0,1fr)); padding-top:var(--s4); }
@media (max-width:900px){ .y-quotes, .fold .y-quotes{ grid-template-columns:1fr; } .y-quotes .quote cite{ padding-top:var(--s3); } }

/* buttons: one rule. On dark cinematic sections the main button takes the world's colour:
   Starlight on Pyra, Energy Green on Ibra. On light sections the main button is Energy Green or solid ink. */
body.simple.mode-cinematic[data-world="pyra"] .btn--action{ background:var(--starlight); color:#1B1608; }
body.simple.mode-cinematic[data-world="pyra"] .btn--action:hover{ background:#fff; color:#15131C; }
body.simple.mode-cinematic[data-world="pyra"] .mode-editorial .btn--action{ background:var(--energy); color:var(--energy-ink); }

/* text over artwork: darker ground behind the words */
.y-world::before{ background:linear-gradient(0deg, rgba(11,10,18,.97) 0%, rgba(11,10,18,.9) 30%, rgba(11,10,18,.55) 52%, rgba(11,10,18,0) 78%); }
.y-world p.d, .y-game h3, .simple .bk-crew .lede{ text-shadow:0 1px 14px rgba(11,10,18,.9); }
.y-game p{ display:none; }
.simple .bk-crew::before{ background:linear-gradient(0deg, rgba(11,10,18,.97) 0%, rgba(11,10,18,.88) 34%, rgba(11,10,18,.45) 58%, rgba(11,10,18,0) 80%), linear-gradient(90deg, rgba(11,10,18,.55) 0%, rgba(11,10,18,0) 60%); }
.crew-row span{ display:block; font-family:var(--ui); font-weight:800; }
@media (max-width:760px){ .crew-row span{ font-size:var(--t-small); } }
.y-book .kicker .k2{ display:block; white-space:nowrap; }

/* =============================================================
   Review round 3 (2026-10-10): world panels, Help a Classroom
   ============================================================= */
/* Home world panels: both panels share one set of rows, so label, title, line and actions line up */
.y-worlds{ grid-template-rows:minmax(0,1fr) auto auto auto auto; min-height:min(78svh,700px); }
.y-world{ display:grid; grid-row:1 / -1; grid-template-rows:subgrid; justify-items:start; align-items:start; min-height:0; }
.y-world .where{ grid-row:2; margin:0 0 6px; }
.y-world h2{ grid-row:3; margin:0; }
.y-world p.d{ grid-row:4; margin:12px 0 0; }
.y-acts{ grid-row:5; display:flex; flex-wrap:wrap; align-items:center; gap:var(--s3) var(--s5); margin-top:var(--s5); }
.y-world[data-world="pyra"] .btn--action{ background:var(--starlight); color:#1B1608; }
.y-world[data-world="pyra"] .btn--action:hover{ background:#fff; color:#15131C; }
.y-world[data-world="ibra"] .btn--action:hover{ background:#fff; color:#15131C; }
@supports not (grid-template-rows:subgrid){ .y-world{ grid-template-rows:minmax(0,1fr) auto auto auto auto; } }
@media (max-width:760px){
  .y-worlds{ grid-template-rows:none; min-height:0; }
  .y-world{ grid-row:auto; grid-template-rows:minmax(0,1fr) auto auto auto auto; min-height:58svh; }
  .y-acts{ flex-direction:column; align-items:flex-start; width:100%; margin-top:var(--s4); }
  .y-acts .btn{ align-self:stretch; }
}

/* Help a Classroom, simplified */
.c-teach{ margin:var(--s4) 0 0; }
.c-board{ scroll-margin-top:16px; }
.c-empty{ padding-block:clamp(36px,5vw,64px); border-top:2px solid var(--deep); border-bottom:0; }
.c-empty .sec__in > .h2{ margin:0; }
.simple .c-list .edu-board__head{ text-align:left; margin-inline:0; max-width:none; }
.simple .c-list .edu-board__near{ justify-content:flex-start; }
.c-teachers{ background:var(--starlight); color:var(--deep); padding:clamp(40px,6vw,72px) var(--gut); }
.c-teachers__in{ max-width:var(--max-sec, 1040px); margin-inline:auto; }
.c-k{ margin:0 0 8px; font-family:var(--ui); font-weight:500; font-size:var(--t-small); color:var(--deep); }
.c-teachers .h2{ margin:0; }
.c-teachers .txt{ color:var(--deep); max-width:52ch; }
.c-teachers .btn-row{ margin-top:var(--s5); }
.c-note{ margin:var(--s4) 0 0; max-width:60ch; font-size:var(--t-small); line-height:1.5; color:#3A3526; }
.c-steps{ list-style:none; counter-reset:c; margin:var(--s4) 0 0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s4) clamp(20px,3vw,40px); }
.c-steps li{ counter-increment:c; display:flex; gap:12px; align-items:baseline; padding-top:var(--s3); border-top:2px solid var(--deep); font-size:var(--t-body); line-height:1.4; }
.c-steps li::before{ content:counter(c); flex:none; font-family:var(--ui); font-weight:800; color:var(--galaxy); }
@media (max-width:760px){
  .c-steps{ grid-template-columns:1fr; gap:0; } .c-steps li{ padding-block:var(--s3); }
  .c-teachers .btn-row{ flex-direction:column; align-items:stretch; }
}
/* Help a Classroom: every section sits on the same 1160px column */
.simple .cl-hero{ padding-inline:max(var(--gut), calc((100% - 1160px) / 2)); }
.simple .c-list .edu-wrap{ width:min(1160px, 100% - var(--gut) * 2); }
.c-teachers__in{ max-width:1160px; }
.is-sample-btn{ cursor:default; pointer-events:none; }
.edu-proj__sampnote{ display:block; margin-top:8px; font-size:13px; color:rgba(255,255,255,.78); }
/* one content column sitewide (1160px): sections built on .block and on .sec now share a left edge */
.simple .block__in{ max-width:1160px; }
.simple .edu-board .edu-wrap{ width:min(1160px, 100% - var(--gut) * 2); }
body.simple .cl-hero.edu-hero{ padding-inline:max(var(--gut), calc((100% - 1160px) / 2)); }
/* classroom cards never push past the phone width, whatever the button label */
.simple .edu-board__list > li{ min-width:0; }
.simple .edu-proj .edu-pill{ max-width:100%; white-space:normal; text-align:center; }
@media (max-width:760px){ .simple .edu-board__list{ grid-template-columns:minmax(0,1fr); } .simple .edu-proj .edu-pill{ align-self:stretch; } }
/* book facts keep their values on one line inside the narrower column */
@media (min-width:901px){ .simple .bk-facts{ grid-template-columns:minmax(0,3fr) minmax(0,9fr); gap:clamp(24px,3vw,48px); } }
/* Home hero on phones: two buttons now, so the art gives up a little height and the Book 1 / Book 2 switch stays on the first screen */
@media (max-width:760px){ body.simple .hero{ --art-h:min(120vw, 52svh); } }

/* =============================================================
   Final pre-launch refinements (2026-10-10)
   ============================================================= */
.crew-row[hidden]{ display:none; }
/* Activities: categories read as a menu with counts */
.act-filters .n{ margin-left:10px; font-weight:500; opacity:.75; }
.act-filters button[aria-pressed="true"] .n{ opacity:.9; }
.act-pick{ margin:clamp(24px,4vw,40px) 0 0; font-family:var(--ui); font-weight:800; font-size:var(--t-small); }
.act-pick + .act-filters{ margin-top:10px; }
@media (max-width:760px){
  .simple .act-filters{ position:static; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; overflow:visible; margin-inline:0; padding:0; background:none; }
  .simple .act-filters button{ display:flex; align-items:center; justify-content:space-between; width:100%; min-height:48px; padding:10px 12px; text-align:left; font-size:14px; }
  .simple .act-filters button[data-filter="all"]{ grid-column:1 / -1; justify-content:center; }
  .act-back{ display:inline-flex; align-items:center; min-height:44px; margin-top:var(--s4); }
}
@media (min-width:761px){ .act-back{ display:none; } }
/* accessibility pass: Pyra label on the white switch tab meets 4.5:1; comfortable tap targets on phones */
.simple .hero .switch__b[aria-pressed="true"][data-go="pyra"] .switch__t{ color:var(--mars-ink, #B5271F); }
.simple .site-top__logo{ display:inline-flex; align-items:center; min-height:44px; }
@media (max-width:760px){
  .simple .more, .simple footer a{ display:inline-flex; align-items:center; min-height:44px; }
  .simple .hero .sound, .simple .hero [aria-pressed][class*="sound"]{ min-height:44px; }
}
@media (max-width:760px){
  .simple .act-filters button{ font-size:12.5px; letter-spacing:0; padding:10px; gap:6px; }
  .act-filters .n{ margin-left:0; flex:none; }
}
/* "Share my project" is longer than the old label: the two teacher buttons stack on phones */
@media (max-width:760px){
  .simple .edu-board__head .edu-btns{ grid-template-columns:minmax(0,1fr); }
  .simple .edu-board__head .edu-btns .edu-pill{ min-width:0; white-space:normal; }
}
/* four quotes: two rows of two on wide screens */
@media (min-width:901px){ .y-quotes--4{ grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:clamp(28px,3.5vw,48px); } .y-quotes--4 .quote p{ font-size:clamp(1.1rem,1.5vw,1.35rem); } }
/* About: the childhood photo keeps its own proportions (it was being stretched to its full pixel height) */
.simple .ab-open > figure{ margin:0; }
.simple .ab-open > figure img{ display:block; width:100%; height:auto; }
@media (max-width:760px){
  .simple .ab-open > figure{ max-width:240px; }
  /* footer: every link on its own line */
  .simple footer a{ display:flex; }
}

/* Pop-up forms: fields line up (2026-10-10). Labels sit on one line, boxes start at the same height in a row
   whether or not a field has a helper line under it, and every box is the same height. */
.v2.simple .edu-form__grid, .v2.simple .edu-form__pair, .v2.simple .edu-form__grid > .edu-form__pair{ align-items:start; }
.v2.simple .edu-form label{ display:flex; flex-direction:column; min-width:0; }
.v2.simple .edu-form label > .sr{ min-height:1.3em; line-height:1.3; margin:0 0 6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.v2.simple .edu-form input:not([type="checkbox"]):not([type="file"]), .v2.simple .edu-form select{ box-sizing:border-box; width:100%; height:56px; min-height:56px; margin:0; }
.v2.simple .edu-form textarea{ box-sizing:border-box; width:100%; margin:0; }
.v2.simple .edu-form .edu-help{ display:block; margin:6px 0 0; line-height:1.35; }
@media (max-width:760px){
  .v2.simple .edu-form__pair label > .sr{ min-height:1.3em; display:block; }
  .v2.simple .edu-dialog .edu-form{ padding-inline:24px; }
}
@media (max-width:760px){
  .v2.simple .edu-form__pair label > .sr{ white-space:normal; overflow:visible; min-height:2.6em; display:flex; align-items:flex-end; }
  .v2.simple #f-project .edu-form{ padding-inline:24px; }
}

/* Home hero on phones (Micah, 2026-10-10): "swipe to travel" replaces the handwritten line, and sound is a bare icon */
.hero .hand__phone{ display:none; }
@media (max-width:760px){
  .hero .hand__wide{ display:none; } .hero .hand__phone{ display:inline; }
  .hero .hand__phone::after{ content:" \2192"; font-family:var(--ui); font-size:.8em; }
  .simple .hero .sound{ top:calc(78px + env(safe-area-inset-top,0px)); right:12px; width:44px; height:44px; min-height:44px; padding:0; gap:0; justify-content:center; border:0; background:none; box-shadow:none; }
  .simple .hero .sound span{ display:none; }
  .simple .hero .sound i{ width:26px; height:26px; border:0; border-radius:0; background:#fff; filter:drop-shadow(0 1px 6px rgba(0,0,0,.7));
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 4V5L7 9H3z'/%3E%3Cpath d='M16 9l5 6M21 9l-5 6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 4V5L7 9H3z'/%3E%3Cpath d='M16 9l5 6M21 9l-5 6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat; }
  .simple .hero .sound[aria-pressed="true"] i{ background:var(--cta);
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 4V5L7 9H3z'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7M18.5 6a8.5 8.5 0 0 1 0 12' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
            mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 4V5L7 9H3z'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7M18.5 6a8.5 8.5 0 0 1 0 12' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); }
}