.workshop-page .page-header{margin-top:.75rem;padding:1.25rem 2rem 1.5rem}.workshop-page .page-header h1{font-size:2.5rem;margin-bottom:.25rem}.workshop-page .page-header .page-desc{font-size:1.05rem}.workshop-page .page-header-divider{display:none}.workshop-page main{padding-top:.5rem}.workshop-article{max-width:var(--max-width, 1200px);margin:0 auto;padding:0 2rem 3rem}.workshop-article h2:first-child,.workshop-article h2#resource-links{font-family:var(--font-heading);text-transform:lowercase;font-size:1.6rem;margin-bottom:1rem}.workshop-article h2:first-child+ul,.workshop-article h2#resource-links+ul{list-style:none;padding:0;margin:0 0 2.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.workshop-article h2:first-child+ul li,.workshop-article h2#resource-links+ul li{background:var(--surface-card, #fdfcfa);border:2px solid var(--black, #1a1a1a);border-radius:var(--radius-md, 10px);box-shadow:var(--shadow-brand-sm);padding:1rem 1.25rem;transition:transform var(--duration-fast, .15s) var(--ease-default),box-shadow var(--duration-fast, .15s) var(--ease-default);display:flex;align-items:center;gap:.75rem}.workshop-article h2:first-child+ul li:hover,.workshop-article h2#resource-links+ul li:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-brand-md)}.workshop-article h2:first-child+ul li:active,.workshop-article h2#resource-links+ul li:active{transform:translate(2px,2px);box-shadow:none}.workshop-article h2:first-child+ul li a,.workshop-article h2#resource-links+ul li a{color:var(--hrp-teal, #0b5e73);font-family:var(--font-ui, sans-serif);font-weight:600;font-size:.95rem;text-decoration:none;transition:color var(--duration-fast, .15s)}.workshop-article h2:first-child+ul li a:hover,.workshop-article h2#resource-links+ul li a:hover{color:var(--hrp-teal-dark, #094a5c)}.workshop-article h2{font-family:var(--font-heading);text-transform:lowercase;font-size:1.6rem;margin-top:2.5rem;margin-bottom:.75rem;color:var(--text-primary, #1a1a1a)}.workshop-article h3{font-family:var(--font-heading);text-transform:lowercase;font-size:1.2rem;margin-top:2rem;margin-bottom:.5rem;color:var(--text-primary, #1a1a1a)}.workshop-article p{font-family:var(--font-body);font-size:1rem;line-height:1.7;color:var(--text-primary, #1a1a1a);margin-bottom:1rem}.workshop-article blockquote{background:var(--surface-card, #fdfcfa);border:2px solid var(--black, #1a1a1a);border-radius:var(--radius-md, 10px);box-shadow:var(--shadow-brand-sm);padding:1.25rem 1.5rem;margin:1rem 0 1.5rem;font-family:var(--font-body);font-size:.95rem;line-height:1.65;color:var(--text-primary, #1a1a1a)}.workshop-article blockquote p{margin-bottom:0}.workshop-article ul{font-family:var(--font-body);font-size:1rem;line-height:1.7;padding-left:1.5rem;margin-bottom:1rem}.workshop-article ul li{margin-bottom:.5rem}.workshop-article em{color:var(--text-secondary, #555)}.workshop-article strong{font-weight:700}.workshop-article a{color:var(--hrp-teal, #0b5e73);text-decoration:underline;text-decoration-color:var(--pastel-teal, #c2e6e0);text-underline-offset:2px;transition:text-decoration-color var(--duration-fast, .15s)}.workshop-article a:hover{text-decoration-color:var(--hrp-teal, #0b5e73)}.resource-card-desc{font-family:var(--font-body, serif);font-size:.85rem;color:var(--text-secondary, #555);margin-top:.2rem;line-height:1.4}.resource-card-desc strong{color:var(--text-primary, #1a1a1a);font-weight:700}.resource-card-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--pastel-teal, #c2e6e0);border-radius:var(--radius-round, 9999px);border:2px solid var(--black, #1a1a1a)}.resource-card-icon i{font-size:1.1rem;color:var(--black, #1a1a1a);line-height:1}.resource-card-body{flex:1;min-width:0}.script-panel{position:relative;background:linear-gradient(165deg,#0a2a33,#0b3d4a 40%,#0d4a58,#1a3a4a);border:2px solid var(--black, #1a1a1a);border-radius:var(--radius-lg, 16px);padding:2.5rem 2.5rem 3rem;margin-top:1rem;overflow:hidden;color:#e8f0f2}.script-panel:before{content:"";position:absolute;inset:0;opacity:.06;mix-blend-mode:overlay;pointer-events:none;z-index:0}.script-panel:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(11,94,115,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(11,94,115,.08) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.script-panel>*{position:relative;z-index:1}.script-panel h2{font-family:var(--font-heading);text-transform:lowercase;font-size:1.8rem;color:var(--pastel-teal, #c2e6e0);margin-top:0;margin-bottom:1.5rem;letter-spacing:.02em}.script-panel h2:before{content:"//";font-family:var(--font-mono, monospace);font-size:.9rem;color:#c2e6e066;margin-right:.5rem;font-weight:400}.script-panel h3{font-family:var(--font-heading);text-transform:lowercase;font-size:1.15rem;color:#c2e6e0;margin-top:2.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(194,230,224,.15);display:flex;align-items:center;gap:.5rem}.script-section-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:#c2e6e01f;border:1px solid rgba(194,230,224,.25);border-radius:var(--radius-round, 9999px);flex-shrink:0}.script-section-icon svg{width:14px;height:14px;color:var(--pastel-teal, #c2e6e0)}.script-panel p{font-family:var(--font-body);font-size:.95rem;line-height:1.75;color:#d0dfe3;margin-bottom:.85rem}.script-panel em{color:#c2e6e0a6;font-style:italic}.script-panel strong{color:#e8f0f2;font-weight:700}.script-panel blockquote{background:#c2e6e00f;border:1px solid rgba(194,230,224,.2);border-left:3px solid var(--pastel-teal, #c2e6e0);border-radius:var(--radius-md, 10px);box-shadow:0 0 20px #0b5e7326,inset 0 0 30px #c2e6e008;padding:1.25rem 1.5rem;margin:.75rem 0 1.25rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.script-panel blockquote p{color:#c2e6e0;margin-bottom:0;font-size:.92rem}.script-panel ul{list-style:none;padding:0;margin:0 0 1rem}.script-panel ul li{font-family:var(--font-body);font-size:.95rem;line-height:1.7;color:#d0dfe3;padding:.6rem .85rem;margin-bottom:.35rem;background:#c2e6e00a;border-radius:var(--radius-sm, 6px);border:1px solid rgba(194,230,224,.08);transition:background .15s,border-color .15s}.script-panel ul li:hover{background:#c2e6e014;border-color:#c2e6e026}.script-panel ul li strong{color:var(--pastel-teal, #c2e6e0)}.script-panel a{color:var(--pastel-teal, #c2e6e0);text-decoration:underline;text-decoration-color:#c2e6e04d;text-underline-offset:2px;transition:text-decoration-color .15s}.script-panel a:hover{text-decoration-color:var(--pastel-teal, #c2e6e0)}.empathy-image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1.25rem 0 2rem}.empathy-image{position:relative;border-radius:var(--radius-md, 10px);overflow:hidden;border:2px solid rgba(194,230,224,.25);aspect-ratio:1;transition:border-color .2s,transform .2s,box-shadow .2s}.empathy-image:hover{border-color:var(--pastel-teal, #c2e6e0);transform:scale(1.03);box-shadow:0 0 20px #c2e6e033;z-index:2}.empathy-image img{width:100%;height:100%;object-fit:cover;display:block}.empathy-image-num{position:absolute;top:6px;right:6px;background:#0a2a33cc;color:var(--pastel-teal, #c2e6e0);font-family:var(--font-ui, sans-serif);font-weight:700;font-size:.75rem;padding:2px 7px;border-radius:var(--radius-sm, 6px);border:1px solid rgba(194,230,224,.3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);line-height:1.4;z-index:1}@media(max-width:600px){.empathy-image-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}}.script-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(40px);opacity:.12}@media(max-width:768px){.workshop-page .page-header{margin-top:.5rem;padding:1rem 1.25rem 1.25rem}.workshop-page .page-header h1{font-size:2rem}.workshop-page main{padding-top:.25rem}.workshop-article{padding:0 1rem 2rem}.workshop-article h2:first-child+ul,.workshop-article h2#resource-links+ul{grid-template-columns:1fr}.script-panel{padding:1.5rem 1.25rem 2rem}.script-panel h2{font-size:1.4rem}}
