/* Central de Ajuda JuntaPlay — visual compacto, autoral e focado em leitura. */
.jph,
.jph *{box-sizing:border-box}
.jph{
  --jph-navy:#042940;
  --jph-turquoise:#00ccc0;
  --jph-coral:#ff4858;
  --jph-teal:#007f78;
  --jph-ink:#042940;
  --jph-muted:#5f7180;
  --jph-line:#dbe9ec;
  --jph-paper:#fff;
  --jph-soft:#f3faf9;
  --jph-soft-blue:#eff6fa;
  --jph-coral-soft:#fff2f0;
  --jph-shadow:0 16px 42px rgba(4,41,64,.07);
  width:min(1120px,calc(100% - 48px));
  margin:0 auto;
  padding:54px 0 76px;
  color:var(--jph-ink);
  font-family:Figtree,Inter,"Segoe UI",Arial,sans-serif;
  font-size:16px;
  line-height:1.6;
  overflow-wrap:anywhere;
}
.jph h1,.jph h2,.jph h3,.jph p{margin:0}
.jph h1,.jph h2,.jph h3{font-family:Fredoka,Figtree,"Segoe UI",Arial,sans-serif;letter-spacing:-.035em;line-height:1.14}
.jph h1{font-size:clamp(2.35rem,5vw,4.45rem);font-weight:700}
.jph h2{font-size:clamp(1.75rem,3vw,2.65rem);font-weight:700}
.jph h3{font-size:1.32rem;font-weight:650}
.jph p{color:var(--jph-muted)}
.jph a{color:inherit;text-decoration:none}
.jph button,.jph input,.jph select{font:inherit}
.jph a,.jph button,.jph input,.jph select,.jph summary{outline-offset:4px}
.jph a:focus-visible,.jph button:focus-visible,.jph input:focus-visible,.jph select:focus-visible,.jph summary:focus-visible{outline:3px solid var(--jph-coral);outline-offset:4px}
.jph .jph-icon{width:1.2em;height:1.2em;display:inline-block;flex:none;vertical-align:-.22em}
.jph .jph-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--jph-teal);font-size:.72rem;font-weight:800;letter-spacing:.14em;line-height:1.25}
.jph .jph-label{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:4px 9px;border-radius:999px;background:var(--jph-soft);color:var(--jph-teal);font-size:.7rem;font-weight:750;line-height:1.35}
.jph .jph-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 16px;border:1px solid transparent;border-radius:12px;font-size:.88rem;font-weight:750;line-height:1.25;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.jph .jph-button:hover{transform:translateY(-2px)}
.jph .jph-button--primary{background:var(--jph-turquoise);color:var(--jph-navy)}
.jph .jph-button--primary:hover{background:#10dfd3}
.jph .jph-button--quiet{border-color:var(--jph-line);background:var(--jph-paper);color:var(--jph-teal)}
.jph .jph-button--quiet:hover{background:var(--jph-soft);border-color:var(--jph-turquoise)}
.jph .jph-text-link{display:inline-flex;align-items:center;gap:7px;color:var(--jph-teal);font-size:.83rem;font-weight:750;line-height:1.4}
.jph .jph-text-link:hover{text-decoration:underline;text-underline-offset:3px}
.jph .jph-section-heading{margin-bottom:22px}
.jph .jph-section-heading h2{margin-top:8px}
.jph .jph-section-heading p{max-width:680px;margin-top:11px;font-size:.96rem}
.jph .jph-section-heading--row{display:flex;align-items:end;justify-content:space-between;gap:24px}

/* Shared intro, index hero and server-side search. */
.jph .jph-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(245px,.55fr);align-items:end;gap:42px;padding:8px 0 28px}
.jph .jph-hero__copy{max-width:740px}
.jph .jph-hero h1{margin-top:13px;max-width:760px}
.jph .jph-hero__copy p{max-width:650px;margin-top:20px;font-size:1.12rem}
.jph .jph-hero__aside{display:flex;flex-direction:column;gap:8px;padding:22px;border-left:3px solid var(--jph-turquoise);background:linear-gradient(135deg,var(--jph-soft),var(--jph-paper));border-radius:0 18px 18px 0}
.jph .jph-hero__aside strong{font-family:Fredoka,Figtree,sans-serif;font-size:1.1rem;letter-spacing:-.02em}
.jph .jph-hero__aside span:last-child{color:var(--jph-muted);font-size:.87rem;line-height:1.45}
.jph .jph-hero__aside-icon,.jph .jph-category-mark{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:15px;background:var(--jph-navy);color:var(--jph-turquoise)}
.jph .jph-hero__aside-icon .jph-icon,.jph .jph-category-mark .jph-icon{width:25px;height:25px}
.jph .jph-search{display:grid;grid-template-columns:auto minmax(130px,1fr) minmax(170px,220px) auto;align-items:center;gap:10px;margin:0 0 58px;padding:7px 8px 7px 16px;border:1px solid var(--jph-line);border-radius:16px;background:var(--jph-paper);box-shadow:0 10px 28px rgba(4,41,64,.055)}
.jph .jph-search>.jph-icon{width:20px;height:20px;color:var(--jph-muted)}
.jph .jph-search input,.jph .jph-search select{height:44px;width:100%;min-width:0;border:0;border-left:1px solid var(--jph-line);border-radius:0;padding:8px 12px;background:transparent;color:var(--jph-ink);outline-offset:0}
.jph .jph-search input::placeholder{color:#788b94}
.jph .jph-search select{cursor:pointer}
.jph .jph-search .jph-button{min-height:44px}

.jph .jph-journeys{padding:0 0 58px}
.jph .jph-journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.jph .jph-journey{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto auto;column-gap:14px;align-items:center;min-height:150px;padding:21px 20px;border:1px solid var(--jph-line);border-radius:17px;background:var(--jph-paper);box-shadow:var(--jph-shadow);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.jph .jph-journey:hover{border-color:var(--jph-turquoise);box-shadow:0 17px 32px rgba(4,41,64,.1);transform:translateY(-3px)}
.jph .jph-journey__icon{grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;width:47px;height:47px;border-radius:15px;background:var(--jph-soft);color:var(--jph-teal)}
.jph .jph-journey__icon .jph-icon{width:25px;height:25px}
.jph .jph-journey>.jph-label{grid-column:2;align-self:end;padding:0;background:none;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}
.jph .jph-journey strong{grid-column:2;font-family:Fredoka,Figtree,sans-serif;font-size:1.16rem;line-height:1.2}
.jph .jph-journey>span:not(.jph-journey__icon):not(.jph-label){grid-column:1 / -1;margin-top:14px;padding-right:24px;color:var(--jph-muted);font-size:.83rem;line-height:1.45}
.jph .jph-journey>.jph-icon:last-child{grid-column:3;grid-row:1;width:18px;color:var(--jph-teal)}
.jph .jph-journey--fallback{background:linear-gradient(135deg,var(--jph-paper),var(--jph-soft))}

.jph .jph-categories{padding:44px 0 56px;border-top:1px solid var(--jph-line);border-bottom:1px solid var(--jph-line)}
.jph .jph-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.jph .jph-category{display:flex;flex-direction:column;align-items:flex-start;min-height:178px;padding:18px;border-radius:15px;background:var(--jph-navy);color:#fff;transition:transform .18s ease,background .18s ease}
.jph .jph-category:hover{background:#0b4b60;transform:translateY(-3px)}
.jph .jph-category__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:17px;border-radius:12px;background:#0b3c50;color:#5ee8dd}
.jph .jph-category__icon .jph-icon{width:22px;height:22px}
.jph .jph-category strong{font-family:Fredoka,Figtree,sans-serif;font-size:1.1rem;line-height:1.2}
.jph .jph-category>span:not(.jph-category__icon):not(.jph-text-link){margin-top:7px;color:#b9d7dc;font-size:.78rem;line-height:1.4}
.jph .jph-category .jph-text-link{margin-top:auto;padding-top:14px;color:#8debe4;font-size:.74rem}

.jph .jph-guides{padding:58px 0 0}
.jph .jph-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.jph .jph-guide-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:232px;padding:21px;border:1px solid var(--jph-line);border-radius:16px;background:var(--jph-paper);box-shadow:var(--jph-shadow)}
.jph .jph-guide-card__meta{display:flex;align-items:center;gap:9px;min-width:0;margin-bottom:19px}
.jph .jph-guide-card__icon{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:11px;background:var(--jph-soft);color:var(--jph-teal)}
.jph .jph-guide-card__icon .jph-icon{width:20px;height:20px}
.jph .jph-guide-card h3{font-size:1.2rem;line-height:1.2}
.jph .jph-guide-card h3 a:hover{color:var(--jph-teal)}
.jph .jph-guide-card p{margin-top:10px;font-size:.86rem;line-height:1.52}
.jph .jph-guide-card .jph-text-link{margin-top:auto;padding-top:19px}
.jph .jph-result-count,.jph .jph-filter-line{color:var(--jph-muted);font-size:.82rem}
.jph .jph-filter-line{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-4px 0 22px}
.jph .jph-empty-row{padding:20px;border:1px dashed var(--jph-line);border-radius:13px;color:var(--jph-muted);background:var(--jph-soft)}

/* Category/search page heading and article reading layout. */
.jph .jph-page-heading{text-align:center;max-width:760px;margin:0 auto 36px}
.jph .jph-page-heading .jph-category-mark{margin:0 auto 18px}
.jph .jph-page-heading h1{margin-top:11px}
.jph .jph-page-heading p{max-width:680px;margin:18px auto 0;font-size:1.05rem}
.jph .jph-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 28px;color:var(--jph-muted);font-size:.78rem}
.jph .jph-breadcrumbs a{color:var(--jph-teal);font-weight:700}
.jph .jph-article-layout{max-width:820px;margin:0 auto}
.jph .jph-article{min-width:0}
.jph .jph-article__header{padding:0 0 27px;border-bottom:1px solid var(--jph-line)}
.jph .jph-article__header h1{margin-top:12px}
.jph .jph-article__summary{max-width:720px;margin-top:18px;font-size:1.11rem;line-height:1.6}
.jph .jph-updated{margin-top:13px;font-size:.76rem;color:var(--jph-muted)}
.jph .jph-toc{margin:25px 0;padding:18px 21px;border:1px solid var(--jph-line);border-radius:14px;background:var(--jph-soft)}
.jph .jph-toc strong{font-family:Fredoka,Figtree,sans-serif;font-size:1rem}
.jph .jph-toc ol{display:flex;flex-wrap:wrap;gap:8px 20px;margin:10px 0 0;padding:0 0 0 20px}
.jph .jph-toc li{font-size:.84rem}
.jph .jph-toc a{color:var(--jph-teal);font-weight:650}
.jph .jph-copy-section{padding:27px 0 3px;scroll-margin-top:110px}
.jph .jph-copy-section h2,.jph .jph-steps h2,.jph .jph-next h2{font-size:1.75rem;margin-bottom:14px}
.jph .jph-copy-section p{margin:0 0 14px;white-space:pre-line}
.jph .jph-check-list{display:grid;gap:10px;margin:17px 0 3px;padding:0;list-style:none}
.jph .jph-check-list li{display:flex;align-items:flex-start;gap:9px;color:var(--jph-ink);font-size:.95rem}
.jph .jph-check-list li .jph-icon{width:18px;height:18px;margin-top:3px;color:var(--jph-teal)}
.jph .jph-steps{margin-top:27px;padding:24px;border:1px solid var(--jph-line);border-radius:16px;background:var(--jph-soft)}
.jph .jph-steps ol{display:grid;gap:14px;margin:0;padding:0;list-style:none;counter-reset:jph-step}
.jph .jph-steps li{counter-increment:jph-step;display:flex;align-items:flex-start;gap:13px}
.jph .jph-steps li>span{display:flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--jph-turquoise);color:var(--jph-navy);font-size:.76rem;font-weight:800}
.jph .jph-steps li>span::before{content:counter(jph-step)}
.jph .jph-steps p{padding-top:3px;color:var(--jph-ink)}
.jph .jph-next{margin-top:32px;padding:22px;border:1px solid var(--jph-line);border-radius:16px;background:var(--jph-paper)}
.jph .jph-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.jph .jph-action-note{align-self:center;color:var(--jph-muted);font-size:.72rem}
.jph .jph-related{padding:60px 0 0}

/* FAQ, legacy links and support are visible in SSR and need no script. */
.jph .jph-faq{padding:65px 0 0}
.jph .jph-faq-list{border-top:1px solid var(--jph-line)}
.jph .jph-faq-item{border-bottom:1px solid var(--jph-line)}
.jph .jph-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:63px;padding:17px 2px;cursor:pointer;list-style:none;font-weight:750}
.jph .jph-faq-item summary::-webkit-details-marker{display:none}
.jph .jph-faq-item summary>span:first-child{max-width:calc(100% - 30px)}
.jph .jph-faq-plus{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;color:var(--jph-teal);font-size:1.4rem;font-weight:400;transition:transform .18s ease}
.jph .jph-faq-item[open] .jph-faq-plus{transform:rotate(45deg);background:var(--jph-soft)}
.jph .jph-faq-answer{padding:0 44px 20px 2px}
.jph .jph-faq-answer .jph-label{margin-bottom:8px}
.jph .jph-faq-answer p{font-size:.92rem;line-height:1.65;white-space:pre-line}
.jph .jph-legacy{display:flex;align-items:flex-start;gap:17px;margin-top:54px;padding:22px;border:1px solid #f5d5d2;border-radius:16px;background:var(--jph-coral-soft)}
.jph .jph-legacy__icon{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:13px;background:#fff;color:var(--jph-coral)}
.jph .jph-legacy__icon .jph-icon{width:22px;height:22px}
.jph .jph-legacy h2{margin-top:7px;font-size:1.43rem}
.jph .jph-legacy p{margin-top:7px;font-size:.87rem}
.jph .jph-legacy__links{display:flex;flex-wrap:wrap;gap:17px;margin-top:14px}
.jph .jph-support{display:flex;align-items:center;gap:17px;margin-top:62px;padding:22px 23px;border:1px solid var(--jph-line);border-radius:16px;background:var(--jph-soft)}
.jph .jph-support__icon{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:13px;background:var(--jph-navy);color:var(--jph-turquoise)}
.jph .jph-support__icon .jph-icon{width:22px;height:22px}
.jph .jph-support strong{font-family:Fredoka,Figtree,sans-serif;font-size:1.1rem}
.jph .jph-support p{margin-top:3px;font-size:.8rem}
.jph .jph-support .jph-button{margin-left:auto;flex:none}

.jph .jph-state{display:flex;flex-direction:column;align-items:center;max-width:650px;margin:10px auto 0;padding:54px 24px;text-align:center;border:1px solid var(--jph-line);border-radius:19px;background:var(--jph-soft)}
.jph .jph-state__icon{display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin-bottom:21px;border-radius:50%;background:var(--jph-navy);color:var(--jph-turquoise)}
.jph .jph-state__icon .jph-icon{width:33px;height:33px}
.jph .jph-state h1,.jph .jph-state h2{font-size:clamp(1.8rem,4vw,2.65rem)}
.jph .jph-state p{max-width:510px;margin:13px auto 23px}
.jph .jph-state .jph-actions{justify-content:center}
.jph .jph-state--not-found{margin-top:26px}

/* Dark mode follows the current document convention and also supports html-only flash state. */
:is(html[data-theme="dark"],body[data-theme="dark"]) .jph{
  --jph-ink:#e8f4f7;
  --jph-muted:#a9c0c8;
  --jph-line:#2a4d5c;
  --jph-paper:#0d3046;
  --jph-soft:#123f4c;
  --jph-soft-blue:#14394c;
  --jph-coral-soft:#49333b;
  --jph-shadow:0 16px 42px rgba(0,0,0,.18);
}
:is(html[data-theme="dark"],body[data-theme="dark"]) .jph .jph-hero__aside{background:linear-gradient(135deg,#123f4c,var(--jph-paper))}
:is(html[data-theme="dark"],body[data-theme="dark"]) .jph .jph-button--quiet{background:transparent}
:is(html[data-theme="dark"],body[data-theme="dark"]) .jph .jph-button--quiet:hover{background:#18495a}
:is(html[data-theme="dark"],body[data-theme="dark"]) .jph .jph-journey:hover,
:is(html[data-theme="dark"],body[data-theme="dark"]) .jph .jph-guide-card{box-shadow:var(--jph-shadow)}
:is(html[data-theme="dark"],body[data-theme="dark"]) .jph .jph-category{background:#0a3449}
:is(html[data-theme="dark"],body[data-theme="dark"]) .jph .jph-category:hover{background:#104b61}
:is(html[data-theme="dark"],body[data-theme="dark"]) .jph .jph-search input,
:is(html[data-theme="dark"],body[data-theme="dark"]) .jph .jph-search select{color:var(--jph-ink)}
:is(html[data-theme="dark"],body[data-theme="dark"]) .jph .jph-steps li>span{color:#042940}
:is(html[data-theme="dark"],body[data-theme="dark"]) .jph .jph-legacy{border-color:#70444e}

@media (max-width:900px){
  .jph{width:min(100% - 36px,760px);padding-top:38px}
  .jph .jph-hero{grid-template-columns:1fr;gap:24px}
  .jph .jph-hero__aside{max-width:480px}
  .jph .jph-search{grid-template-columns:auto minmax(0,1fr) minmax(145px,190px) auto}
  .jph .jph-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jph .jph-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Jornadas: 3 colunas só cabem acima de ~717px; entre 641 e 760px ficam 2 colunas, sem rolagem lateral. */
@media (max-width:760px){.jph .jph-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .jph{width:calc(100% - 32px);padding:32px 0 55px}
  .jph h1{font-size:clamp(2.15rem,11vw,3.2rem)}
  .jph .jph-hero{padding-bottom:24px}
  .jph .jph-hero__copy p{font-size:1rem}
  .jph .jph-search{grid-template-columns:auto minmax(0,1fr);gap:7px;margin-bottom:43px;padding:8px 10px 8px 13px}
  .jph .jph-search input{border-left:0;padding-left:3px}
  .jph .jph-search select{grid-column:1 / -1;height:42px;border:1px solid var(--jph-line);border-radius:9px;padding-left:10px}
  .jph .jph-search .jph-button{grid-column:1 / -1;width:100%}
  .jph .jph-journey-grid,.jph .jph-category-grid,.jph .jph-guide-grid{grid-template-columns:1fr}
  .jph .jph-journey{min-height:135px}
  .jph .jph-category{min-height:152px}
  .jph .jph-section-heading--row{align-items:flex-start;flex-direction:column;gap:7px}
  .jph .jph-filter-line{align-items:flex-start;flex-direction:column;gap:9px}
  .jph .jph-breadcrumbs{line-height:1.45}
  .jph .jph-article__summary{font-size:1rem}
  .jph .jph-toc{padding:16px}
  .jph .jph-toc ol{display:block;padding-left:19px}
  .jph .jph-toc li+li{margin-top:7px}
  .jph .jph-copy-section h2,.jph .jph-steps h2,.jph .jph-next h2{font-size:1.5rem}
  .jph .jph-next{padding:19px}
  .jph .jph-actions{align-items:stretch;flex-direction:column}
  .jph .jph-actions .jph-button{width:100%}
  .jph .jph-action-note{align-self:flex-start;margin-top:-2px}
  .jph .jph-faq-answer{padding-right:8px}
  .jph .jph-legacy{padding:18px;gap:12px}
  .jph .jph-legacy__links{align-items:flex-start;flex-direction:column;gap:10px}
  .jph .jph-support{align-items:flex-start;flex-wrap:wrap;padding:19px}
  .jph .jph-support>div{flex:1;min-width:190px}
  .jph .jph-support .jph-button{width:100%;margin:3px 0 0}
}
@media (prefers-reduced-motion:reduce){
  .jph *{scroll-behavior:auto!important;transition:none!important}
}

/* Como Funciona lives in the same public shell but keeps its own namespace. */
.jpw,
.jpw *{box-sizing:border-box}
.jpw{
  --jpw-navy:#042940;
  --jpw-turquoise:#00ccc0;
  --jpw-coral:#ff4858;
  --jpw-teal:#007f78;
  --jpw-ink:#042940;
  --jpw-muted:#5f7180;
  --jpw-line:#dbe9ec;
  --jpw-paper:#fff;
  --jpw-soft:#f3faf9;
  --jpw-coral-soft:#fff2f0;
  --jpw-shadow:0 16px 42px rgba(4,41,64,.07);
  width:min(1120px,calc(100% - 48px));
  margin:0 auto;
  padding:54px 0 76px;
  color:var(--jpw-ink);
  font-family:Figtree,Inter,"Segoe UI",Arial,sans-serif;
  font-size:16px;
  line-height:1.6;
  overflow-wrap:anywhere;
}
.jpw h1,.jpw h2,.jpw h3,.jpw p{margin:0}
.jpw h1,.jpw h2,.jpw h3{font-family:Fredoka,Figtree,"Segoe UI",Arial,sans-serif;letter-spacing:-.035em;line-height:1.14}
.jpw h1{font-size:clamp(2.35rem,5vw,4.25rem);font-weight:700}
.jpw h2{font-size:clamp(1.75rem,3vw,2.55rem);font-weight:700}
.jpw h3{font-size:1.3rem;font-weight:650}
.jpw p{color:var(--jpw-muted)}
.jpw a{color:inherit;text-decoration:none}
.jpw a:focus-visible{outline:3px solid var(--jpw-coral);outline-offset:4px}
.jpw .jpw-kicker{display:inline-flex;color:var(--jpw-teal);font-size:.72rem;font-weight:800;letter-spacing:.14em;line-height:1.25}
.jpw .jpw-icon{width:1.18em;height:1.18em;display:inline-block;vertical-align:-.22em}
.jpw .jpw-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:10px 15px;border-radius:11px;font-size:.86rem;font-weight:750;line-height:1.2;transition:transform .18s ease,background .18s ease}
.jpw .jpw-button:hover{transform:translateY(-2px)}
.jpw .jpw-button--primary{background:var(--jpw-turquoise);color:var(--jpw-navy)}
.jpw .jpw-button--quiet{border:1px solid var(--jpw-line);color:var(--jpw-teal);background:var(--jpw-paper)}
.jpw .jpw-button--quiet:hover{background:var(--jpw-soft)}
.jpw .jpw-header{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);align-items:end;gap:42px;padding:5px 0 40px}
.jpw .jpw-header h1{margin-top:13px}
.jpw .jpw-header p{max-width:660px;margin-top:18px;font-size:1.08rem}
.jpw .jpw-header__note{padding:21px 22px;border-left:3px solid var(--jpw-coral);border-radius:0 17px 17px 0;background:var(--jpw-coral-soft)}
.jpw .jpw-header__note strong{display:block;font-family:Fredoka,Figtree,sans-serif;font-size:1.15rem}
.jpw .jpw-header__note p{margin-top:7px;font-size:.83rem}
.jpw .jpw-journeys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding-bottom:58px}
.jpw .jpw-journey{padding:24px;border:1px solid var(--jpw-line);border-radius:17px;background:var(--jpw-paper);box-shadow:var(--jpw-shadow)}
.jpw .jpw-journey--organize{background:var(--jpw-coral-soft);border-color:#f5d5d2}
.jpw .jpw-journey__heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.jpw .jpw-journey__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:var(--jpw-soft);color:var(--jpw-teal)}
.jpw .jpw-journey--organize .jpw-journey__icon{background:#ffe5e2;color:var(--jpw-coral)}
.jpw .jpw-journey__icon .jpw-icon{width:23px;height:23px}
.jpw .jpw-journey h2{font-size:1.55rem}
.jpw .jpw-journey ol{display:grid;gap:11px;margin:0;padding:0;list-style:none;counter-reset:jpw-journey}
.jpw .jpw-journey li{counter-increment:jpw-journey;display:flex;align-items:flex-start;gap:11px;font-size:.9rem}
.jpw .jpw-journey li::before{content:counter(jpw-journey);display:flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--jpw-soft);color:var(--jpw-teal);font-size:.72rem;font-weight:800}
.jpw .jpw-journey--organize li::before{background:#ffe5e2;color:#c63e4d}
.jpw .jpw-journey li span{padding-top:2px}
.jpw .jpw-journey__link{display:inline-flex;align-items:center;gap:7px;margin-top:20px;color:var(--jpw-teal);font-size:.8rem;font-weight:750}
.jpw .jpw-journey__link .jpw-icon{width:17px}
.jpw .jpw-section{padding:53px 0 0;border-top:1px solid var(--jpw-line)}
.jpw .jpw-section__intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:23px}
.jpw .jpw-section__intro h2{margin-top:8px}
.jpw .jpw-section__intro p{max-width:530px;font-size:.93rem}
.jpw .jpw-timeline{position:relative;display:grid;gap:0;margin:0;padding:0;list-style:none}
.jpw .jpw-timeline::before{content:"";position:absolute;top:16px;bottom:17px;left:16px;width:1px;background:var(--jpw-line)}
.jpw .jpw-timeline li{position:relative;display:grid;grid-template-columns:33px minmax(0,1fr) auto;align-items:start;gap:14px;padding:0 0 21px}
.jpw .jpw-timeline li:last-child{padding-bottom:0}
.jpw .jpw-timeline__dot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:33px;height:33px;border:5px solid var(--jpw-paper);border-radius:50%;background:var(--jpw-turquoise);color:var(--jpw-navy);font-size:.7rem;font-weight:800}
.jpw .jpw-timeline strong{display:block;padding-top:4px;font-family:Fredoka,Figtree,sans-serif;font-size:1.08rem}
.jpw .jpw-timeline span:last-child{padding-top:5px;color:var(--jpw-muted);font-size:.82rem;text-align:right}
.jpw .jpw-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:24px}
.jpw .jpw-rule{display:flex;align-items:flex-start;gap:13px;padding:18px;border:1px solid var(--jpw-line);border-radius:14px;background:var(--jpw-paper)}
.jpw .jpw-rule__icon{display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:11px;background:var(--jpw-soft);color:var(--jpw-teal)}
.jpw .jpw-rule__icon .jpw-icon{width:19px;height:19px}
.jpw .jpw-rule strong{display:block;font-family:Fredoka,Figtree,sans-serif;font-size:.98rem;line-height:1.2}
.jpw .jpw-rule p{margin-top:5px;font-size:.82rem;line-height:1.5}
.jpw .jpw-context{margin-top:32px;padding:21px 23px;border:1px solid var(--jpw-line);border-radius:15px;background:var(--jpw-soft)}
.jpw .jpw-context strong{font-family:Fredoka,Figtree,sans-serif;font-size:1.03rem}
.jpw .jpw-context p{margin-top:6px;font-size:.84rem}
.jpw .jpw-links{display:flex;flex-wrap:wrap;gap:11px;margin-top:23px}
.jpw .jpw-footer-note{margin-top:42px;padding:24px 26px;border-radius:17px;background:var(--jpw-navy);color:#fff}
.jpw .jpw-footer-note h2{font-size:1.65rem}
.jpw .jpw-footer-note p{max-width:730px;margin-top:9px;color:#bddbe0;font-size:.9rem}
.jpw .jpw-footer-note .jpw-links a.jpw-button--quiet{border-color:#4c7080;background:transparent;color:#d6efee}
:is(html[data-theme="dark"],body[data-theme="dark"]) .jpw{
  --jpw-ink:#e8f4f7;
  --jpw-muted:#a9c0c8;
  --jpw-line:#2a4d5c;
  --jpw-paper:#0d3046;
  --jpw-soft:#123f4c;
  --jpw-coral-soft:#49333b;
  --jpw-shadow:0 16px 42px rgba(0,0,0,.18);
}
:is(html[data-theme="dark"],body[data-theme="dark"]) .jpw .jpw-header__note{background:#49333b}
:is(html[data-theme="dark"],body[data-theme="dark"]) .jpw .jpw-journey--organize{border-color:#70444e}
:is(html[data-theme="dark"],body[data-theme="dark"]) .jpw .jpw-journey--organize .jpw-journey__icon{background:#5a3d48}

@media (max-width:900px){
  .jpw{width:min(100% - 36px,760px);padding-top:38px}
  .jpw .jpw-header{grid-template-columns:1fr;gap:24px}
  .jpw .jpw-header__note{max-width:480px}
  .jpw .jpw-rules{grid-template-columns:1fr}
}
@media (max-width:640px){
  .jpw{width:calc(100% - 32px);padding:32px 0 55px}
  .jpw h1{font-size:clamp(2.15rem,11vw,3.2rem)}
  .jpw .jpw-header{padding-bottom:31px}
  .jpw .jpw-header p{font-size:1rem}
  .jpw .jpw-journeys{grid-template-columns:1fr;padding-bottom:43px}
  .jpw .jpw-journey{padding:20px}
  .jpw .jpw-section{padding-top:43px}
  .jpw .jpw-section__intro{align-items:flex-start;flex-direction:column;gap:7px}
  .jpw .jpw-timeline li{grid-template-columns:33px minmax(0,1fr);gap:11px}
  .jpw .jpw-timeline span:last-child{grid-column:2;padding-top:0;text-align:left}
  .jpw .jpw-context{padding:19px}
  .jpw .jpw-footer-note{padding:21px}
  .jpw .jpw-links{align-items:stretch;flex-direction:column}
  .jpw .jpw-links .jpw-button{width:100%}
}
@media (prefers-reduced-motion:reduce){.jpw *{transition:none!important}}