#workshop{color-scheme:light;--ink:var(--text);--muted:var(--text-soft);--paper:var(--bg-card-soft);--line:var(--border);--green:var(--accent-strong);--gold:var(--text-body)}#workshop *{box-sizing:border-box}#workshop{background:var(--paper);color:var(--ink);margin:0;font-family:Yu Gothic,Meiryo,sans-serif;line-height:1.9}#workshop button,#workshop a{-webkit-tap-highlight-color:transparent}#workshop button{font:inherit;cursor:pointer}#workshop button:focus-visible,#workshop a:focus-visible,#workshop summary:focus-visible{outline:3px solid var(--accent-strong);outline-offset:5px}#workshop button:disabled{opacity:.45;cursor:not-allowed}#workshop a{color:var(--green);text-underline-offset:4px}#workshop header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;max-width:1120px;margin:auto;padding:24px 32px;display:flex}#workshop .brand{font-family:Yu Mincho,serif;font-size:20px;font-weight:700}#workshop .tag{border:1px solid var(--line);white-space:nowrap;border-radius:30px;padding:3px 12px;font-size:12px}#workshop #app{max-width:1000px;min-height:70vh;margin:auto;padding:42px 32px 70px}#workshop h1,#workshop h2,#workshop h3,#workshop p{margin-top:0}#workshop h1,#workshop h2{font-family:Yu Mincho,serif;font-weight:600;line-height:1.6}#workshop h1{letter-spacing:.04em;margin-bottom:22px;font-size:clamp(30px,4vw,48px)}#workshop h2{font-size:29px}#workshop h3{margin-bottom:10px;font-size:18px}#workshop .eyebrow{letter-spacing:.15em;color:var(--gold);margin-bottom:14px;font-size:12px}#workshop .muted,#workshop .small{color:var(--muted);font-size:14px}#workshop .intro{grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;display:grid}#workshop .hero{border-radius:6px;width:100%;box-shadow:0 15px 35px #493d2520}#workshop .lead{font-size:17px}#workshop .btn{border:1px solid var(--line);background:var(--bg-card);color:var(--ink);border-radius:7px;min-height:48px;padding:12px 22px;text-decoration:none;display:inline-block}#workshop .primary{background:var(--green);border-color:var(--green);color:#fff}#workshop .actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}#workshop .ws-steps{flex-wrap:wrap;gap:8px;margin:0 0 32px;padding:0;list-style:none;display:flex}#workshop .ws-steps li{color:var(--muted);border-bottom:2px solid var(--line);padding:5px 10px;font-size:12px}#workshop .ws-steps li[aria-current]{color:var(--green);border-color:var(--green);font-weight:700}#workshop .roles{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}#workshop .role{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:9px;padding:0 0 18px;transition:transform .15s;overflow:hidden}#workshop .role:hover{transform:translateY(-3px)}#workshop .portrait{object-fit:contain;background:#fff;width:100%;height:205px}#workshop .mother{background:var(--bg-media);height:205px;color:var(--text-soft);justify-content:center;align-items:center;font-family:serif;font-size:60px;display:flex}#workshop .role strong,#workshop .role span{margin:0 15px;display:block}#workshop .role strong{font-size:22px}#workshop .role span{color:var(--muted);font-size:12px}#workshop .rolebar{align-items:center;gap:14px;margin-bottom:24px;display:flex}#workshop .avatar{object-fit:contain;background:#fff;border-radius:6px;width:52px;height:62px}#workshop .avatar-letter{background:var(--bg-media);place-items:center;width:52px;height:62px;font-size:25px;display:grid}#workshop .rolebar strong{display:block}#workshop .rolebar span{color:var(--muted);font-size:13px}#workshop .reading{max-width:740px}#workshop .note{background:var(--accent-soft);border-left:3px solid var(--accent);margin:24px 0;padding:20px 24px}#workshop .note p:last-child{margin-bottom:0}#workshop .choices{gap:12px;max-width:790px;display:grid}#workshop .choice{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;align-items:flex-start;gap:15px;width:100%;padding:18px 20px;display:flex}#workshop .choice[aria-pressed=true]{border:2px solid var(--green);background:var(--accent-soft);padding:17px 19px}#workshop .choice b{color:var(--green);flex-shrink:0;font-size:15px}#workshop .choice span{flex:1}#workshop .selection{background:var(--accent-soft);border-radius:8px;margin:20px 0;padding:18px 22px}#workshop .thought{border-top:1px solid var(--line);padding:24px 0;font-size:19px}#workshop .thought small{color:var(--muted);font-size:14px;display:block}#workshop .lesson{border-top:1px solid var(--line);padding:24px 0}#workshop .lesson h3{color:var(--green);gap:12px;display:flex}#workshop .lesson h3 span{color:var(--gold);font-family:serif;font-size:23px;line-height:1.4}#workshop .lesson p{margin-bottom:0}#workshop .quote{margin:22px 0;font-family:Yu Mincho,serif;font-size:20px}#workshop .sources{margin-top:26px}#workshop .source{border-bottom:1px solid var(--line);padding:15px 0;font-size:14px}#workshop .source p{margin:6px 0}#workshop .source a{font-weight:700}#workshop details{border:1px solid var(--line);background:var(--bg-card-soft);border-radius:7px;margin:18px 0;padding:14px 18px}#workshop summary{cursor:pointer;min-height:28px;font-size:15px}#workshop .compare{border-collapse:collapse;width:100%;font-size:14px}#workshop .compare td,#workshop .compare th{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:14px 10px}#workshop .compare th:first-child{width:24%}#workshop footer{border-top:1px solid var(--line);max-width:1120px;color:var(--muted);margin:auto;padding:24px 32px;font-size:12px}#workshop .sr{clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=680px){#workshop header{padding:16px 20px}#workshop .brand{font-size:16px}#workshop .tag{font-size:10px}#workshop #app{padding:26px 20px 45px}#workshop .intro{grid-template-columns:1fr;gap:26px}#workshop .intro .hero{order:-1}#workshop .roles{grid-template-columns:repeat(2,1fr);gap:12px}#workshop .portrait,#workshop .mother{height:170px}#workshop .role span{font-size:11px}#workshop .ws-steps{gap:4px}#workshop .ws-steps li{padding:4px 7px}#workshop .actions .primary{text-align:center;width:100%}#workshop .note{padding:16px}#workshop .choice{padding:15px}#workshop .choice[aria-pressed=true]{padding:14px}#workshop .compare th:first-child{width:32%}#workshop h2{font-size:25px}}@media (prefers-reduced-motion:reduce){#workshop *{transition:none!important}}@media print{#workshop header,#workshop .actions,#workshop .ws-steps,#workshop footer,#workshop details{display:none}#workshop #app{padding:0}#workshop{background:#fff}#workshop .lesson{break-inside:avoid}}#workshop{background:var(--bg-card-soft);border-radius:var(--radius-lg);max-width:1120px;padding:24px 24px 48px}#workshop #app{max-width:960px;padding:28px 8px}#workshop .breadcrumb{margin-bottom:15px;font-size:13px}#workshop .workshop-foot{color:var(--text-soft);border-top:1px solid var(--border);padding-top:18px;font-size:12px}#workshop h1:focus{outline:none}#workshop p{overflow-wrap:anywhere}#workshop .source{margin-top:18px}#workshop .source a{overflow-wrap:anywhere}#workshop .ws-steps{margin-left:0}#workshop .reading{margin:auto}#workshop .choices{margin:20px 0}#workshop .portrait{max-width:100%}#workshop section{margin:0}#workshop .lesson{padding:24px 0}#workshop .compare{table-layout:fixed}#workshop .compare td{overflow-wrap:anywhere}@media (width<=680px){#workshop{padding:18px 12px}#workshop #app{padding:16px 0}#workshop .ws-steps li{font-size:11px}#workshop .btn{padding:12px 16px}}#workshop{margin:32px auto}#workshop .ws-steps li:before,#workshop .ws-steps li:after{content:none}#workshop .ws-steps li{list-style:none}@media (width<=680px){#workshop .intro.scene-two-intro .hero{order:0}#workshop .scene-two-intro .eyebrow{letter-spacing:.06em;font-size:14px;font-weight:700}#workshop .scene-two-intro h1{font-size:clamp(28px,7.7vw,38px);line-height:1.55}#workshop .scene-two-intro .primary{text-align:center;max-width:100%}}#workshop .scene-three-intro h1{letter-spacing:.02em;font-size:clamp(24px,3.2vw,36px);line-height:1.55}#workshop .portrait-placeholder{background:var(--bg-media);justify-content:center;align-items:center;height:205px;display:flex}@media (width<=680px){#workshop .intro.scene-three-intro .hero{order:0}#workshop .scene-three-intro .eyebrow{letter-spacing:.06em;font-size:14px;font-weight:700}#workshop .scene-three-intro h1{font-size:clamp(24px,7vw,38px)}#workshop .scene-three-intro .primary{text-align:center;max-width:100%}#workshop .portrait-placeholder{height:170px}}