:root{--j-primary:#a82f3c;--j-primary-hover:#862331;--j-primary-light:#fff0f1;--j-primary-rgb:168,47,60}
.j1-preintro-layout>main{align-items:stretch}
.j1-preintro-layout .j1-intro-info-panel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px}
.j1-preintro-layout .j1-intro-info-panel>div{height:100%;min-height:0;display:grid!important;grid-template-rows:repeat(4,minmax(0,1fr));align-content:stretch;gap:8px!important}
.j1-preintro-layout .j-service-step{height:100%;min-height:0;grid-template-columns:35px minmax(0,1fr);align-items:center;padding:6px 4px 6px 0}
.j1-preintro-layout .j-service-step>i{display:none}
.j1-preintro-layout .j-service-copy{padding:8px 10px}
.j1-preintro-layout .j-service-copy b{font-size:clamp(14px,1vw,17px)}
.j1-preintro-layout .j-service-copy small{margin-top:5px;font-size:clamp(12px,.9vw,15px);line-height:1.5;white-space:normal;overflow:visible;text-overflow:clip}
.j1-preintro-layout .j-pre-card{height:100%;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:9px 12px}
.j1-preintro-layout .j-pre-card b{font-size:clamp(13px,.95vw,16px)}
.j1-preintro-layout .j-pre-card small{font-size:clamp(11px,.8vw,13px);line-height:1.4;white-space:normal;overflow:visible;text-overflow:clip}
.j1-preintro-layout .j-pre-card span{font-size:11px}
.j1-preintro-layout .j-pre-visual{grid-template-rows:minmax(0,1fr) auto}
.j1-preintro-layout .j-pre-visual h3{margin:9px 0 0;font-size:clamp(16px,1.2vw,20px)}
@media(max-width:760px){.j1-preintro-layout{position:fixed;inset:0;min-height:100dvh;height:auto;grid-template-rows:auto auto auto;align-content:start;overflow-y:auto}.j1-preintro-layout>main{grid-template-columns:1fr;min-height:0}.j1-preintro-layout .j1-intro-info-panel>div{grid-template-rows:none;grid-auto-rows:minmax(94px,auto)}.j1-preintro-layout .j-pre-visual{min-height:48dvh}}
.j1-panel{height:100%;min-height:0;padding:24px;box-sizing:border-box;display:grid;place-items:center;background:linear-gradient(135deg,#f8e8e7,#fdfaf8 52%,#e8eef2);overflow:auto}.j1-card{width:min(900px,100%);max-height:100%;box-sizing:border-box;overflow:auto;padding:24px;border:1px solid #ead8d5;border-radius:18px;background:#fffffff2;box-shadow:0 18px 45px #6b30301c;color:#4a3031}.j1-card header{margin-bottom:18px}.j1-card header small{color:#a82f3c;font-weight:800;letter-spacing:.06em}.j1-card h2{margin:6px 0;font-size:clamp(22px,2.2vw,32px);color:#762936}.j1-card header p{margin:0;color:#6d5b5c;line-height:1.65;font-size:16px}.j1-choice-grid,.j1-observe-grid,.j1-environment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.j1-choice,.j1-observe-point,.j1-environment-point{padding:14px 16px;border:1px solid #dfc6c5;border-radius:10px;background:#fffaf9;color:#513b3c;text-align:left;cursor:pointer;font:inherit;line-height:1.45}.j1-choice.selected,.j1-observe-point.found,.j1-environment-point.done{border-color:#a82f3c;background:#fff0f1;color:#812532}.j1-feedback{min-height:24px;margin:16px 0;color:#775b5c;line-height:1.55}.j1-card footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:12px;border-top:1px solid #ecdedd;color:#806d6d;font-size:14px}.j1-dialogue{padding:28px;border-radius:16px;background:#fff4f2;border-left:5px solid #a82f3c}.j1-dialogue b{color:#8c2936}.j1-dialogue p{font-size:20px;line-height:1.8;margin:12px 0 22px}.j1-rice-list{display:grid;gap:10px}.j1-rice-action{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #dfc6c5;border-radius:11px;background:#fff;color:#513b3c;text-align:left;cursor:pointer;font:inherit}.j1-rice-action span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f2d9d8;color:#8a2935;font-weight:800}.j1-rice-action.done{border-color:#47926b;background:#eef9f2}.j1-rice-action.done span{background:#47926b;color:#fff}.j1-environment-point{min-height:86px}.j1-record-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.j1-record-form label{display:grid;gap:6px;color:#654d4e;font-weight:700}.j1-record-form textarea{resize:vertical;min-height:72px;padding:10px;border:1px solid #dfc6c5;border-radius:8px;font:inherit;line-height:1.5;color:#493637}.j1-tech-card,.j1-overall-card{padding:22px;border-radius:14px;background:#fff4f2;border:1px solid #ecd2d0;line-height:1.7}.j1-tech-card h3{margin-top:0;color:#8c2936}.j1-overall-card strong{display:block;margin-top:18px;font-size:24px;color:#a82f3c}@media(max-width:700px){.j1-panel{padding:12px}.j1-card{padding:16px}.j1-choice-grid,.j1-observe-grid,.j1-environment-grid,.j1-record-form{grid-template-columns:1fr}.j1-dialogue p{font-size:17px}.j1-card footer{align-items:stretch;flex-direction:column}.j1-card footer button{width:100%}}@media(max-height:800px) and (min-width:701px){.j1-panel{padding:12px}.j1-card{padding:16px}.j1-card header{margin-bottom:10px}.j1-choice,.j1-observe-point,.j1-environment-point{padding:10px}.j1-dialogue{padding:18px}}