/* Skin/scalp treatment information; page-local rules. */
/* Four chapters of the PRP editorial. The shared header, footer and fonts are untouched. */
.center-prp{--prp-ink:#343a30;--prp-body:#51594e;--prp-gold:#806642;--prp-line:#cbbda8;--prp-ivory:#f8f5ee}
.prp-wrap{width:calc(100% - clamp(48px,9vw,164px));max-width:1330px;margin-inline:auto}
.center-prp .prp-chapter{background:var(--prp-ivory);color:var(--prp-ink);padding:clamp(76px,8.1vw,126px) 0}
.prp-chapter .prp-eyeline,.prp-visit .prp-eyeline{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;font:500 .655rem/1.65 var(--sans);letter-spacing:.17em;color:var(--prp-gold)}
.prp-chapter-no{display:inline-flex;align-items:center;gap:14px}.prp-chapter-no:after{content:'';display:inline-block;width:27px;height:1px;background:#a48a64}
.center-prp .prp-story-title{font:400 clamp(2rem,3.05vw,3.28rem)/1.45 var(--kr-serif);letter-spacing:-.065em;margin:0;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere}
.prp-story-title>span{display:block}
.prp-chapter .prp-prose{font-size:clamp(.95rem,1.08vw,1.07rem);font-weight:400;color:var(--prp-body);line-height:1.98;max-width:40em}
.prp-prose p+p{margin-top:.75em}
.prp-chapter .prp-opening-pledge{max-width:31em;padding-inline-start:20px;border-inline-start:2px solid #aa906c;margin:0 0 22px;color:#584c39}
.prp-opening-pledge strong{font:400 clamp(1.06rem,1.45vw,1.32rem)/1.85 var(--kr-serif);letter-spacing:-.035em}
.prp-reading-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px}
.prp-reading-links a,.prp-director figcaption a,.prp-study-link,.prp-visit-link{display:inline-flex;align-items:center;gap:.8em;font-size:.8125rem;line-height:1.5;color:var(--prp-gold);padding:8px 0;border-bottom:1px solid #ab9576}
.prp-reading-links a+a{border-color:transparent;color:#5d6559}.prp-reading-links a:hover,.prp-study-link:hover,.prp-director figcaption a:hover{color:#3c4735;border-color:currentColor}
.prp-chapter.prp-science{background:#f7f5ef;border-top:1px solid #d9cfbe}
.prp-intro-pair{display:grid;grid-template-columns:minmax(0,.99fr) minmax(0,1fr);gap:clamp(38px,7vw,100px);align-items:start;margin:clamp(27px,3vw,48px) 0}
.prp-intro-pair .prp-prose{margin-top:.1em}
.prp-mechanism{margin:42px 0 25px;padding:20px clamp(15px,2.3vw,38px) 30px;background:linear-gradient(120deg,#eeede4,#f2ede3);border-block:1px solid var(--prp-line)}
.prp-mechanism figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding-bottom:13px;border-bottom:1px solid #cbc3b2;color:#686957;font-size:.75rem}
.prp-chapter .prp-plate-label{font:500 .655rem/1.6 var(--sans);letter-spacing:.135em;color:var(--prp-gold)}
.prp-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none}
.prp-stages li{position:relative;min-width:0;padding:0 clamp(12px,1.8vw,30px)}
.prp-stages li+li:before{content:'→';position:absolute;left:0;top:35%;transform:translateX(-50%);font:300 1.45rem/1 var(--serif);color:#9b8562}
.prp-stage-image img{display:block;width:100%;height:auto;max-height:195px;object-fit:contain}
.prp-stage-copy h3,.prp-field h3{font:400 clamp(1.17rem,1.6vw,1.52rem)/1.55 var(--kr-serif);color:var(--prp-ink);letter-spacing:-.04em;margin:8px 0}
.prp-stage-copy>p:last-child,.prp-field>div>p:not(.prp-plate-label){font-size:.875rem;line-height:1.85;color:var(--prp-body)}
.prp-factor-detail{max-width:980px;margin:38px auto 0;border-block:1px solid var(--prp-line)}
.prp-factor-detail summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:17px 2px;font-size:.875rem;color:#635a47;list-style:none}
.prp-factor-detail summary::-webkit-details-marker{display:none}.prp-factor-detail .plus{position:relative;flex:none;width:16px;height:16px}.prp-factor-detail .plus:before,.prp-factor-detail .plus:after{background-color:#86795f}.prp-factor-detail[open] .plus:after{transform:rotate(0)}
.prp-factor-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.prp-factor-list .method-row{display:block;padding:16px 0;border-color:#d3ccbf}.prp-factor-list .method-row>span{display:none}
.prp-factor-list .method-row h3{font-size:1.05rem;margin:6px 0;color:#413d31}.prp-factor-list .method-row p{margin:0;color:#595e50;font-size:.85rem;line-height:1.8}
.prp-factor-list .method-row .prp-factor-name{font:500 .73rem/1.5 var(--sans);color:#7d6747;letter-spacing:.06em}
.prp-factor-detail .prp-evidence-note{margin:0 0 20px}
.prp-chapter.prp-research{background:#eee8dd}
.prp-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.75vw,28px)}
.prp-field{display:flex;flex-direction:column;min-width:0}
.prp-field figure{margin:0;background:linear-gradient(145deg,#f7f4eb,#e5dece);border:1px solid #cfc0a94f}
.prp-field figure img{display:block;width:100%;height:auto}
.prp-field>div{padding:19px 2px 8px;flex:1;display:flex;align-items:start;flex-direction:column}
.prp-field h3{margin:8px 0}.prp-field .prp-study-link{display:inline-flex;align-items:center;align-self:flex-start;justify-content:flex-start;gap:.28em;flex-wrap:nowrap;flex-shrink:0;width:max-content;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;font-size:.78rem;line-height:1.4;min-height:40px;margin-top:auto;padding:10px 0 5px;border:0;color:#6c5c43;text-decoration:none}
.prp-field .prp-study-label{flex:none;white-space:nowrap;text-decoration:underline;text-underline-offset:.24em;text-decoration-thickness:1px}
.prp-field .prp-study-arrow{display:block;flex:none;width:.95em;height:.95em}
.prp-evidence-note{font-size:.8rem;line-height:1.95;color:#666852;margin:25px 0 0}
.prp-chapter.prp-philosophy{background:#293128;color:#efe9d9}
.prp-philosophy .prp-eyeline{color:#d1ba92}.prp-philosophy .prp-chapter-no:after{background:#b39a71}
.prp-philosophy-grid{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.14fr);grid-template-areas:'portrait heading' 'portrait body';gap:0 clamp(40px,7.5vw,118px)}
.prp-philosophy-heading{grid-area:heading;align-self:end}.prp-philosophy-heading .prp-story-title{color:#f4eddd;margin:28px 0 29px}
.prp-philosophy-body{grid-area:body;align-self:start}.prp-philosophy-body .prp-prose{color:#e0dfd2}
.prp-tenure{font-weight:500;color:#f4d6a5}
.prp-director{grid-area:portrait;margin:0;align-self:center;min-width:0}
.prp-director img{display:block;width:100%;height:auto;aspect-ratio:1/1.05;max-height:510px;object-fit:cover;object-position:50% 45%;background:#dedacb;filter:grayscale(1)}
.prp-director figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;color:#e3d6bd;font:400 .91rem/1.8 var(--kr-serif)}
.prp-director figcaption a{font:400 .75rem/1.4 var(--sans);color:#deceb0;border-color:#99886d}.prp-director figcaption a:hover{color:#fff4dc}
.prp-signature-line{padding-top:26px;margin:30px 0 0;border-top:1px solid #a791685c}
.prp-signature-line strong{display:block;color:#f5dbab;font:500 clamp(1.45rem,2.25vw,2.24rem)/1.7 var(--kr-serif);letter-spacing:-.04em;text-wrap:balance}
.center-prp #overview,.center-prp #process,.center-prp #questions{background:#f5f2eb}
.center-prp .center-section-nav>div{flex-wrap:wrap}
.prp-visit{background:#e8e2d6;color:var(--prp-ink);padding:60px 0}
.prp-visit-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,8vw,110px)}
.prp-visit h2{margin-top:16px}
.prp-visit dl{display:grid;grid-template-columns:max-content 1fr;gap:16px 22px;font-size:.9rem;line-height:1.95;color:#505848}
.prp-visit dt{font-weight:500;color:#554932}.prp-visit dd{margin:0}
.prp-visit-link{margin-top:22px;font-weight:500}
.prp-reading-links a:focus-visible,.prp-visit-link:focus-visible,.prp-director a:focus-visible,.prp-study-link:focus-visible,.prp-factor-detail summary:focus-visible{outline:2px solid #a07b48;outline-offset:4px}
html:lang(ja) .center-prp .prp-story-title{letter-spacing:.005em;word-break:normal;line-break:strict;line-height:1.52}
html:lang(ja) .prp-chapter .prp-prose{letter-spacing:.025em;line-height:1.95}
@media(max-width:1110px) and (min-width:761px){
  .prp-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 34px}
  .prp-field{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:16px;align-items:center}
  .prp-field>div{padding:0}.prp-stage-image img{max-height:160px}
}
@media(max-width:760px){
  .prp-wrap{width:calc(100% - clamp(36px,10vw,62px))}
  .center-prp .prp-chapter{padding:clamp(58px,9vw,76px) 0}
  .prp-philosophy-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:'heading' 'portrait' 'body';gap:0}
  .prp-chapter .prp-eyeline{gap:8px 10px;font-size:.62rem;letter-spacing:.13em}.prp-chapter-no{gap:10px}.prp-chapter-no:after{width:17px}
  .center-prp .prp-story-title{font-size:clamp(1.8rem,5.9vw,2.6rem);line-height:1.48;letter-spacing:-.055em}
  .prp-chapter .prp-prose{font-size:.98rem;line-height:1.95;max-width:none}
  .prp-chapter .prp-opening-pledge{padding-inline-start:14px;margin:0 0 15px}
  .prp-intro-pair{grid-template-columns:minmax(0,1fr);gap:21px;margin:23px 0 28px}
  .prp-mechanism{margin:27px 0 20px;padding:15px 14px 12px}.prp-mechanism figcaption{align-items:center;font-size:.69rem;gap:8px}
  .prp-stages{grid-template-columns:1fr}.prp-stages li{display:grid;grid-template-columns:minmax(90px,.76fr) minmax(0,1.24fr);align-items:center;gap:14px;padding:17px 0}
  .prp-stages li+li{border-top:1px solid #cdc4b2}.prp-stages li+li:before{content:none}
  .prp-stage-copy h3{font-size:1.08rem;margin:5px 0}.prp-stage-copy>p:last-child{font-size:.8125rem;line-height:1.8}
  .prp-factor-detail{margin:25px 0 0}
  .prp-factor-list{grid-template-columns:1fr;gap:0}.prp-factor-list .method-row{padding:15px 0}.prp-factor-list .method-row>div{min-width:0}
  .prp-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}
  .prp-field>div{padding:13px 0 0}.prp-field .prp-study-link{padding-top:10px}.prp-field h3{font-size:1.16rem}
  .prp-evidence-note{font-size:.76rem;margin-top:22px}
  .prp-philosophy-heading .prp-story-title{margin:22px 0 26px}
  .prp-director img{aspect-ratio:1.55;max-height:330px;object-position:50% 39%}
  .prp-director figcaption{margin-top:6px}.prp-philosophy-body{margin-top:23px}
  .prp-signature-line{padding-top:20px;margin-top:23px}.prp-signature-line strong{font-size:clamp(1.34rem,5.1vw,1.8rem)}
  .prp-visit{padding:44px 0}.prp-visit-grid{grid-template-columns:minmax(0,1fr);gap:24px}.prp-visit dl{gap:10px 15px}
}
@media(max-width:500px){
  .prp-fields{grid-template-columns:minmax(0,1fr);gap:0}
  .prp-field{display:grid;grid-template-columns:minmax(88px,.82fr) minmax(0,1.18fr);align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #cbbda8}
  .prp-field>div{padding:0}.prp-field figure img{aspect-ratio:1.15;object-fit:contain}
  .prp-field>div>p:not(.prp-plate-label){font-size:.82rem}.prp-field h3{margin:4px 0}
  .prp-chapter .prp-plate-label{font-size:.6rem;letter-spacing:.09em}
  .prp-visit dl{display:block}.prp-visit dd+dt{margin-top:14px}
}
@media print{.center-prp .prp-chapter{padding:24px 0}.center-prp .prp-hero{padding-top:16px}.prp-reading-links,.prp-study-link{display:none}.prp-art,.prp-field,.prp-stages li{break-inside:avoid}.prp-philosophy-heading .prp-story-title,.prp-philosophy-body .prp-prose,.prp-signature-line strong{color:#343a30}}
.prp-applications{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.prp-application{background:#f5f2eb;border:1px solid #b6a58966;scroll-margin-top:170px}
.prp-application-top{padding:34px 36px 0}
.prp-application .eyebrow{font-size:.6875rem;color:#89704d;letter-spacing:.16em}
.prp-application h3{font:400 clamp(1.6rem,2.3vw,2rem)/1.5 var(--kr-serif);letter-spacing:-.035em;margin:17px 0 10px;color:#303b2c}
.prp-application-subtitle{font-size:.9375rem;line-height:1.9;color:#69715e}
.prp-diagram{margin:16px 26px 0;color:#8e7854;border-bottom:1px solid #b6a58944;position:relative;padding-bottom:25px}
.prp-diagram svg{display:block;width:100%;height:auto;max-height:220px}
.prp-diagram>span{display:block;text-align:center;font-size:.625rem;color:#8b8678;letter-spacing:.04em}
.prp-application-copy{padding:30px 36px 35px;color:#626b59;font-weight:300;font-size:.9375rem;line-height:2.05}
.prp-application-prose p+p{margin-top:16px}
.prp-application-subtitle strong,.prp-application-prose strong{font-weight:500;color:#47523f}
.prp-purpose-title{margin:27px 0 0;color:#47523f;font:500 .875rem/1.65 var(--sans)}
.prp-overview-copy{color:#6a7163;font-weight:300;line-height:2.1}
.prp-overview-copy p+p{margin-top:18px}
.prp-application-copy ul{list-style:none;margin:25px 0 22px;padding:0;display:grid;gap:9px}
.prp-application-copy .prp-purpose-title+ul{margin-top:13px}
.prp-application-copy li{display:flex;gap:12px;align-items:baseline;font-size:.8125rem;color:#47523f;font-weight:400}
.prp-application-copy li:before{content:'+';color:#9d8153}
.prp-application-copy .prp-small-note{font-size:.75rem;line-height:1.95;color:#797c6e;border-top:1px solid #b6a58944;padding-top:18px}
.prp-aftercare{margin-top:60px;padding:42px;background:#e5e5db;display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}
.prp-aftercare .eyebrow{font-size:.625rem;letter-spacing:.15em;color:#8a744e;margin-bottom:15px}
.prp-aftercare h2{font-size:1.7rem;color:#3a4432}
.prp-care-list{display:grid;gap:23px}
.prp-care-list article+article{padding-top:23px;border-top:1px solid #69765a33}
.prp-care-list h3{font-size:.9375rem;font-weight:500;margin-bottom:9px;color:#46513b}
.prp-care-list p{font-size:.875rem;line-height:2;color:#636d58;font-weight:300}
.prp-care-list p+p{margin-top:12px}
.prp-care-list .prp-care-alert{padding:20px 22px;border:1px solid #a18b6644;border-left:2px solid #a18b66;background:#f1eee5}
.prp-care-list .prp-care-alert h3,.prp-care-list .prp-care-alert p{color:#72604b}
.prp-research-links{display:flex;flex-direction:column;gap:10px;padding:0 0 26px}
.prp-research-links a{font-size:.75rem;line-height:1.8;color:#79613d;text-decoration:underline;text-underline-offset:5px}
.center-prp .related-centers{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:960px){.prp-application-top{padding:27px 25px 0}.prp-application-copy{padding:25px}.prp-aftercare{gap:30px;padding:30px}}
@media(max-width:700px){
  .prp-overview-copy{font-size:.9375rem;line-height:2}
  .prp-guide-page .care-steps{grid-template-columns:minmax(0,1fr)}
  .prp-guide-page .care-steps li,.prp-guide-page .care-steps li+li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px 15px;padding:24px 0;border-left:0;border-top:0}
  .prp-guide-page .care-steps li+li{border-top:1px solid #858f713d}
  .prp-guide-page .care-steps .step-number{grid-row:1/3;margin:2px 0 0;font-size:2rem}
  .prp-guide-page .care-steps h3{margin:0}
  .prp-guide-page .care-steps p{grid-column:2;margin:0}
  .prp-applications{grid-template-columns:1fr;gap:25px}.prp-application{scroll-margin-top:145px}
  .prp-application-top{padding:26px 24px 0}.prp-application-copy{padding:25px 24px}
  .prp-application h3{font-size:1.7rem}.prp-diagram{margin:10px 18px 0}
  .prp-aftercare{grid-template-columns:1fr;gap:28px;margin-top:35px;padding:28px 23px}.prp-aftercare h2{font-size:1.5rem}
  .prp-care-list{gap:20px}.prp-care-list p{font-size:.875rem}
  .center-prp .center-section-nav a{white-space:normal;font-size:.625rem}
  .center-prp .related-centers{grid-template-columns:1fr}
  .center-prp .related-centers>a+a{padding:22px 40px 11px 0;border-left:0;border-top:1px solid #c6ba9c2b;margin-top:15px}
  .center-prp .related-arrow,.center-prp .related-centers>a+a .related-arrow{right:0}
}

.prp-director figcaption small{display:block;margin-bottom:3px;font:400 .69rem/1.6 var(--sans);color:#c8c6b7}.prp-director figcaption a{flex:none}
.prp-factor-detail .prp-study-link{margin-inline-start:.7em;font-size:.75rem;padding:2px 0}
@media(max-width:760px){html:lang(ja) .center-prp .center-section-nav a{min-width:0;white-space:normal;line-height:1.65;letter-spacing:0;overflow-wrap:anywhere}}
@media(max-width:340px){.center-prp .site-header,.center-prp .site-header.scrolled{padding-inline:12px;gap:4px}}

/* Original PRP entrance: champagne line drawing on deep olive, in the center-page grid. */
.center-prp .prp-hero{background:#1c231b}
.center-prp .prp-vial-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:'heading art' 'intro art';column-gap:7%;row-gap:0}
.prp-vial-heading{grid-area:heading;align-self:end;padding:0}.prp-vial-intro{grid-area:intro;align-self:start;min-width:0}
.center-prp .prp-vial-heading h1{font-size:clamp(2.75rem,4.45vw,4.45rem);letter-spacing:-.045em;margin:20px 0}
.center-prp .prp-vial-heading .center-thought{font:300 clamp(1.5rem,2.25vw,2.18rem)/1.6 var(--kr-serif);letter-spacing:-.04em;margin:0}
.center-prp .prp-vial-intro .center-description{max-width:31em;text-wrap:pretty;margin-bottom:clamp(18px,1.65vw,26px)}
.center-prp .prp-vial-intro .center-description:last-child{margin-bottom:0}
.prp-art{grid-area:art;position:relative;place-self:center end;width:100%;max-width:540px;aspect-ratio:1.04;min-width:0;margin:0;overflow:hidden;background:radial-gradient(ellipse at 50% 46%,#75815b24,transparent 68%);border:1px solid #b5a37c38}
.prp-art img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain}
.prp-art-label{position:absolute;left:27px;top:25px;z-index:1;font:400 .625rem/1.6 var(--sans);letter-spacing:.2em;color:#c6b695}
.prp-art figcaption{position:absolute;bottom:27px;left:30px;right:20px;display:grid;gap:8px;color:#dac7a2}
.prp-art figcaption>span{font:400 .625rem/1.6 var(--sans);letter-spacing:.2em;color:#b4bca7}
.prp-art figcaption em{font:300 italic clamp(1.7rem,2.4vw,2.4rem)/1.1 var(--serif);color:#d6c5a3}
.center-prp .prp-opening{background:#f5f0e7}
.prp-opening .prp-intro-pair{margin-bottom:0}

/* A single entrance to the clinical guide, beside the story rather than a booking CTA. */
.prp-guide-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:50px;max-width:100%;padding:12px 22px;border:1px solid #aa936d;color:#e7d6b5;font:500 .88rem/1.65 var(--sans);text-decoration:none;white-space:nowrap;transition:background .18s,color .18s,border-color .18s}
.prp-guide-button svg,.prp-tile-caption svg{display:block;flex:none}
.prp-guide-button:hover{background:#d4c29f;border-color:#d4c29f;color:#252b20}
/* A matched pair of actions, without decorative rules around the controls. */
.prp-hero-actions{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;align-items:center;gap:5px;inline-size:min(100%,28rem);min-inline-size:0}
.prp-primary-actions{grid-area:1/1;display:flex;align-items:center;gap:clamp(20px,2.2vw,30px);min-inline-size:0}
.prp-hero-actions .prp-guide-button{flex:none;min-inline-size:6.85rem;min-height:50px;gap:14px;padding:2px 0;border:0;border-radius:2px;background:transparent;color:#ecdfc5;font-size:.95rem;line-height:1.5;letter-spacing:.02em}
.prp-hero-actions .prp-guide-button svg{box-sizing:border-box;width:38px;height:38px;padding:9px;border:1px solid #ab946b;border-radius:50%;color:#dfc79a;transition:color .18s,background .18s,border-color .18s}
.prp-hero-actions .prp-principle-button svg{transform:rotate(90deg)}
.prp-hero-actions .prp-guide-button:is(:hover,:focus-visible){background:transparent;color:#fff2d9}
.prp-hero-actions .prp-guide-button:is(:hover,:focus-visible) svg{background:#ddc79e;border-color:#ddc79e;color:#283023}
.prp-hero-actions .center-button{grid-area:2/1;justify-self:start;min-height:44px;border-color:transparent;border-bottom-color:#8e927b;padding:6px 0;gap:12px;color:#d4cfba}
.prp-hero-actions .center-button:hover{color:#fff7de;background:transparent}
.prp-guide-kicker,.prp-tile-code{font:500 .67rem/1.6 var(--sans);letter-spacing:.18em;color:#7c6541}
.prp-guide-kicker{display:flex;gap:13px;align-items:center}
.prp-guide-kicker:before{content:"";width:30px;height:1px;background:#a58a62}
.prp-guide-bridge{background:#eee8dc;color:#35402f;padding:clamp(44px,5.2vw,79px) 0}
.prp-guide-bridge>.prp-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}
.prp-guide-bridge h2{font-size:clamp(1.6rem,2.65vw,2.55rem);margin:12px 0 7px}
.prp-guide-bridge h2+p{font-size:.95rem;line-height:1.9;color:#59614f}
.prp-guide-bridge .prp-guide-button{flex:none;background:#303b2a;color:#f4ecd9;border-color:#303b2a}
.prp-guide-bridge .prp-guide-button:hover{background:#46533e;border-color:#46533e}
.prp-guide-cover{padding:clamp(120px,10.2vw,160px) 0 clamp(36px,5.3vw,86px);background:#f3efe5;color:#303a2b;border-bottom:1px solid #c7b99e}
.prp-guide-cover .breadcrumbs{color:#646954}.prp-guide-cover .breadcrumbs a{color:#655b43}
.prp-guide-cover .breadcrumbs a:hover{text-decoration:underline;text-underline-offset:.3em}
.prp-guide-cover-grid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1fr);gap:clamp(46px,7vw,125px);align-items:center;margin-top:clamp(32px,3.7vw,60px)}
.prp-guide-titleblock h1{font:400 clamp(2.8rem,4.6vw,4.75rem)/1.24 var(--kr-serif);letter-spacing:-.065em;margin:19px 0 28px;word-break:keep-all}
.prp-guide-lede{font:400 clamp(1.12rem,1.65vw,1.58rem)/1.65 var(--kr-serif);letter-spacing:-.035em;color:#48513d}
.prp-guide-deck{font:400 .96rem/1.95 var(--sans);color:#5e6356;max-width:27em;margin-top:13px;text-wrap:pretty}
.prp-guide-plates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#f9f6ee;border-block:1px solid #baaa8d}
.prp-guide-tile{min-width:0;display:flex;flex-direction:column;padding:clamp(15px,1.6vw,26px);color:#3f4835;text-decoration:none;transition:background .18s}
.prp-guide-tile+.prp-guide-tile{border-left:1px solid #cec4b1}.prp-guide-tile:hover,.prp-guide-tile:focus-visible{background:#eae4d7}
.prp-guide-tile img{width:100%;height:auto;aspect-ratio:1.46;object-fit:contain;margin:9px 0}
.prp-tile-caption{display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid #cec3ae;padding-top:12px;font:400 clamp(1.08rem,1.52vw,1.47rem)/1.5 var(--kr-serif);letter-spacing:-.025em}
.prp-tile-caption svg{width:17px;color:#816b48}
.prp-guide-return{background:#f5f2eb;color:#5d5948;padding:0 0 45px}
.prp-guide-return a{display:inline-flex;align-items:center;gap:12px;min-height:44px;border-bottom:1px solid #ab9a7e;font-size:.86rem}
.prp-guide-page .desktop-nav a[aria-current="location"]:after{right:0}
.prp-guide-page :is(#skin,#scalp,#overview,#process,#aftercare,#visit-guide,#questions){scroll-margin-top:9px}
.prp-guide-button:focus-visible,.prp-guide-tile:focus-visible,.prp-guide-return a:focus-visible{outline:2px solid #977647;outline-offset:4px}
.prp-hero-actions a:focus-visible{outline:2px solid #e7d6b5;outline-offset:4px}
html:lang(ja) .prp-guide-titleblock h1,html:lang(ja) .prp-guide-lede{letter-spacing:0}
@media(max-width:760px){
  .prp-guide-cover{padding:100px 0 34px}.prp-guide-cover .breadcrumbs{gap:10px;flex-wrap:wrap}
  .prp-guide-cover-grid{grid-template-columns:minmax(0,1fr);gap:26px;margin-top:23px}
  .prp-guide-titleblock h1{font-size:clamp(2.4rem,8vw,3.35rem);margin:12px 0 17px}
  .prp-guide-deck{margin-top:7px;font-size:.92rem}.prp-guide-lede{font-size:1.12rem}
  .prp-guide-plates{max-width:550px;width:100%}.prp-guide-tile{padding:13px clamp(10px,3.5vw,21px)}
  .prp-guide-tile img{max-height:145px;margin:3px 0}.prp-tile-caption{padding-top:9px}
  .prp-guide-button{min-height:46px;padding:10px 17px;gap:24px}
  .prp-guide-bridge>.prp-wrap{align-items:start;flex-direction:column;gap:19px}
}
@media(max-width:420px){.prp-guide-page .center-section-nav a{font-size:.7rem}.prp-guide-kicker,.prp-tile-code{font-size:.6rem}.prp-tile-caption svg{width:14px}}
@media print{.prp-guide-bridge,.prp-guide-button,.prp-guide-return{display:none}.prp-guide-cover{padding:16px 0}.prp-guide-plates{max-width:420px}}
@media(max-width:700px){
  .center-prp .prp-vial-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:'heading' 'intro' 'art';gap:21px;padding-top:22px}
  .center-prp .prp-vial-heading h1{font-size:clamp(2.45rem,9vw,3.2rem);line-height:1.28;margin:16px 0}
  .center-prp .prp-vial-heading .center-thought{font-size:clamp(1.32rem,5.5vw,1.65rem);line-height:1.55}
  .prp-art{place-self:start;max-width:none;aspect-ratio:1.27;min-height:232px;max-height:332px}
  .prp-art img{height:89%}.prp-art-label{left:19px;top:15px;font-size:.58rem;letter-spacing:.15em}
  .prp-art figcaption{bottom:16px;left:19px;gap:4px}.prp-art figcaption>span{font-size:.56rem}.prp-art figcaption em{font-size:1.55rem}
  .center-prp .prp-vial-intro .center-description{margin:0 0 clamp(12px,3.8vw,18px);text-wrap:balance}
  /* Align the actions with the copy above on narrow screens as well. */
  .prp-hero-actions{gap:0;inline-size:min(100%,19rem);margin-inline:0}
  .prp-primary-actions{justify-self:start;gap:18px}
  .prp-hero-actions .prp-guide-button{min-inline-size:6.5rem;min-height:48px;gap:12px}
  .prp-hero-actions .prp-guide-button svg{width:35px;height:35px;padding:8px}
  .prp-hero-actions .center-button{justify-self:start;min-height:44px;padding:4px 0;gap:9px}
}
