.process-tabs{display:flex;gap:12px;margin:28px 0;flex-wrap:wrap}.process-tabs a{border:1px solid #39334e;border-radius:12px;background:#191727;color:#eceaf5;padding:16px 24px;font:inherit;cursor:pointer}.process-tabs a[aria-current="page"]{background:#c5f16b;color:#11151b;border-color:#c5f16b;font-weight:700}.process-tabs a:focus-visible,.process-art a:focus-visible{outline:4px solid #a285ff;outline-offset:4px}.process-panel[hidden]{display:none}.process-art{container-type:inline-size;padding:12px;border:1px solid #49404b;border-radius:24px;background:linear-gradient(135deg,#292332,#635745);box-shadow:0 15px 45px #0004;margin:24px 0}.process-full{position:relative}.process-full>img{display:block;width:100%;height:auto;border-radius:14px}.process-hotspot{position:absolute;border:3px solid transparent;border-radius:14px;transition:box-shadow .15s,border-color .15s}.process-hotspot:hover,.process-hotspot:focus-visible{border-color:#007f93;box-shadow:inset 0 0 0 3px #fff9;background:#007f9309}.process-small{display:none}.process-small img{display:block;width:100%;height:auto}.process-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:12px}.process-card-grid a{display:block;border-radius:16px;overflow:hidden;border:3px solid transparent}.process-card-grid a:hover{border-color:#007f93}.process-small{background:#fffdf4;border-radius:14px;overflow:hidden}.process-small .process-discount{margin:0;padding:16px;color:#08213d;background:#ffd983;font-weight:700;text-align:center;font-size:17px;line-height:1.6}.process-note{color:#b9b8c9;font-size:15px}.process-preparing{padding:36px;border:1px solid #39334e;border-radius:18px;background:#151622}.process-small .process-mobile-title{text-align:center;color:#08213d;padding:12px;margin:0;font-weight:700}.process-small .process-mobile-title small{display:block;font-weight:400;font-size:14px}
@container (max-width:1000px){.process-full{display:none}.process-small{display:block}}
@container (max-width:580px){.process-card-grid{grid-template-columns:1fr;padding:8px;gap:12px}.process-small>img{display:none}}
@media(max-width:600px){.process-tabs{gap:8px}.process-tabs a{flex:1;padding:14px 8px;font-size:15px}.process-art{padding:5px;border-radius:18px}}

.process-mobile-title,.process-small .process-discount{display:none}@container (max-width:580px){.process-small .process-mobile-title,.process-small .process-discount{display:block}}
.process-tabs a{text-decoration:none}.process-tabs a:hover{border-color:#a285ff}.process-subnav{list-style:none;padding:0 0 4px 18px;margin:0}.process-subnav a{font-size:13px}.process-hotspot{cursor:pointer}
/* These styles are loaded only by the diagnosis process pages. */
main.site-page-wrap:has(.process-art){max-width:1800px;width:100%;min-width:0;padding:32px clamp(20px,2.5vw,38px)}
.process-art{box-shadow:none;padding:10px;border-radius:20px}
.process-full{display:none}
.process-small{display:block}
.process-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:20px}
.process-card-grid a{min-width:0;display:flex;align-items:center;background:#fffaf0;border-width:2px;border-radius:14px}
.process-card-grid a img{width:100%;height:100%;object-fit:contain;aspect-ratio:1.28}
@container (max-width:819px){.process-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@container (max-width:479px){.process-card-grid{grid-template-columns:1fr;padding:12px;gap:20px}}
@container (min-width:480px) and (max-width:580px){.process-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}