.x-lab{padding:34px 0 0;width:100%}.x-boundary{font-size:12px!important;line-height:1.7!important;color:#999!important;max-width:850px;margin:14px 0 30px}.x-scenarios{display:grid;grid-template-columns:1fr 1fr 1.3fr;border-block:1px solid #ffffff24;margin-bottom:0}.x-scenario{background:transparent;color:#999;border:0;border-inline-end:1px solid #ffffff18;padding:23px 20px;font-size:15px;line-height:1.5;text-align:start;display:flex;gap:18px;align-items:center;transition:background .2s,color .2s}.x-scenario:last-child{border-inline-end:0}.x-scenario span{font-size:10px;color:#806c48}.x-scenario[aria-selected=true]{background:#d4a24c10;color:white;box-shadow:inset 0 -2px #d4a24c}.x-scenario[aria-selected=true] span{color:#d4a24c}.x-panel{border:1px solid #ffffff24;border-top:0;padding:32px;background:radial-gradient(ellipse at 15% 35%,#d4a24c06,transparent 65%)}.x-panel-top{display:flex;gap:25px;justify-content:space-between;align-items:start;margin-bottom:35px}.x-user{border-inline-start:2px solid #d4a24c;padding-inline-start:20px;max-width:740px}.x-user small{font-size:9px;letter-spacing:1.8px;color:#b38e50}.x-user p{font-size:clamp(19px,2vw,25px)!important;color:white!important;margin:11px 0 0!important;line-height:1.5!important}.x-reset{border:0;background:none;color:#aaa;font-size:11px;padding:8px 0;text-align:start;text-decoration:underline;text-underline-offset:5px}.x-safety{max-width:850px;padding:15px 0 22px}.x-panel h3{font-size:clamp(25px,3vw,38px);font-weight:400;letter-spacing:-.7px;line-height:1.2;margin:18px 0}.x-panel h4{font-size:24px;line-height:1.35;font-weight:400;margin:18px 0}.x-panel h5{font-size:17px;font-weight:500;margin:30px 0 12px}.x-panel p{font-size:15px!important;color:#bbb;line-height:1.8;margin:12px 0}.x-panel p.x-small,.x-small{font-size:12px!important;color:#999;line-height:1.7!important}.x-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:26px}.x-primary{border:1px solid #d4a24c;background:#d4a24c;color:#0a0a0a;font-size:12px;font-weight:600;padding:15px 20px;line-height:1.5;text-align:center}.x-primary:disabled{opacity:.4;cursor:default}.x-warning{border:1px solid #a9987b66;background:transparent;color:#c9bdab;font-size:12px;padding:15px 20px;line-height:1.5}.x-stop{border:1px solid #d4a24c77;background:#d4a24c0b;padding:30px;max-width:900px}.x-map-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:42px;align-items:start}.x-map-column{min-width:0}.x-head-host{height:450px;position:relative;border:1px solid #ffffff16;background:#080808;margin-top:25px;overflow:hidden}.pain-head-canvas:focus-visible{outline:2px solid #d4a24c;outline-offset:-4px}.x-views{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.x-views button{background:none;border:1px solid #ffffff28;color:#aaa;font-size:10px;padding:9px 14px}.x-drag{margin:10px 0 18px!important}.x-regions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:20px 0}.x-region{background:#ffffff03;border:1px solid #ffffff26;color:#aaa;font-size:11px;line-height:1.5;padding:12px 10px;text-align:start;min-width:0}.x-region[aria-pressed=true]{color:#efd6aa;background:#d4a24c12;border-color:#d4a24c}.x-time-column{position:sticky;top:130px;padding:24px;border:1px solid #ffffff20;background:#0b0b0b;min-width:0}.x-placeholder{padding:75px 0;color:#666!important;font-size:19px!important}.x-field-label{display:block;color:#bbb;font-size:12px;line-height:1.6;margin-top:25px}.x-day{display:block;font:inherit;background:#111;color:#eee;border:1px solid #ffffff35;padding:13px;margin-top:9px;max-width:100%;min-width:180px}.x-clock{font-size:54px;font-weight:300;letter-spacing:-2px;display:block;text-align:center;font-variant-numeric:tabular-nums;direction:ltr;margin:30px 0 5px;color:#e1bb7c}.x-clock[hidden]{display:none}.x-ruler{direction:ltr;border-top:1px solid #ffffff20;margin:14px 0 0;padding:20px 0 12px;background:repeating-linear-gradient(90deg,#fff2 0 1px,transparent 1px calc(100% / 48)) top/100% 12px no-repeat}.x-time-range{accent-color:#d4a24c;width:100%;margin:0;height:34px;cursor:ew-resize;touch-action:pan-y}.x-ruler-ticks{display:flex;justify-content:space-between;font-size:9px;font-variant-numeric:tabular-nums;color:#888;gap:3px}.x-ruler-ticks span:last-child{color:#b59050}.x-questions:empty,.x-result:empty{display:none}.x-questions{border-top:1px solid #ffffff24;margin-top:30px;padding-top:30px}.x-question-progress{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.x-q-step{border:1px solid #ffffff28;background:transparent;color:#bbb;padding:10px 13px;font-size:10px}.x-q-step[aria-current=step]{border-color:#d4a24c;color:#d4a24c}.x-q-step:disabled{opacity:.25;cursor:default}.x-question{border:0;padding:15px 0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.x-question legend{font-size:clamp(20px,2.2vw,30px);line-height:1.4;padding:0 0 20px;color:white;max-width:900px}.x-answer{border:1px solid #ffffff35;background:#111;color:#ccc;padding:15px 24px;font-size:13px;min-width:110px;line-height:1.5}.x-answer[aria-pressed=true]{border-color:#d4a24c;color:#eac78e;background:#d4a24c12}.x-result{margin-top:30px;border-top:1px solid #ffffff24;padding-top:30px}.x-summary{padding:20px 0;border-bottom:1px solid #ffffff20;margin-bottom:20px}.x-summary small{font-size:10px;color:#999}.x-summary p{color:#d4a24c}.x-care{border-inline-start:2px solid #d4a24c;padding-inline-start:20px}.x-limit{margin-top:30px!important;padding-top:22px;border-top:1px solid #ffffff16}.x-source{display:flex;flex-wrap:wrap;gap:10px;font-size:10px;color:#777;line-height:1.7;margin-top:24px}.x-source a{color:#b5a080;text-decoration:underline;text-underline-offset:4px}.x-more{margin-top:35px}.x-more>summary{color:#bbb;font-size:15px}.x-more .terrain-path{margin-top:35px}.x-abdomen{height:450px;display:flex;justify-content:center;border:1px solid #ffffff16;background:#080808;margin-top:25px}.x-abdomen svg{height:100%;max-width:100%;direction:ltr}.x-body-outline{fill:url(#x-body-shade);stroke:#ddd2b8;stroke-width:1.8;stroke-linecap:round;animation:x-ink 1.4s ease both}.x-body-detail{fill:none;stroke:#ddd2b8;stroke-opacity:.35;stroke-width:1.1;animation:x-ink 1.5s ease both}.x-navel{fill:none;stroke:#ddd2b8;stroke-opacity:.4}.x-abd-cell{fill:#d4a24c03;stroke:#d4a24c32;stroke-width:.7;cursor:pointer;transition:fill .2s}.x-abd-cell:hover{fill:#d4a24c25}.x-abd-cell.is-selected{fill:#d4a24c66;stroke:#e5bc78;stroke-width:1.6}.x-orientation{fill:#8d8373;font:8px Inter,Arial;letter-spacing:.6px}.x-food-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.x-plate{max-width:480px;margin:18px auto 0;direction:ltr}.x-plate svg{display:block;width:100%;direction:ltr}.x-plate-ink{stroke:#d4a24c;stroke-width:1.3;fill:#d4a24c03}.x-plate-ink.x-inner{stroke:#ffffff55;stroke-width:.8;fill:none}.x-food-sectors path{fill:#ffffff03;stroke:#ffffff55;stroke-width:1;cursor:pointer;transition:fill .2s}.x-food-sectors path:hover{fill:#d4a24c15}.x-food-sectors .is-selected{fill:#d4a24c28;stroke:#e1b572}.x-plate-numbers{fill:#f0e4ce;font:300 32px Inter,Arial;letter-spacing:-1px;pointer-events:none}.x-plate-food{stroke:#d4a24c88;stroke-width:1.3;pointer-events:none}.x-reveal .x-plate-ink{animation:x-ink 1.3s ease both}.x-reveal .x-food-sectors,.x-reveal .x-plate-food{animation:x-arrive 1.8s ease both}.x-reveal .x-plate-numbers{animation:x-arrive 2.2s ease both}.x-plate-area{font-size:9px!important;letter-spacing:1px;line-height:1.7!important;color:#b19565!important;max-width:400px}.x-plate-legend{display:grid;gap:7px;color:#b8b0a3;font-size:11px;line-height:1.7;margin:10px 0 20px}.x-food-detail{padding-top:25px;min-width:0}.x-food-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #ffffff24;padding-bottom:20px}.x-food-tabs button{border:1px solid #ffffff30;background:none;color:#aaa;font-size:11px;line-height:1.5;padding:11px 13px;flex:1}.x-food-tabs button[aria-pressed=true]{border-color:#d4a24c;color:#e8c38b;background:#d4a24c0c}.x-food-percent{font-size:70px;letter-spacing:-3px;color:#d4a24c;margin-top:27px;font-weight:300;direction:ltr;text-align:start}.x-food-info{min-height:300px}.x-food-list{color:#eee!important;line-height:2!important;border-block:1px solid #ffffff18;padding:12px 0}.x-barrier{border:0;border-top:1px solid #ffffff24;padding:25px 0 0;margin-top:30px;display:flex;flex-wrap:wrap;gap:8px}.x-barrier legend{padding-top:30px;font-size:16px;line-height:1.5;max-width:100%;margin-bottom:12px}.x-barrier-choice{border:1px solid #ffffff28;background:none;color:#bbb;padding:10px;font-size:11px;line-height:1.5}.x-barrier-choice[aria-pressed=true]{border-color:#d4a24c;color:#d4a24c}.x-food-idea:empty{display:none}html[dir=rtl] .x-views,html[dir=rtl] .x-regions,html[dir=rtl] .x-scenarios{direction:rtl}html[dir=rtl] .x-abdomen text,html[dir=rtl] .x-plate text{direction:ltr;unicode-bidi:normal}html[dir=rtl] .x-head-host{direction:ltr}html[dir=rtl] .x-panel h3{letter-spacing:normal}@keyframes x-ink{from{stroke-dasharray:1600;stroke-dashoffset:1600}to{stroke-dasharray:1600;stroke-dashoffset:0}}@keyframes x-arrive{0%,35%{opacity:0}100%{opacity:1}}
@media(max-width:850px){.x-panel{padding:24px}.x-map-grid,.x-food-grid{grid-template-columns:1fr;gap:28px}.x-time-column{position:static}.x-head-host,.x-abdomen{height:430px}.x-food-info{min-height:0}.x-scenario{padding:18px 11px;font-size:12px;gap:9px}.x-panel-top{gap:14px}.x-panel-top>.x-reset{max-width:110px}.x-food-detail{padding-top:0}}
@media(max-width:480px){.x-panel{padding:20px 16px}.x-scenarios{grid-template-columns:1fr}.x-scenario{border-inline-end:0;border-bottom:1px solid #ffffff16;padding:16px}.x-head-host,.x-abdomen{height:365px}.x-panel-top{display:block}.x-panel-top>.x-reset{max-width:none;margin-top:16px}.x-time-column{padding:18px}.x-actions{gap:14px}.x-primary,.x-warning{width:100%}.x-clock{font-size:47px}.x-answer{flex:1;min-width:95px;padding:13px 12px}.x-food-tabs button{min-width:100px}.x-source{font-size:9px}.x-question legend{font-size:22px}.x-orientation{font-size:7px}.x-regions{gap:6px}.x-region{padding:10px 8px}}
.x-head-host canvas{animation:x-head-reveal .9s ease both}@keyframes x-head-reveal{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0)}}
/* The original eleven examples stay open; the new guided studies follow them. */
.x-earlier{margin:35px 0 65px}.x-earlier-heading{font-size:16px;font-weight:400;color:#bbb;margin:0 0 20px}.x-earlier .terrain-path{margin-top:20px}.x-lab{border-top:1px solid #ffffff24;padding-top:40px}.x-head-2d{height:auto!important;aspect-ratio:1;background:#080808!important}.x-head-drawing{display:block;width:100%;height:100%;overflow:hidden;direction:ltr;animation:x-head-reveal .9s ease both}.x-head-zone{fill:transparent;stroke:transparent;stroke-width:2;cursor:pointer;outline:none;transition:fill .2s,stroke .2s}.x-head-zone:hover,.x-head-zone:focus-visible{fill:#d4a24c19;stroke:#d4a24c99}.x-head-zone.is-selected{fill:#d4a24c39;stroke:#dfb875;stroke-width:2;stroke-dasharray:8 6}.x-views:has(.x-head-view){display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.x-views .x-head-view{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:start;padding:8px 4px;font-size:10px;line-height:1.6;min-width:0}.x-head-view[aria-pressed=true]{border-color:#d4a24c!important;color:#d4a24c!important;background:#d4a24c0c!important}.x-head-thumb{display:block;width:100%;aspect-ratio:1;background-image:url('head-muscles-four-views.png');background-size:200% 200%;background-repeat:no-repeat}.x-head-thumb[data-view=front]{background-position:0 0}.x-head-thumb[data-view=left]{background-position:100% 0}.x-head-thumb[data-view=right]{background-position:0 100%}.x-head-thumb[data-view=back]{background-position:100% 100%}.x-drawing-error{padding:25px;color:#e0bc80}.x-head-zone.is-selected:focus-visible{stroke-width:4}@media(max-width:480px){.x-views .x-head-view{font-size:9px}.x-earlier{margin-bottom:45px}}