.yo-prp-page {
--yo-prp-navy: #173858;
--yo-prp-blue: #61cad4;
--yo-prp-sky: #eaf7f8;
--yo-prp-warm: #efc767;
--yo-prp-ink: #263d4e;
--yo-prp-muted: #647681;
--yo-prp-line: #dbe6e8;
--yo-prp-radius: 36px;
--yo-prp-cream: #faf8f2;
--yo-prp-shadow: 0 24px 70px rgba(24,66,91,.10);
color: var(--yo-prp-ink);
font-size: 1rem;
line-height: 1.9;
} .page-id-8319 .c-postTitle,
.page-id-4476 .c-postTitle { display: none; }
.page-id-8319 .l-content,
.page-id-4476 .l-content,
.page-id-8319 .l-mainContent,
.page-id-4476 .l-mainContent,
.page-id-8319 .l-mainContent__inner,
.page-id-4476 .l-mainContent__inner { width: 100%; max-width: none; }
.page-id-8319 .post_content,
.page-id-4476 .post_content { margin: 0; padding-top: 0; }
.yo-prp-page-link {
display: inline-flex;
align-items: center;
gap: 22px;
margin-top: 28px;
padding-bottom: 9px;
border-bottom: 1px solid currentColor;
color: var(--yo-prp-navy);
font-size: .82rem;
font-weight: 800;
letter-spacing: .04em;
text-decoration: none;
}
.yo-prp-page-link span { color: var(--yo-prp-blue); font-size: 1.25rem; } .yo-prp-knee-page { overflow: clip; }
.yo-prp-knee-page .yo-prp-section {
width: 100% !important;
max-width: none !important;
margin-inline: 0 !important;
padding-inline: 0 !important;
box-sizing: border-box;
}
.yo-prp-knee-page .yo-prp-hero__content > .wp-block-group__inner-container,
.yo-prp-knee-page .yo-prp-section > .wp-block-group__inner-container {
width: calc(100% - 48px) !important;
max-width: none !important;
margin-right: auto !important;
margin-left: auto !important;
box-sizing: border-box;
}
.yo-prp-knee-page .yo-prp-section .swell-block-columns,
.yo-prp-knee-page .yo-prp-section .swell-block-columns__inner,
.yo-prp-knee-page .yo-prp-section .wp-block-columns {
max-width: 100%;
box-sizing: border-box;
}
.yo-prp-knee-page .yo-prp-section > .wp-block-group__inner-container > p:not(.yo-prp-kicker):not(.yo-prp-note) {
max-width: 780px !important;
} .yo-prp-knee-page .yo-prp-section > .wp-block-group__inner-container > .yo-prp-heading {
margin-bottom: clamp(20px, 3vw, 32px) !important;
}
.yo-prp-knee-page .yo-prp-section > .wp-block-group__inner-container > .yo-prp-heading + p {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.yo-prp-knee-page .yo-prp-section .yo-prp-card-grid,
.yo-prp-knee-page .yo-prp-section .yo-prp-visual-grid,
.yo-prp-knee-page .yo-prp-section .yo-prp-process-grid,
.yo-prp-knee-page .yo-prp-section .yo-prp-indication-grid,
.yo-prp-knee-page .yo-prp-section .yo-prp-evidence-grid,
.yo-prp-knee-page .yo-prp-section .yo-prp-research-grid,
.yo-prp-knee-page .yo-prp-section .yo-prp-faq-list {
margin-top: clamp(28px, 4vw, 44px) !important;
margin-bottom: 0 !important;
}
.yo-prp-knee-page .yo-prp-section .swell-block-columns + .yo-prp-note,
.yo-prp-knee-page .yo-prp-section .swell-block-columns + .swell-block-capbox,
.yo-prp-knee-page .yo-prp-section .swell-block-capbox + .yo-prp-note {
margin-top: clamp(24px, 3vw, 34px) !important;
}
.yo-prp-knee-page .yo-prp-evidence-grid .yo-prp-article-card {
min-height: 100%;
padding: clamp(24px, 3vw, 34px);
}
.yo-prp-knee-page .yo-prp-evidence-grid .yo-prp-article-card h3,
.yo-prp-knee-page .yo-prp-evidence-grid .yo-prp-article-card p {
margin-right: 0;
margin-left: 0;
}
.yo-prp-knee-page .yo-prp-evidence-grid .yo-prp-article-card h3 {
margin-top: 0;
margin-bottom: 14px;
}
.yo-prp-knee-page .yo-prp-evidence-grid .yo-prp-article-card p:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.yo-prp-knee-page .yo-prp-trust-grid + .yo-prp-feature-cards {
margin-top: clamp(28px, 4vw, 44px) !important;
} .yo-prp-knee-page .yo-prp-highlight .yo-prp-kicker {
margin-top: 0 !important;
margin-bottom: 5px !important;
}
.yo-prp-knee-page .yo-prp-highlight h3 {
margin-top: 0 !important;
margin-bottom: 8px !important;
}
.yo-prp-knee-page .yo-prp-highlight h3 + p {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.yo-prp-knee-page .yo-prp-symptom-card .yo-prp-kicker {
margin-bottom: 5px !important;
}
.yo-prp-knee-page .yo-prp-symptom-card h3 {
margin-top: 0 !important;
margin-bottom: 8px !important;
}
.yo-prp-knee-page .yo-prp-symptom-card h3 + p {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.yo-prp-knee-page .yo-prp-photo--banner + .yo-prp-evidence-grid,
.yo-prp-knee-page .yo-prp-photo--banner + .yo-prp-indication-grid,
.yo-prp-knee-page .yo-prp-photo--banner + .swell-block-capbox {
margin-top: clamp(28px, 4vw, 40px) !important;
}
.yo-prp-knee-page .yo-prp-hero__button .swell-block-button__link {
color: #fff !important;
background: #173858 !important;
border: 1px solid #173858 !important;
}
.yo-prp-knee-page .yo-prp-hero__button .swell-block-button__link span {
color: inherit !important;
}
.yo-prp-knee-page .yo-prp-hero__button .swell-block-button__link:hover {
color: #fff !important;
background: #245d7d !important;
border-color: #245d7d !important;
}
.yo-prp-knee-page .yo-prp-symptom-card .wp-block-image {
width: 100% !important;
max-width: none !important;
margin: 0 0 1rem;
overflow: hidden;
border-radius: 14px;
aspect-ratio: 16 / 9;
}
.yo-prp-knee-page .yo-prp-symptom-card .wp-block-image img,
.yo-prp-knee-page .yo-prp-flow-step-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.yo-prp-knee-page .yo-prp-flow-step-image {
width: min(100%, 320px);
margin: .8rem 0 1rem;
overflow: hidden;
border-radius: 14px;
aspect-ratio: 16 / 9;
}
.yo-prp-knee-page .yo-prp-research-heading {
margin-top: clamp(48px, 6vw, 80px);
color: #173858;
font-size: clamp(1.4rem, 2.4vw, 2rem);
}
.yo-prp-knee-page .yo-prp-research-grid {
margin-top: 24px;
}
.yo-prp-knee-page .yo-prp-research-card {
height: 100%;
overflow: hidden;
border: 1px solid #dbe6e8;
border-radius: 24px;
background: #fff;
box-shadow: 0 16px 44px rgba(24, 66, 91, .08);
}
.yo-prp-knee-page .yo-prp-research-card .wp-block-image {
margin: 0;
overflow: hidden;
aspect-ratio: 16 / 9;
}
.yo-prp-knee-page .yo-prp-research-card .wp-block-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .3s ease;
}
.yo-prp-knee-page .yo-prp-research-card:hover .wp-block-image img {
transform: scale(1.025);
}
.yo-prp-knee-page .yo-prp-research-card > :not(.wp-block-image),
.yo-prp-knee-page .yo-prp-research-card > .wp-block-group__inner-container > :not(.wp-block-image) {
margin-right: 24px;
margin-left: 24px;
}
.yo-prp-knee-page .yo-prp-research-card > .yo-prp-kicker,
.yo-prp-knee-page .yo-prp-research-card > .wp-block-group__inner-container > .yo-prp-kicker {
margin-top: 22px;
margin-bottom: 5px !important;
}
.yo-prp-knee-page .yo-prp-research-card h3 {
margin-top: 0 !important;
margin-bottom: 8px !important;
font-size: 1.15rem;
line-height: 1.55;
}
.yo-prp-knee-page .yo-prp-research-card h3 + p {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.yo-prp-knee-page .yo-prp-research-card h3 a {
color: #173858;
text-decoration: none;
}
.yo-prp-knee-page .yo-prp-research-link {
margin-top: 12px !important;
margin-bottom: 24px;
font-weight: 700;
}
.yo-prp-knee-page .yo-prp-process-grid > .swell-block-columns__inner {
width: 100% !important;
max-width: none !important;
margin-right: auto !important;
margin-left: auto !important;
display: grid;
grid-template-columns: 1fr;
gap: 18px;
}
.yo-prp-knee-page .yo-prp-process-grid {
width: 100% !important;
max-width: 100% !important;
margin-right: auto !important;
margin-left: auto !important;
}
.yo-prp-knee-page .yo-prp-process-grid .swell-block-column {
width: auto !important;
margin: 0 !important;
}
.yo-prp-knee-page .yo-prp-process-card {
height: 100%;
padding: 22px 18px;
border: 1px solid #dbe6e8;
border-radius: 20px;
background: rgba(255, 255, 255, .92);
}
.yo-prp-knee-page .yo-prp-process-number {
display: inline-flex;
align-items: center;
min-height: 34px;
margin: 0 0 12px;
padding: 5px 12px;
border-radius: 999px;
color: #fff;
background: #173858;
font-size: .7rem;
font-weight: 800;
letter-spacing: .08em;
}
.yo-prp-knee-page .yo-prp-process-card h3 {
margin: 0 0 14px;
color: #173858;
font-size: 1.08rem;
line-height: 1.5;
}
.yo-prp-knee-page .yo-prp-process-card .yo-prp-flow-step-image {
width: 100%;
margin: 0 0 14px;
}
.yo-prp-knee-page .yo-prp-trust-grid .yo-prp-card .wp-block-image,
.yo-prp-knee-page .yo-prp-feature-cards .yo-prp-card .wp-block-image {
width: 100%;
margin: 0 0 20px;
overflow: hidden;
border-radius: 16px;
aspect-ratio: 16 / 9;
}
.yo-prp-knee-page .yo-prp-trust-grid .yo-prp-card .wp-block-image img,
.yo-prp-knee-page .yo-prp-feature-cards .yo-prp-card .wp-block-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.yo-prp-knee-page .yo-prp-trust-grid .yo-prp-card > .yo-prp-kicker,
.yo-prp-knee-page .yo-prp-feature-cards .yo-prp-card > .yo-prp-kicker,
.yo-prp-knee-page .yo-prp-trust-grid .yo-prp-card > .wp-block-group__inner-container > .yo-prp-kicker,
.yo-prp-knee-page .yo-prp-feature-cards .yo-prp-card > .wp-block-group__inner-container > .yo-prp-kicker {
margin-top: 0 !important;
margin-bottom: 5px !important;
}
.yo-prp-knee-page .yo-prp-trust-grid .yo-prp-card h3,
.yo-prp-knee-page .yo-prp-feature-cards .yo-prp-card h3 {
margin-top: 0 !important;
margin-bottom: 8px !important;
}
.yo-prp-knee-page .yo-prp-trust-grid .yo-prp-card h3 + p,
.yo-prp-knee-page .yo-prp-feature-cards .yo-prp-card h3 + p {
margin-top: 0 !important;
}
@media (min-width: 720px) {
.yo-prp-knee-page .yo-prp-process-grid--3 > .swell-block-columns__inner {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.yo-prp-knee-page .yo-prp-process-grid--5 > .swell-block-columns__inner {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.yo-prp-knee-page .yo-prp-process-card h3 {
min-height: 3.2em;
}
.yo-prp-knee-page .yo-prp-mechanism .swell-block-step,
.yo-prp-knee-page .yo-prp-flow .swell-block-step {
display: grid;
align-items: stretch;
gap: 18px;
}
.yo-prp-knee-page .yo-prp-mechanism .swell-block-step {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.yo-prp-knee-page .yo-prp-flow .swell-block-step {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.yo-prp-knee-page .yo-prp-mechanism .swell-block-step__item,
.yo-prp-knee-page .yo-prp-flow .swell-block-step__item {
height: 100%;
margin: 0;
padding: 22px 18px;
border: 1px solid #dbe6e8;
border-radius: 20px;
background: rgba(255, 255, 255, .9);
}
.yo-prp-knee-page .yo-prp-mechanism .swell-block-step__item::before,
.yo-prp-knee-page .yo-prp-mechanism .swell-block-step__item::after,
.yo-prp-knee-page .yo-prp-flow .swell-block-step__item::before,
.yo-prp-knee-page .yo-prp-flow .swell-block-step__item::after {
display: none !important;
}
.yo-prp-knee-page .yo-prp-mechanism .swell-block-step__number,
.yo-prp-knee-page .yo-prp-flow .swell-block-step__number {
width: 46px;
height: 46px;
display: inline-flex;
align-items: center;
justify-content: center;
position: static !important;
inset: auto !important;
margin: 0 0 14px !important;
transform: none !important;
}
.yo-prp-knee-page .yo-prp-mechanism .swell-block-step__title,
.yo-prp-knee-page .yo-prp-flow .swell-block-step__title {
min-height: 3em;
margin: 0 0 12px !important;
padding: 0 !important;
}
.yo-prp-knee-page .yo-prp-mechanism .swell-block-step__body,
.yo-prp-knee-page .yo-prp-flow .swell-block-step__body {
margin: 0 !important;
padding: 0 !important;
}
.yo-prp-knee-page .yo-prp-mechanism .yo-prp-flow-step-image,
.yo-prp-knee-page .yo-prp-flow .yo-prp-flow-step-image {
width: 100%;
}
.yo-prp-knee-page .yo-prp-flow .swell-block-step__title {
font-size: 1rem;
line-height: 1.45;
}
}
@media (max-width: 719px) {
.yo-prp-knee-page .yo-prp-hero__content > .wp-block-group__inner-container,
.yo-prp-knee-page .yo-prp-section > .wp-block-group__inner-container {
width: calc(100% - 48px) !important;
}
.yo-prp-knee-page .yo-prp-symptom-card .wp-block-image { width: 100% !important; }
.yo-prp-knee-page .yo-prp-flow-step-image {
width: min(100%, 260px);
}
} .yo-prp-knee-page {
font-size: 1rem;
}
.yo-prp-knee-page .yo-prp-section {
padding-inline: 24px !important;
}
.yo-prp-knee-page .yo-prp-heading {
font-size: clamp(1.6rem, 2.4vw, 2.2rem);
}
.yo-prp-knee-page .yo-prp-trust-grid > .swell-block-columns__inner,
.yo-prp-knee-page .yo-prp-feature-cards > .swell-block-columns__inner {
align-items: stretch;
grid-auto-rows: 1fr;
}
.yo-prp-knee-page .yo-prp-trust-grid .swell-block-column,
.yo-prp-knee-page .yo-prp-feature-cards .swell-block-column {
display: flex;
align-self: stretch;
}
.yo-prp-knee-page .yo-prp-trust-grid .yo-prp-card,
.yo-prp-knee-page .yo-prp-feature-cards .yo-prp-card {
width: 100%;
min-height: 100%;
display: flex;
flex-direction: column;
}
.yo-prp-knee-page .yo-prp-trust-grid .yo-prp-card h3,
.yo-prp-knee-page .yo-prp-feature-cards .yo-prp-card h3,
.yo-prp-knee-page .yo-prp-process-card h3 {
font-size: 1.15rem;
}
.yo-prp-knee-page .yo-prp-mechanism .yo-prp-process-grid,
.yo-prp-knee-page .yo-prp-mechanism .yo-prp-process-grid > .swell-block-columns__inner {
width: 100% !important;
max-width: 100% !important;
margin-inline: 0 !important;
transform: none !important;
}
@media (min-width: 1024px) {
.yo-prp-knee-page .yo-prp-trust-grid > .swell-block-columns__inner,
.yo-prp-knee-page .yo-prp-feature-cards > .swell-block-columns__inner {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.yo-prp-page .yo-prp-section {
position: relative;
padding-block: clamp(60px, 7vw, 104px);
padding-inline: 24px;
overflow: hidden;
} .yo-prp-page .yo-prp-section > * {
width: 100%;
margin-right: auto;
margin-left: auto;
}
.yo-prp-page .yo-prp-local,
.yo-prp-page .yo-prp-intro,
.yo-prp-page .yo-prp-features,
.yo-prp-page .yo-prp-caution,
.yo-prp-page .yo-prp-faq { background: var(--yo-prp-cream); }
.yo-prp-page .yo-prp-mechanism,
.yo-prp-page .yo-prp-evidence { background: #e5f7f7; }
.yo-prp-page .yo-prp-flow { background: #eef8fb; }
.yo-prp-page .yo-prp-whole-body { background: linear-gradient(135deg, #f4fbfb 0%, #fffaf0 100%); }
.yo-prp-page .yo-prp-kicker {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 14px;
color: #318c99;
font-size: .72rem;
font-weight: 700;
letter-spacing: .18em;
}
.yo-prp-page .yo-prp-kicker::before {
content: "";
width: 34px;
height: 1px;
flex: 0 0 auto;
background: currentColor;
}
.yo-prp-page .yo-prp-heading {
margin-top: 0;
color: var(--yo-prp-navy);
font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
font-size: 2.2rem;
font-weight: 600;
line-height: 1.3;
letter-spacing: -.045em;
}
.yo-prp-page .yo-prp-lead {
max-width: 720px;
color: var(--yo-prp-muted);
}
.yo-prp-page .yo-prp-photo img {
width: 100%;
min-height: 420px;
border-radius: 150px 18px 18px 18px;
object-fit: cover;
}
.yo-prp-page .yo-prp-split .wp-block-column:nth-child(2) .yo-prp-photo img {
border-radius: 18px 150px 18px 18px;
}
.yo-prp-page .yo-prp-route-map {
margin: 0;
}
.yo-prp-page .yo-prp-route-map a {
display: block;
padding: 12px;
border: 1px solid var(--yo-prp-line);
border-radius: 18px;
background: #fff;
box-shadow: 0 18px 42px rgba(23,56,88,.1);
}
.yo-prp-page .yo-prp-route-map img {
display: block;
width: 100%;
height: auto;
border-radius: 10px;
object-fit: contain;
}
.yo-prp-page .yo-prp-route-map figcaption {
margin-top: 10px;
color: var(--yo-prp-muted);
font-size: .76rem;
line-height: 1.7;
text-align: center;
}
.yo-prp-page .yo-prp-photo--wide img {
max-height: 520px;
margin-top: 28px;
}
.yo-prp-page .yo-prp-photo--banner {
margin-block: 28px 34px;
}
.yo-prp-page .yo-prp-photo--banner img {
min-height: 360px;
max-height: 520px;
aspect-ratio: 2.25 / 1;
border-radius: 150px 18px 150px 18px;
object-fit: cover;
}
.yo-prp-page .yo-prp-split {
gap: clamp(28px, 4vw, 58px);
}
.yo-prp-page .yo-prp-card {
height: 100%;
padding: clamp(24px, 3vw, 38px);
border: 1px solid var(--yo-prp-line);
border-radius: 28px;
background: rgba(255,255,255,.9);
}
.yo-prp-page .yo-prp-card h3,
.yo-prp-page .yo-prp-highlight h3,
.yo-prp-page .yo-prp-article-card h3 {
color: var(--yo-prp-navy);
font-size: 1.2rem;
line-height: 1.5;
}
.yo-prp-page .yo-prp-note {
padding: 18px 22px;
border-left: 3px solid var(--yo-prp-blue);
background: #f2f8f8;
color: var(--yo-prp-muted);
font-size: .86rem;
}
.yo-prp-page .yo-prp-button .wp-block-button__link {
min-height: 58px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 13px 28px;
border-radius: 999px;
color: var(--yo-prp-navy);
background: var(--yo-prp-warm);
font-size: .86rem;
font-weight: 700;
}
.yo-prp-page .yo-prp-hero .swell-block-fullWide {
min-height: 900px;
display: flex;
align-items: flex-end;
position: relative;
overflow: hidden;
background-position: 68% 50%;
background-size: cover;
}
.yo-prp-page .yo-prp-hero .swell-block-fullWide::after {
content: "PRP";
position: absolute;
z-index: 0;
top: 8%;
right: -3vw;
color: transparent;
-webkit-text-stroke: 1px rgba(255,255,255,.22);
font-size: clamp(8rem, 24vw, 21rem);
font-weight: 800;
line-height: 1;
letter-spacing: -.08em;
pointer-events: none;
}
.yo-prp-page .yo-prp-hero .swell-block-fullWide__inner {
width: calc(100% - 48px);
margin-inline: auto;
position: relative;
z-index: 1;
}
.yo-prp-page .yo-prp-hero__content {
max-width: 850px;
margin: 0;
}
.yo-prp-page .yo-prp-hero__eyebrow { color: #318c99; }
.yo-prp-page .yo-prp-hero__title {
max-width: 850px;
margin: 0;
color: var(--yo-prp-navy);
font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
font-size: 2.8rem;
font-weight: 500;
line-height: 1.3;
letter-spacing: -.05em;
text-shadow:
0 1px 0 rgba(255,255,255,.92),
0 0 10px rgba(255,255,255,.88),
0 0 28px rgba(255,255,255,.76);
}
.yo-prp-page .yo-prp-hero__lead {
max-width: 620px;
margin-top: 24px;
color: var(--yo-prp-ink);
font-size: 1.2rem;
text-shadow:
0 1px 0 rgba(255,255,255,.96),
0 0 8px rgba(255,255,255,.9),
0 0 22px rgba(255,255,255,.8);
}
.yo-prp-page .yo-prp-hero__actions { margin-top: 32px; }
.yo-prp-page .yo-prp-hero__note { color: var(--yo-prp-muted); font-size: .74rem; }
.yo-prp-page .yo-prp-highlights {
position: relative;
z-index: 3;
margin-top: 0;
padding-block: clamp(42px, 5vw, 64px) clamp(52px, 6vw, 82px);
background: transparent;
}
.yo-prp-page .yo-prp-highlight-grid .swell-block-columns__inner { align-items: stretch; }
.yo-prp-page .yo-prp-highlight {
min-height: 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
overflow: hidden;
padding: 0 0 clamp(28px, 3vw, 38px);
border-radius: 28px;
background: rgba(255,255,255,.97);
box-shadow: var(--yo-prp-shadow);
}
.yo-prp-page .yo-prp-highlight__image { margin: 0 0 22px; }
.yo-prp-page .yo-prp-highlight__image img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
}
.yo-prp-page .yo-prp-highlight > :not(.yo-prp-highlight__image) { margin-inline: clamp(24px, 3vw, 34px); }
.yo-prp-page .yo-prp-highlight-grid .swell-block-column:nth-child(2) .yo-prp-highlight { background: #e5f7f7; }
.yo-prp-page .yo-prp-highlight-grid .swell-block-column:nth-child(3) .yo-prp-highlight { background: #fff8e5; }
.yo-prp-page .yo-prp-highlight__number {
margin-top: 0;
margin-bottom: 10px;
color: var(--yo-prp-blue);
font-family: Georgia, serif;
font-size: clamp(2.4rem, 4vw, 4.4rem);
line-height: 1;
}
.yo-prp-page .yo-prp-highlight .yo-prp-kicker {
margin-top: 0;
margin-bottom: 6px;
}
.yo-prp-page .yo-prp-highlight h3 {
margin-top: 0;
margin-bottom: 10px;
}
.yo-prp-page .yo-prp-highlight h3 + p {
margin-top: 0;
margin-bottom: 0;
}
.yo-prp-page .yo-prp-symptom-grid .swell-block-columns__inner { align-items: stretch; }
.yo-prp-page .yo-prp-symptom-grid .swell-block-column { display: flex; }
.yo-prp-page .yo-prp-symptom-card {
width: 100%;
overflow: hidden;
padding: 0 0 24px;
}
.yo-prp-page .yo-prp-symptom-card figure { margin: 0 0 20px; }
.yo-prp-page .yo-prp-symptom-card img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
}
.yo-prp-page .yo-prp-symptom-card h3,
.yo-prp-page .yo-prp-symptom-card p { margin-inline: 22px; }
.yo-prp-page .yo-prp-symptom-card ul {
margin: 0 22px;
padding-left: 1.15em;
}
.yo-prp-page .yo-prp-symptom-card li + li { margin-top: 6px; }
.yo-prp-page .yo-prp-access {
margin-top: 28px;
padding: 20px 24px;
border-radius: 16px;
background: var(--yo-prp-sky);
}
.yo-prp-page .yo-prp-access__title { margin: 0 0 14px; color: var(--yo-prp-navy); }
.yo-prp-page .yo-prp-route { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: 8px !important; margin-top: 10px; padding: 12px 14px; border-radius: 14px; background: rgba(255,255,255,.9); }
.yo-prp-page .yo-prp-route p { margin: 0; }
.yo-prp-page .yo-prp-route__station { padding: 5px 10px; border: 1px solid var(--yo-prp-line); border-radius: 999px; background: #fff; color: var(--yo-prp-navy); font-size: .8rem; font-weight: 700; white-space: nowrap; }
.yo-prp-page .yo-prp-route__station--destination { border-color: var(--yo-prp-blue); background: #ddf5f6; }
.yo-prp-page .yo-prp-route__line { display: inline-flex; align-items: center; gap: 6px; font-size: .7rem; font-weight: 700; white-space: nowrap; }
.yo-prp-page .yo-prp-route__line span { font-size: 1.35rem; line-height: 1; }
.yo-prp-page .yo-prp-route__line--higashiyama { color: #d7a900; }
.yo-prp-page .yo-prp-route__line--tsurumai { color: #2585c7; }
.yo-prp-page .yo-prp-route__line--meijo { color: #8c4ca4; }
.yo-prp-page .yo-prp-access__note { margin: 12px 0 0; color: var(--yo-prp-muted); font-size: .74rem; }
.yo-prp-page .yo-prp-access__actions { margin: 16px 0 0; }
.yo-prp-page .yo-prp-route-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 44px;
padding: 10px 18px;
border-radius: 999px;
background: var(--yo-prp-blue);
color: #fff !important;
font-size: .82rem;
font-weight: 700;
line-height: 1.4;
text-decoration: none !important;
box-shadow: 0 10px 24px rgba(34,137,151,.2);
pointer-events: auto;
}
.yo-prp-page .yo-prp-route-button:hover { color: #fff !important; filter: brightness(.94); }
.yo-prp-page .yo-prp-whole-body .yo-prp-split {
gap: clamp(26px, 5vw, 72px);
}
.yo-prp-page .yo-prp-body-map {
margin: 0;
}
.yo-prp-page .yo-prp-body-map img {
width: 100%;
border-radius: 30px;
box-shadow: 0 20px 60px rgba(23,56,88,.1);
}
.yo-prp-page .yo-prp-parts {
color: rgba(255,255,255,.78);
background: var(--yo-prp-navy);
}
.yo-prp-page .yo-prp-parts-grid {
margin-top: 36px;
margin-bottom: 0;
}
.yo-prp-page .yo-prp-parts-grid .swell-block-columns__inner { align-items: stretch; }
.yo-prp-page .yo-prp-parts-grid .swell-block-column { display: flex; }
.yo-prp-page .yo-prp-part-card {
width: 100%;
overflow: hidden;
border: 1px solid rgba(255,255,255,.14);
border-radius: 24px;
background: rgba(255,255,255,.08);
}
.yo-prp-page .yo-prp-part-card figure { margin: 0; }
.yo-prp-page .yo-prp-part-card img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
}
.yo-prp-page .yo-prp-part-card h3 {
margin: 22px 24px 6px;
color: #fff;
font-size: 1.15rem;
}
.yo-prp-page .yo-prp-part-card p {
margin: 0 24px 26px;
color: rgba(255,255,255,.76);
font-size: .88rem;
line-height: 1.75;
}
.yo-prp-page .yo-prp-area-linkset {
margin: 18px 24px 26px;
padding-top: 16px;
border-top: 1px solid rgba(255,255,255,.18);
}
.yo-prp-page .yo-prp-area-linkset p { margin: 0; }
.yo-prp-page .yo-prp-area-links {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 0 14px;
}
.yo-prp-page .yo-prp-area-links a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
min-height: 46px;
padding: 9px 0;
border-top: 1px solid rgba(255,255,255,.12);
color: #fff !important;
font-size: .76rem;
font-weight: 600;
line-height: 1.45;
text-decoration: none;
}
.yo-prp-page .yo-prp-area-links a::after {
content: "›";
flex: 0 0 auto;
color: var(--yo-prp-blue);
font-family: Georgia, serif;
font-size: 1.25rem;
font-weight: 400;
line-height: 1;
}
.yo-prp-page .yo-prp-area-linkset a:hover,
.yo-prp-page .yo-prp-area-linkset a:focus-visible { color: #fff !important; }
.yo-prp-page .yo-prp-parts .yo-prp-heading { color: #fff; }
.yo-prp-page .yo-prp-parts .yo-prp-kicker { color: var(--yo-prp-blue); }
.yo-prp-page .yo-prp-visual-grid { margin-top: 34px; }
.yo-prp-page .yo-prp-visual-grid .swell-block-columns__inner {
align-items: stretch;
justify-content: center;
}
.yo-prp-page .yo-prp-visual-grid .swell-block-column { display: flex; }
.yo-prp-page .yo-prp-visual-card {
width: 100%;
height: 100%;
padding-bottom: 32px;
overflow: hidden;
border: 1px solid var(--yo-prp-line);
border-radius: 24px;
background: #fff;
box-shadow: 0 16px 42px rgba(23,56,88,.07);
}
.yo-prp-page .yo-prp-visual-card figure { margin: 0; }
.yo-prp-page .yo-prp-visual-card img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
}
.yo-prp-page .yo-prp-visual-card h3 {
margin: 20px 22px 6px;
color: var(--yo-prp-navy);
font-size: 1.08rem;
}
.yo-prp-page .yo-prp-visual-card p {
margin: 0 22px;
color: var(--yo-prp-muted);
font-size: .86rem;
line-height: 1.7;
}
.yo-prp-page .yo-prp-visual-card > p:last-child,
.yo-prp-page .yo-prp-card > p:last-child,
.yo-prp-page .yo-prp-card > ul:last-child {
margin-bottom: 0 !important;
}
.yo-prp-page .yo-prp-flow-number {
margin-top: 18px !important;
margin-bottom: 0 !important;
color: var(--yo-prp-blue) !important;
font-family: Georgia, serif;
font-size: 1.65rem !important;
line-height: 1 !important;
}
.yo-prp-page .yo-prp-mechanism-explainer {
max-width: 920px;
margin: 32px auto 46px;
padding: clamp(24px, 4vw, 44px);
border: 1px solid rgba(49,140,153,.18);
border-radius: 28px;
background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(232,247,246,.72));
box-shadow: 0 20px 55px rgba(23,56,88,.08);
}
.yo-prp-page .yo-prp-mechanism-explainer__eyebrow {
margin: 0 0 12px;
color: var(--yo-prp-blue);
font-size: .76rem;
font-weight: 700;
letter-spacing: .08em;
}
.yo-prp-page .yo-prp-mechanism-explainer h3 {
margin: 0 0 22px;
color: var(--yo-prp-navy);
font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
font-size: clamp(1.3rem, 2.2vw, 1.8rem);
line-height: 1.55;
}
.yo-prp-page .yo-prp-healing-flow {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin: 28px 0;
}
.yo-prp-page .yo-prp-healing-flow article {
position: relative;
margin: 0;
padding: 18px;
border-radius: 16px;
background: rgba(255,255,255,.92);
}
.yo-prp-page .yo-prp-healing-flow article:not(:last-child)::after {
content: "→";
position: absolute;
top: 50%;
right: -13px;
z-index: 2;
color: var(--yo-prp-blue);
font-weight: 700;
transform: translateY(-50%);
}
.yo-prp-page .yo-prp-healing-flow span,
.yo-prp-page .yo-prp-healing-flow strong,
.yo-prp-page .yo-prp-healing-flow small { display: block; }
.yo-prp-page .yo-prp-healing-flow span { color: var(--yo-prp-blue); font-family: Georgia, serif; font-size: 1.25rem; }
.yo-prp-page .yo-prp-healing-flow strong { margin-top: 6px; color: var(--yo-prp-navy); font-size: .95rem; }
.yo-prp-page .yo-prp-healing-flow small { margin-top: 7px; color: var(--yo-prp-muted); font-size: .73rem; line-height: 1.65; }
.yo-prp-page .yo-prp-healing-flow figure { margin: -18px -18px 16px; overflow: hidden; border-radius: 16px 16px 0 0; }
.yo-prp-page .yo-prp-healing-flow img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.yo-prp-page .yo-prp-mechanism-explainer__summary {
margin: 0;
padding-left: 16px;
border-left: 4px solid var(--yo-prp-blue);
color: var(--yo-prp-navy);
}
.yo-prp-page .yo-prp-mechanism__procedure-title {
margin: 0 0 24px;
color: var(--yo-prp-navy);
font-size: 1.25rem;
text-align: center;
}
.yo-prp-page .yo-prp-mechanism-cards .swell-block-column { position: relative; }
.yo-prp-page .yo-prp-mechanism-cards .swell-block-column:not(:last-child)::after {
content: "→";
position: absolute;
z-index: 2;
top: 50%;
right: -46px;
width: 28px;
height: 28px;
display: grid;
place-items: center;
border-radius: 50%;
background: #fff;
color: var(--yo-prp-blue);
font-size: 1.35rem;
box-shadow: 0 8px 24px rgba(23,56,88,.12);
transform: translateY(-50%);
}
.yo-prp-page .yo-prp-mechanism__note { margin-top: 28px; }
.yo-prp-page .yo-prp-step .swell-block-step__number { background: var(--yo-prp-blue) !important; }
.yo-prp-page .yo-prp-step .swell-block-step__body { padding-bottom: 26px; }
.yo-prp-page .yo-prp-step h3 { color: var(--yo-prp-navy); font-size: 1.2rem; }
.yo-prp-page .yo-prp-feature-list { list-style: none; padding-left: 0; }
.yo-prp-page .yo-prp-feature-list li { padding: 18px 0 18px 28px; border-bottom: 1px solid var(--yo-prp-line); }
.yo-prp-page .yo-prp-feature-list li::before { content: ""; width: 10px; height: 10px; display: inline-block; margin-left: -28px; margin-right: 18px; border-radius: 50%; background: var(--yo-prp-blue); }
.yo-prp-page .yo-prp-emphasis {
margin-block: 28px;
padding: 24px 28px;
border-radius: 16px;
background: var(--yo-prp-sky);
color: var(--yo-prp-navy);
font-size: 1.08rem;
}
.yo-prp-page .yo-prp-price-table table { border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid var(--yo-prp-line); border-radius: 16px; }
.yo-prp-page .yo-prp-price-table th { background: var(--yo-prp-navy); color: #fff; }
.yo-prp-page .yo-prp-price-table td,
.yo-prp-page .yo-prp-price-table th { padding: 18px; border-color: var(--yo-prp-line); }
.yo-prp-page .yo-prp-evidence-grid .swell-block-columns__inner { align-items: stretch; }
.yo-prp-page .yo-prp-article-card { height: 100%; overflow: hidden; border-radius: 18px; background: #fff; box-shadow: 0 14px 40px rgba(23,56,88,.08); }
.yo-prp-page .yo-prp-article-card { border-radius: 28px; transition: transform .25s, box-shadow .25s; }
.yo-prp-page .yo-prp-article-card:hover { transform: translateY(-5px); box-shadow: var(--yo-prp-shadow); }
.yo-prp-page .yo-prp-article-card figure { margin: 0; }
.yo-prp-page .yo-prp-article-card img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.yo-prp-page .yo-prp-article-card p,
.yo-prp-page .yo-prp-article-card h3 { margin-inline: 24px; }
.yo-prp-page .yo-prp-article-card p:last-child { padding-bottom: 28px; }
.yo-prp-page .yo-prp-category { margin-top: 22px; margin-bottom: 6px; color: #318c99; font-size: .72rem; font-weight: 700; }
.yo-prp-page .yo-prp-article-card .yo-prp-category + h3 { margin-top: 0; margin-bottom: 8px; }
.yo-prp-page .yo-prp-article-card .yo-prp-category + h3 + p:not(.yo-prp-article-links) { margin-top: 0; margin-bottom: 0; }
.yo-prp-page .yo-prp-article-links {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 0 14px;
margin-top: 16px !important;
margin-bottom: 0 !important;
padding-top: 16px;
border-top: 1px solid var(--yo-prp-line);
}
.yo-prp-page .yo-prp-article-links a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
min-height: 48px;
padding: 9px 0;
border-top: 1px solid var(--yo-prp-line);
color: var(--yo-prp-navy);
font-size: .8rem;
font-weight: 600;
line-height: 1.45;
text-decoration: none;
}
.yo-prp-page .yo-prp-article-links a::after {
content: "›";
flex: 0 0 auto;
color: var(--yo-prp-blue);
font-family: Georgia, serif;
font-size: 1.4rem;
font-weight: 400;
line-height: 1;
}
.yo-prp-page .yo-prp-article-links a:hover,
.yo-prp-page .yo-prp-article-links a:focus-visible { color: var(--yo-prp-blue); }
.yo-prp-page .yo-prp-knee-link { text-align: center; }
.yo-prp-page .yo-prp-knee-link .swell-block-postLink { max-width: 760px; margin: 36px auto 0; text-align: left; }
.yo-prp-page .yo-prp-faq-list { margin-top: 26px; }
.yo-prp-page .yo-prp-faq-list .swell-block-faq__item { border-color: var(--yo-prp-line); }
.yo-prp-page .yo-prp-final-cta .swell-block-fullWide { min-height: 700px; display: flex; align-items: center; background-position: center 48%; background-size: cover; }
.yo-prp-page .yo-prp-final-cta__inner { max-width: 850px; text-align: center; }
.yo-prp-page .yo-prp-final-cta .yo-prp-heading { color: #fff; }
.yo-prp-page .yo-prp-final-cta .yo-prp-kicker { color: var(--yo-prp-blue); } @media screen and (min-width: 768px) {
.yo-prp-page .yo-prp-section {
padding-block: clamp(68px, 6vw, 92px);
padding-inline: clamp(32px, 5vw, 72px);
}
.yo-prp-page .yo-prp-section > *,
.yo-prp-knee-page .yo-prp-section > .wp-block-group__inner-container,
.yo-prp-knee-page .yo-prp-hero__content > .wp-block-group__inner-container {
width: min(100%, 1180px) !important;
max-width: 1180px !important;
margin-right: auto !important;
margin-left: auto !important;
}
.yo-prp-page .yo-prp-heading {
max-width: 820px;
margin-bottom: 24px;
}
.yo-prp-page .yo-prp-heading + p,
.yo-prp-page .yo-prp-lead {
max-width: 760px;
}
.yo-prp-page .yo-prp-section p + p {
margin-top: 1em;
} .yo-prp-page .yo-prp-split {
display: flex;
align-items: center;
}
.yo-prp-page .yo-prp-split > .wp-block-column {
min-width: 0;
flex: 1 1 0;
}
.yo-prp-page .yo-prp-highlight-grid > .swell-block-columns__inner,
.yo-prp-page .yo-prp-card-grid > .swell-block-columns__inner,
.yo-prp-page .yo-prp-parts-grid > .swell-block-columns__inner,
.yo-prp-page .yo-prp-visual-grid > .swell-block-columns__inner,
.yo-prp-page .yo-prp-evidence-grid > .swell-block-columns__inner,
.yo-prp-page .yo-prp-research-grid > .swell-block-columns__inner {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(22px, 2.5vw, 34px);
}
.yo-prp-page .yo-prp-mechanism-cards > .swell-block-columns__inner {
gap: 64px;
}
.yo-prp-page .yo-prp-flow-cards > .swell-block-columns__inner {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.yo-prp-page .yo-prp-feature-cards > .swell-block-columns__inner {
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: clamp(14px, 1.5vw, 22px);
}
.yo-prp-page .yo-prp-highlight-grid .swell-block-column,
.yo-prp-page .yo-prp-card-grid .swell-block-column,
.yo-prp-page .yo-prp-parts-grid .swell-block-column,
.yo-prp-page .yo-prp-visual-grid .swell-block-column,
.yo-prp-page .yo-prp-evidence-grid .swell-block-column,
.yo-prp-page .yo-prp-research-grid .swell-block-column {
width: auto !important;
min-width: 0;
margin: 0 !important;
}
.yo-prp-page .yo-prp-access {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 12px;
}
.yo-prp-page .yo-prp-access__title,
.yo-prp-page .yo-prp-access__note {
grid-column: auto;
}
.yo-prp-page .yo-prp-route {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
gap: 7px !important;
margin-top: 0;
}
.yo-prp-page .yo-prp-route__station,
.yo-prp-page .yo-prp-route__line {
flex: 0 0 auto;
}
.yo-prp-page .yo-prp-split,
.yo-prp-page .yo-prp-card-grid,
.yo-prp-page .yo-prp-visual-grid,
.yo-prp-page .yo-prp-evidence-grid,
.yo-prp-page .yo-prp-research-grid {
margin-top: clamp(32px, 4vw, 48px);
}
.yo-prp-page .yo-prp-card {
padding: clamp(26px, 2.4vw, 36px);
}
.yo-prp-page .yo-prp-hero .swell-block-fullWide {
min-height: 700px;
max-height: 760px;
}
.yo-prp-page .yo-prp-final-cta .swell-block-fullWide {
min-height: 520px;
max-height: 580px;
}
.yo-prp-page .yo-prp-photo img {
min-height: 0;
height: clamp(300px, 30vw, 420px);
}
.yo-prp-page .yo-prp-photo--wide img {
height: clamp(280px, 27vw, 380px);
max-height: 380px;
}
.yo-prp-page .yo-prp-photo--banner img {
min-height: 0;
height: clamp(260px, 24vw, 340px);
max-height: 340px;
aspect-ratio: auto;
}
.yo-prp-page .yo-prp-highlight__image img,
.yo-prp-page .yo-prp-symptom-card img,
.yo-prp-page .yo-prp-part-card img,
.yo-prp-page .yo-prp-visual-card img {
max-height: 250px;
aspect-ratio: 16 / 9;
}
.yo-prp-page .yo-prp-article-card img,
.yo-prp-knee-page .yo-prp-symptom-card .wp-block-image,
.yo-prp-knee-page .yo-prp-research-card .wp-block-image,
.yo-prp-knee-page .yo-prp-trust-grid .yo-prp-card .wp-block-image,
.yo-prp-knee-page .yo-prp-feature-cards .yo-prp-card .wp-block-image {
max-height: 230px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.yo-prp-page .yo-prp-mechanism-cards .swell-block-column::after {
display: none;
}
.yo-prp-page .yo-prp-highlight-grid > .swell-block-columns__inner,
.yo-prp-page .yo-prp-card-grid > .swell-block-columns__inner,
.yo-prp-page .yo-prp-parts-grid > .swell-block-columns__inner,
.yo-prp-page .yo-prp-visual-grid > .swell-block-columns__inner,
.yo-prp-page .yo-prp-evidence-grid > .swell-block-columns__inner,
.yo-prp-page .yo-prp-research-grid > .swell-block-columns__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.yo-prp-page .yo-prp-access {
grid-template-columns: 1fr;
}
.yo-prp-page .yo-prp-access__title,
.yo-prp-page .yo-prp-access__note {
grid-column: auto;
}
}
@media screen and (max-width: 767px) {
.yo-prp-page .yo-prp-section { padding-block: 48px; padding-inline: 24px; }
.yo-prp-page .yo-prp-heading { font-size: 1.6rem; line-height: 1.45; }
.yo-prp-page .yo-prp-photo img { min-height: 320px; border-radius: 100px 16px 16px 16px; }
.yo-prp-page .yo-prp-route-map { margin-top: 24px; }
.yo-prp-page .yo-prp-route-map a { padding: 8px; }
.yo-prp-page .yo-prp-mechanism-explainer { margin-block: 24px 36px; padding: 22px 18px; border-radius: 20px; }
.yo-prp-page .yo-prp-healing-flow { grid-template-columns: 1fr; }
.yo-prp-page .yo-prp-healing-flow article:not(:last-child)::after { content: "↓"; top: auto; right: 50%; bottom: -17px; transform: translateX(50%); }
.yo-prp-page .yo-prp-photo--banner { margin-block: 22px 28px; }
.yo-prp-page .yo-prp-photo--banner img { min-height: 280px; aspect-ratio: 1.25 / 1; border-radius: 90px 16px 90px 16px; }
.yo-prp-page .yo-prp-hero .swell-block-fullWide { min-height: 680px; background-position: 58% 50%; }
.yo-prp-page .yo-prp-hero .swell-block-fullWide__inner { width: calc(100% - 48px); }
.yo-prp-page .yo-prp-hero__title { font-size: 1.6rem; line-height: 1.45; letter-spacing: .03em; overflow-wrap: anywhere; }
.yo-prp-page .yo-prp-hero__lead { font-size: 1rem; line-height: 1.5; }
.yo-prp-page .yo-prp-button,
.yo-prp-page .yo-prp-button .wp-block-button__link { width: 100%; }
.yo-prp-page .yo-prp-highlights { margin-top: 0; padding-inline: 24px; }
.yo-prp-page .yo-prp-highlight { min-height: 0; }
.yo-prp-page .yo-prp-mechanism-cards .swell-block-column:not(:last-child)::after {
top: auto;
right: 50%;
bottom: -25px;
transform: translateX(50%) rotate(90deg);
}
.yo-prp-page .yo-prp-whole-body .wp-block-columns { flex-direction: column-reverse; }
.yo-prp-page .yo-prp-body-map img { border-radius: 20px; }
.yo-prp-page .yo-prp-parts-grid { margin-top: 26px; }
.yo-prp-page .yo-prp-part-card h3 { margin-inline: 20px; }
.yo-prp-page .yo-prp-part-card p { margin-inline: 20px; }
.yo-prp-page .yo-prp-area-links,
.yo-prp-page .yo-prp-article-links { grid-template-columns: 1fr; }
.yo-prp-page .yo-prp-visual-grid { margin-top: 24px; }
.yo-prp-page .yo-prp-visual-card h3 { margin-inline: 20px; }
.yo-prp-page .yo-prp-visual-card p { margin-inline: 20px; }
.yo-prp-page .yo-prp-access { padding: 18px; }
.yo-prp-page .yo-prp-route { align-items: center; gap: 4px !important; padding: 10px 8px; }
.yo-prp-page .yo-prp-route__station { padding-inline: 7px; font-size: .72rem; }
.yo-prp-page .yo-prp-route__line { gap: 3px; font-size: .62rem; }
.yo-prp-page .yo-prp-route__line span { font-size: 1.1rem; }
.yo-prp-page .yo-prp-price-table { font-size: .8rem; }
.yo-prp-page .yo-prp-price-table td,
.yo-prp-page .yo-prp-price-table th { min-width: 130px; padding: 12px; }
} .yo-prp-knee-page { font-size: 1rem; }
.yo-prp-knee-page .yo-prp-section { padding-inline: 24px !important; }
.yo-prp-knee-page .yo-prp-section > *,
.yo-prp-knee-page .yo-prp-section > .wp-block-group__inner-container {
width: 100% !important;
max-width: 1200px !important;
margin-inline: auto !important;
box-sizing: border-box;
}
.yo-prp-knee-page .yo-prp-heading { font-size: clamp(1.6rem, 2.4vw, 2.2rem); }
.yo-prp-knee-page .yo-prp-process-grid,
.yo-prp-knee-page .yo-prp-process-grid > .swell-block-columns__inner {
width: 100% !important;
max-width: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
transform: none !important;
box-sizing: border-box;
}
.yo-prp-knee-page .yo-prp-process-grid > .swell-block-columns__inner { display: grid !important; }
.yo-prp-knee-page .yo-prp-process-grid .swell-block-column { min-width: 0; transform: none !important; }
.yo-prp-knee-page .yo-prp-process-card {
padding: 22px 18px !important;
box-sizing: border-box;
}
.yo-prp-knee-page .yo-prp-process-number { margin: 0 0 12px !important; }
.yo-prp-knee-page .yo-prp-trust-grid > .swell-block-columns__inner,
.yo-prp-knee-page .yo-prp-feature-cards > .swell-block-columns__inner { align-items: stretch; grid-auto-rows: 1fr; }
.yo-prp-knee-page .yo-prp-trust-grid .swell-block-column,
.yo-prp-knee-page .yo-prp-feature-cards .swell-block-column { display: flex; align-self: stretch; }
.yo-prp-knee-page .yo-prp-trust-grid .yo-prp-card,
.yo-prp-knee-page .yo-prp-feature-cards .yo-prp-card {
width: 100%;
min-height: 100%;
display: flex;
flex-direction: column;
}
.yo-prp-knee-page .yo-prp-trust-grid .yo-prp-card h3,
.yo-prp-knee-page .yo-prp-feature-cards .yo-prp-card h3,
.yo-prp-knee-page .yo-prp-process-card h3 { font-size: 1.15rem; }
@media (min-width: 1024px) {
.yo-prp-knee-page .yo-prp-trust-grid > .swell-block-columns__inner,
.yo-prp-knee-page .yo-prp-feature-cards > .swell-block-columns__inner { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.yo-prp-knee-page .yo-prp-features .yo-prp-card { min-height: 560px; }
.yo-prp-knee-page .yo-prp-indication-grid > .swell-block-columns__inner,
.yo-prp-knee-page .yo-prp-research-grid > .swell-block-columns__inner {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: clamp(22px, 2.5vw, 34px);
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.yo-prp-knee-page .yo-prp-trust-grid > .swell-block-columns__inner,
.yo-prp-knee-page .yo-prp-feature-cards > .swell-block-columns__inner,
.yo-prp-knee-page .yo-prp-indication-grid > .swell-block-columns__inner,
.yo-prp-knee-page .yo-prp-research-grid > .swell-block-columns__inner { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 767px) {
.yo-prp-knee-page .yo-prp-trust-grid .yo-prp-card,
.yo-prp-knee-page .yo-prp-feature-cards .yo-prp-card { min-height: 0; }
}