/* IRCP mobile editorial scale and clear, touch-friendly consultant controls. */
/* Hero language aligned with the approved warm editorial reference. */
body{background:#f5f7fc}
.hero-section{background:radial-gradient(ellipse at 9% 28%,#e7edfa 0%,transparent 44%),radial-gradient(ellipse at 94% 5%,#ffeadf 0%,transparent 38%),linear-gradient(145deg,#f7f8fd,#fff9f5)}
.nav-shell{border-radius:999px;box-shadow:0 12px 38px #15223f19;border-color:#fff;background:#ffffffdb}
.nav-cta,.button.primary{background:linear-gradient(115deg,#ff9b11,#f16309);box-shadow:0 12px 26px #f1762480;color:#fff;border-color:#fff}
.nav-cta span{color:#fff}
.hero-copy h1{color:#091734}
.hero-visual:before{content:"";position:absolute;inset:17% 10% 4%;border-radius:42% 58% 46% 54%;background:radial-gradient(circle at 65% 38%,#ffd17e,#ff8d25 60%,#f5681c);filter:blur(15px);opacity:.85}
.hero-character{z-index:2}
.hero-live-card{box-shadow:0 20px 44px #1e2a4d24;border-color:#fff;border-radius:23px}
@media(max-width:760px){.nav-shell,.site-header.scrolled .nav-shell{border-radius:17px}.hero-visual:before{inset:25% 10% 15%}.hero-section{background:radial-gradient(ellipse at 30% 25%,#edf1fc,transparent 55%),linear-gradient(#fff9f5,#f7f9fd)}}
.nav-links{gap:16px}
.journal-section{background:#eef3f8}
.journal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.journal-cards a{display:flex;flex-direction:column;min-height:230px;padding:25px;border:1px solid #dce4ed;border-radius:20px;background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}
.journal-cards a:hover{transform:translateY(-4px);border-color:#efb58d;box-shadow:0 18px 34px #10243f0d}
.journal-cards span{color:#dc661c;font-size:10px;font-weight:730}
.journal-cards h3{font-size:18px;line-height:1.7;margin:15px 0}
.journal-cards b{font-size:11px;color:#a64813;margin-top:auto}
.journal-all{display:inline-block;margin-top:24px;color:#bc5317;font-size:12px;font-weight:750}
@media(max-width:900px){.nav-links{gap:9px}.nav-links a{font-size:10px}}
@media (max-width:760px){
  .journal-cards{grid-template-columns:1fr;gap:9px}
  .journal-cards a{min-height:135px;padding:18px;border-radius:15px}
  .journal-cards h3{font-size:15px;margin:8px 0}
  html{scroll-padding-top:100px}
  .site-header{top:8px}
  .nav-shell,.site-header.scrolled .nav-shell{width:calc(100% - 20px);height:58px;min-height:58px;padding:7px 10px;border-radius:16px;gap:7px;background:#fff;backdrop-filter:none;box-shadow:0 12px 30px #10243f15}
  .brand img{width:69px;height:38px}
  .nav-actions{gap:7px}
  .nav-cta{min-height:38px;padding:8px 11px;gap:7px;font-size:10px;white-space:nowrap}
  .nav-cta span{font-size:13px}
  .menu-button{width:39px;height:39px;flex-basis:39px;border-radius:12px}
  .nav-links{top:68px}
  .level-section .section-heading{margin-bottom:22px}
  .level-controls{padding:21px 19px 23px}
  .interactive-sentence{font-size:15px;line-height:2.45;margin:10px 0 22px;font-weight:480}
  .interactive-sentence select{font-size:15px;font-weight:720;line-height:2;padding:0 4px 2px 17px;background-position:6px 55%,2px 55%;vertical-align:baseline}
  .range-label{font-size:11px;margin:20px 0 9px;align-items:baseline}
  .range-label b{font-size:11px}
  .level-controls input[type=range]{height:6px;margin:0 0 6px}
  .lab-hint{margin:21px 0 17px;align-items:start}
  .lab-hint p{font-size:10px;line-height:1.8}
  .level-controls>.button{font-size:12px;min-height:48px;border-radius:12px}
  .level-display{padding:19px}
  .level-illustration{height:170px}
  .level-illustration img{height:210px;width:168px;bottom:-40px}
  .level-result h3{font-size:19px}
}
@media(max-width:380px){
  .nav-cta{font-size:9px;padding:8px}
  .brand img{width:60px}
  .interactive-sentence,.interactive-sentence select{font-size:14px}
}