/* 조절 수용체 의학 페이지 · 세 가지 축 찾기 */
.ax-finder{--ax-metabolic:#2f7f89;--ax-neural:#b07a55;--ax-immune:#5f8a6a}
.ax-finder h2{margin:0 0 14px}
.ax-lead{margin:0 0 26px;font-size:18px;color:#625c57}
.ax-picks{display:flex;flex-wrap:wrap;gap:10px}
.ax-pick{padding:10px 18px;border:1.5px solid rgba(39,83,94,.28);border-radius:999px;background:#fff;color:#2d2a28;font:inherit;font-size:15px;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .15s}
.ax-pick:hover{transform:translateY(-1px);border-color:#27535e}
.ax-pick:focus-visible{outline:3px solid #d4a98a;outline-offset:2px}
.ax-pick[data-axis="metabolic"][aria-pressed="true"]{background:var(--ax-metabolic);border-color:var(--ax-metabolic);color:#fff}
.ax-pick[data-axis="neural"][aria-pressed="true"]{background:var(--ax-neural);border-color:var(--ax-neural);color:#fff}
.ax-pick[data-axis="immune"][aria-pressed="true"]{background:var(--ax-immune);border-color:var(--ax-immune);color:#fff}
.ax-result{min-height:30px;margin:22px 0 0;font-size:17px;font-weight:700;color:#27535e}
.ax-reset{margin:6px 0 0;padding:6px 0;border:0;background:none;color:#8c5a3d;font:inherit;font-size:14px;text-decoration:underline;cursor:pointer}
.ax-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.ax-card{scroll-margin-top:90px;position:relative;padding:34px 28px 30px;background:#fff;border:1px solid rgba(39,83,94,.16);border-top:6px solid var(--ax-color);border-radius:12px;transition:opacity .25s,transform .25s,box-shadow .25s,border-color .25s}
.ax-card[data-axis="metabolic"]{--ax-color:var(--ax-metabolic)}
.ax-card[data-axis="neural"]{--ax-color:var(--ax-neural)}
.ax-card[data-axis="immune"]{--ax-color:var(--ax-immune)}
.ax-no{display:block;margin-bottom:10px;font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--ax-color)}
.ax-card h3{margin:0 0 6px;font-size:23px;font-weight:700;color:#2d2a28}
.ax-sub{margin:0 0 16px;font-size:16px;font-weight:700;color:var(--ax-color)}
.ax-desc{margin:0 0 22px;font-size:15.5px;line-height:1.75;color:#4a4540}
.ax-card h4{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.06em;color:#8c5a3d}
.ax-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none}
.ax-tags a,.ax-tags span{display:inline-block;padding:6px 13px;border-radius:999px;background:#faf6f1;border:1px solid rgba(39,83,94,.16);font-size:14px;color:#2d2a28}
.ax-tags a{border-color:var(--ax-color)}
.ax-tags a:hover{background:var(--ax-color);color:#fff}
.ax-test{margin:0;font-size:14.5px;line-height:1.7;color:#4a4540}
.ax-finder.has-pick .ax-card{opacity:.4;transform:scale(.985)}
.ax-finder.has-pick .ax-card.is-on{opacity:1;transform:none;box-shadow:0 14px 34px rgba(23,54,61,.16);border-color:var(--ax-color)}
.ax-note{margin:30px 0 0;font-size:15px;line-height:1.8;color:#625c57}
@media(max-width:980px){.ax-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ax-card,.ax-pick{transition:none}}

/* ===== 철학 페이지 재구성 (pp-) ===== */
.pp-sec{padding:104px 0}
.pp-paper{background:#faf6f1}
.pp-white{background:#fff}
.pp-sec h2{margin:0 0 18px;max-width:860px;font-size:clamp(28px,3vw,42px);font-weight:700;line-height:1.32;color:#1f444d}
.pp-eyebrow{margin:0 0 16px;font-size:12px;font-weight:800;letter-spacing:.16em;color:#8c5a3d}
.pp-lead{max-width:760px;margin:0 0 38px;font-size:18px;line-height:1.75;color:#625c57}
.pp-p{margin:0 0 14px;font-size:17px;line-height:1.8;color:#3d3833}
.pp-accent{margin:34px 0 0;padding:20px 26px;border-left:5px solid #d4a98a;background:#fff;font-size:19px;font-weight:700;line-height:1.6;color:#1f444d}
.pp-paper .pp-accent{background:#fff}
.pp-white .pp-accent{background:#faf6f1}
.pp-note{margin:26px 0 0;font-size:13.5px;color:#7a746e}
.pp-two{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}

.pp-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.pp-trio>article{padding:30px 26px;background:#fff;border:1px solid rgba(39,83,94,.16);border-radius:12px}
.pp-trio>article>i{display:inline-grid;place-items:center;width:38px;height:38px;margin-bottom:16px;border-radius:50%;background:#27535e;color:#fff;font-style:normal;font-size:15px;font-weight:800}
.pp-trio>article>p{margin:0;font-size:18px;font-weight:700;line-height:1.6;color:#2d2a28}
.pp-principles>article{border-top:5px solid #2f7f89}
.pp-principles>article>i{width:auto;height:auto;margin-bottom:12px;border-radius:0;background:none;color:#8c5a3d;font-size:13px;letter-spacing:.14em}
.pp-principles h3{margin:0 0 12px;font-size:22px;font-weight:700;color:#1f444d}
.pp-principles>article>p{font-size:16px;font-weight:400;color:#4a4540;line-height:1.8}

.pp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pp-steps li{position:relative;padding:26px 24px;background:#faf6f1;border:1px solid rgba(39,83,94,.14);border-radius:12px}
.pp-steps li>i{display:block;margin-bottom:8px;font-style:normal;font-size:12px;font-weight:800;letter-spacing:.14em;color:#8c5a3d}
.pp-steps h3{margin:0 0 8px;font-size:21px;font-weight:700;color:#1f444d}
.pp-steps p{margin:0 0 12px;font-size:16px;line-height:1.7;color:#3d3833}
.pp-steps small{display:inline-block;padding:3px 11px;border-radius:999px;background:#27535e;color:#fff;font-size:12px;font-weight:700}

.pp-herbs h3{margin:0 0 14px;font-size:18px;font-weight:700;color:#1f444d}
.pp-h{margin-bottom:12px;padding:20px 22px;background:#fff;border:1px solid rgba(39,83,94,.16);border-left:6px solid var(--c);border-radius:10px}
.pp-h-metabolic{--c:#2f7f89}.pp-h-neural{--c:#b07a55}.pp-h-immune{--c:#5f8a6a}
.pp-h b{margin-right:8px;font-size:18px;color:var(--c)}
.pp-h span{font-size:14px;color:#7a746e}
.pp-h p{margin:8px 0 0;font-size:15.5px;line-height:1.7;color:#2d2a28}

.pp-evidence{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pp-ev{padding:30px;background:#faf6f1;border:1px solid rgba(39,83,94,.16);border-radius:12px}
.pp-ev header{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin-bottom:12px}
.pp-ev header span{padding:5px 12px;border-radius:999px;background:#fff;border:1px solid rgba(39,83,94,.16);font-size:13px;font-weight:700;color:#8c5a3d}
.pp-ev header b{font-size:22px;color:#27535e}
.pp-ev-desc{margin:0 0 12px;font-size:15.5px;line-height:1.75;color:#3d3833}
.pp-herbs-line{margin:0 0 16px;font-size:14px;color:#7a746e}
.pp-ev ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pp-ev li a{display:block;padding:12px 14px;background:#fff;border-radius:8px;font-size:15px;line-height:1.5;color:#2d2a28}
.pp-ev li a:hover{background:#f1e8dd}
.pp-ev li small{display:block;margin-top:3px;font-size:12px;color:#7a746e}
.pp-todo{padding:12px 14px;border:1px dashed rgba(39,83,94,.35);border-radius:8px;font-size:14px;color:#7f979c}

.pp-combo>article{display:flex;flex-direction:column}
.pp-combo small{display:block;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.08em;color:#8c5a3d}
.pp-combo h3{margin:0 0 10px;font-size:24px;font-weight:700;color:#1f444d}
.pp-combo>article>p{margin:0 0 16px;font-size:16px;line-height:1.75;color:#3d3833}
.pp-combo>article>a{margin-top:auto;font-weight:700;font-size:15px;color:#27535e}
.pp-combo .pp-main{background:#27535e;border-color:#27535e}
.pp-combo .pp-main small{color:#d4a98a}
.pp-combo .pp-main h3{color:#fff}
.pp-combo .pp-main>p{color:#dbe6e8}
.pp-combo .pp-main>a{color:#d4a98a}
.pp-devices{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.pp-devices a{padding:6px 13px;border-radius:999px;border:1px solid rgba(39,83,94,.3);background:#faf6f1;font-size:14px;color:#2d2a28}
.pp-devices a:hover{background:#27535e;color:#fff}

.pp-trust{padding:96px 0;background:linear-gradient(135deg,#17363d,#27535e);color:#fff}
.pp-trust h2{margin:0 0 34px;font-size:clamp(28px,3vw,40px);font-weight:700;color:#fff}
.pp-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.2);border-radius:12px;overflow:hidden}
.pp-stats div{padding:26px 18px;text-align:center;border-right:1px solid rgba(255,255,255,.2)}
.pp-stats div:last-child{border-right:0}
.pp-stats strong{display:block;font-size:22px;color:#d4a98a}
.pp-stats span{font-size:14px;color:#c3d2d5}
.pp-quote{margin:34px 0;max-width:720px}
.pp-quote p{margin:0 0 8px;font-size:20px;line-height:1.7;color:#fff}
.pp-quote b{display:block;margin-top:12px;font-size:15px;color:#d4a98a}
.pp-actions{display:flex;flex-wrap:wrap;gap:12px}
.pp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:999px;border:1px solid transparent;font-weight:700;font-size:16px}
.pp-btn-sand{background:#d4a98a;color:#17363d}
.pp-btn-line{border-color:rgba(255,255,255,.55);color:#fff}
.pp-btn:hover{transform:translateY(-2px)}

@media(max-width:980px){
  .pp-two,.pp-evidence,.pp-trio,.pp-steps{grid-template-columns:1fr}
  .pp-stats{grid-template-columns:1fr 1fr}
  .pp-stats div:nth-child(2){border-right:0}
  .pp-stats div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.2)}
}
@media(max-width:680px){
  .pp-sec{padding:72px 0}
  .pp-actions .pp-btn{width:100%}
}
.pp-trio{width:100%;max-width:none;margin-left:0;margin-right:0;padding:0}
.pp-trio>article{margin:0;width:auto;max-width:none}
.pp-sec,.pp-deep{scroll-margin-top:140px}

.pp-stats.pp-stats-3{grid-template-columns:repeat(3,1fr)}
.pp-stats-3 span{display:block;margin-top:8px;line-height:1.65}
@media(max-width:980px){
  .pp-stats.pp-stats-3{grid-template-columns:1fr}
  .pp-stats-3 div:nth-child(n){border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}
  .pp-stats-3 div:last-child{border-bottom:0}
}
