/* Public introduction only. Private workspace content is never embedded here. */
.academy-pill{display:inline-flex;align-items:center;gap:7px;width:fit-content;padding:6px 12px;border:1px solid #d9c78c;border-radius:100px;color:var(--gold-deep);background:#fff9df;font-size:11px;font-weight:700;line-height:1.6;letter-spacing:.01em}
.academy-pill::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold);flex:none}
.academy-ai-benefit{max-width:900px;margin:22px auto 0;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);background:#fff9df;border:1px solid #e7cc68;border-radius:18px;text-align:left;overflow:hidden}
.academy-ai-benefit-copy{padding:34px 32px}
.academy-ai-benefit h3{font-size:clamp(22px,3vw,30px);line-height:1.4;letter-spacing:-.04em;margin:16px 0 12px}
.academy-ai-benefit-copy>p{font-size:14px;line-height:1.85;color:var(--ink-soft);margin:0}
.academy-ai-topics{list-style:none;padding:0;margin:22px 0;display:grid;gap:10px}
.academy-ai-topics li{display:flex;align-items:baseline;gap:10px;font-size:14px;line-height:1.7}
.academy-ai-topics li>span{color:var(--gold-deep);font-weight:800;flex:none}
.academy-small,.academy-ai-benefit-copy>.academy-small{font-size:12px;line-height:1.8;color:var(--muted);margin-top:18px}
.academy-ai-benefit-side{padding:32px 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#f7e5a6,#f5eddb)}
.academy-ai-benefit-side>p{font-size:18px;font-weight:600;line-height:1.6;letter-spacing:-.03em;margin:14px 0 22px}
.academy-ai-benefit-side .btn{font-size:12px;padding:12px 17px}
.academy-ai-mark{display:flex;flex-direction:column;justify-content:center;align-items:center;width:96px;height:96px;border-radius:50%;border:1px solid #b7984d;font:42px/1 Georgia,serif;color:#8a6a12;background:#fff9df80}
.academy-ai-mark>span{font:8px/1.4 "Pretendard Variable",sans-serif;letter-spacing:.17em;margin-top:7px}
.academy-resource-callout{max-width:760px;margin:30px auto 0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px 28px}
.academy-resource-callout h3{font-size:24px;line-height:1.5;letter-spacing:-.035em;margin:17px 0 10px}
.academy-resource-callout>p{font-size:14px;color:var(--ink-soft);line-height:1.9}
.academy-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;align-items:center}
.cl-resources .academy-actions{justify-content:center}
.academy-actions .btn{font-size:13px}
.academy-actions a:focus-visible,.res-header a:focus-visible,.res-jump:focus-visible{outline:3px solid var(--gold-deep);outline-offset:5px}
.res-lead-strong{color:var(--ink);font-weight:600}
.res-jumps{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.res-jumps .res-jump{margin:0;min-height:48px}
.res-jump-gold{background:var(--yellow);border-color:var(--yellow);font-weight:700}
.res-studio-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.6fr);gap:32px;align-items:end;margin-bottom:30px}
.res-studio-intro h2{font-size:clamp(26px,4vw,38px);line-height:1.4;letter-spacing:-.045em;margin:14px 0}
.res-studio-intro p{font-size:14px;color:var(--ink-soft);line-height:1.9;margin:0}
.res-studio-access{border-left:1px solid #dccda9;padding-left:22px}
.res-studio-access strong{font-size:14px;display:block;margin-bottom:8px}
.studio-frontpage{border:1px solid #d8cdb4;border-radius:20px;background:#fffdf8;box-shadow:0 18px 54px #463a2010;overflow:hidden}
.studio-frontpage-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 24px;border-bottom:1px solid var(--line);background:#f5eedd}
.studio-window-dots{display:flex;gap:5px;flex:none}
.studio-window-dots i{display:block;width:6px;height:6px;background:#c9bea5;border-radius:50%}
.studio-preview-label{font-size:11px;font-weight:600;color:var(--muted)}
.studio-frontpage-welcome{padding:34px 38px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}
.studio-frontpage-logo{font-size:15px;line-height:1.4;font-weight:700;letter-spacing:-.03em;display:flex;align-items:center;gap:8px}
.studio-frontpage-logo svg{width:28px;height:18px;flex:none;color:var(--gold-deep)}
.studio-frontpage-logo small{font-size:8px;letter-spacing:.13em;color:var(--gold-deep);display:block;font-weight:500;margin-top:4px}
.studio-frontpage-body{min-height:320px;padding:54px 38px 62px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.55fr);gap:20px;align-items:center;isolation:isolate}
.studio-frontpage-body::before{content:"";position:absolute;inset:28px 25px 26px;border-radius:16px;background:linear-gradient(125deg,#f7f2e6 20%,#f9eed2 70%,#f3dda0);z-index:-1}
.studio-frontpage-copy{padding-left:22px;position:relative;z-index:1}
.studio-frontpage-copy>span{display:block;font-size:10px;letter-spacing:.14em;color:var(--gold-deep);font-weight:700;margin-bottom:15px}
.studio-frontpage-copy :is(h3,h4){font-size:clamp(28px,3.9vw,44px);line-height:1.35;letter-spacing:-.055em;margin:0 0 16px;font-weight:700}
.studio-frontpage-copy :is(h3,h4) em{font-style:normal;background:linear-gradient(transparent 67%,#ffd83d99 67%)}
.studio-frontpage-copy p{font-size:13px;line-height:1.9;color:var(--ink-soft);max-width:340px;margin:0}
.studio-frontpage-art{position:relative;width:min(100%,230px);aspect-ratio:1;margin:auto;display:flex;align-items:center;justify-content:center}
.studio-frontpage-art::before{content:"";position:absolute;inset:9%;border:1px solid #b89a4b;border-radius:50%}
.studio-frontpage-art::after{content:"";position:absolute;inset:0;border:1px solid #b89a4b55;border-radius:50%;transform:rotate(-20deg) scaleX(.64)}
.studio-frontpage-art>span{font:clamp(40px,5vw,68px)/1 Georgia,serif;font-style:italic;letter-spacing:-.08em;color:#8a6a12}
.studio-preview-gate{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 38px;border-top:1px solid var(--line);background:#fffdf8}
.studio-preview-gate :is(h3,h4){font-size:16px;line-height:1.6;margin:0 0 5px}
.studio-preview-gate p{font-size:12px;line-height:1.8;color:var(--ink-soft);margin:0}
.studio-preview-gate .academy-actions{margin:0;flex:none}
.studio-preview-gate .btn{padding:12px 18px;min-height:44px}
.res-section .academy-small{font-size:12px;margin-top:17px;color:var(--muted)}
.res-studio-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:24px}
.res-studio-step{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;color:var(--ink-soft)}
.res-studio-step>b{width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center;background:var(--paper);border:1px solid var(--line);border-radius:50%;font-size:11px;color:var(--gold-deep);flex:none}
.res-header a[aria-current="page"]{color:var(--gold-deep);font-weight:700}
.res-cards.res-material-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.res-card-sns{grid-column:1/-1;background:#fffdf8;padding:28px;scroll-margin-top:24px}
.res-sns-intro{margin-bottom:24px}
.res-card-sns .res-sns-intro h3{font-size:clamp(23px,3vw,30px);letter-spacing:-.04em;margin:15px 0 8px}
.res-card-sns .res-sns-intro p{font-size:14px;line-height:1.9;margin:0}
.res-card-sns .studio-frontpage{box-shadow:0 10px 35px #463a2009}
.res-card-sns .studio-frontpage-body{min-height:275px;padding-block:42px 48px}
.res-card-sns .studio-preview-gate p{font-size:12px}
.res-card-sns .studio-frontpage-copy p{font-size:13px}
@media(max-width:760px){
  .academy-ai-benefit{grid-template-columns:1fr}.academy-ai-benefit-copy{padding:28px 24px}.academy-ai-benefit-side{padding:25px;display:grid;grid-template-columns:70px 1fr;column-gap:18px;text-align:left}.academy-ai-mark{width:70px;height:70px;font-size:30px;grid-row:1/3}.academy-ai-mark>span{font-size:6px}.academy-ai-benefit-side>p{font-size:16px;margin:0 0 12px}.academy-ai-benefit-side .btn{justify-self:start}
  .academy-resource-callout{padding:26px 22px}.academy-resource-callout h3{font-size:21px}.res-studio-intro{grid-template-columns:1fr;gap:18px}.res-studio-access{padding-left:16px}.studio-frontpage-welcome{padding:25px 24px 0}.studio-frontpage-body{padding:42px 24px 44px;grid-template-columns:1fr minmax(95px,.3fr);min-height:300px;gap:5px}.studio-frontpage-body::before{inset:20px 13px}.studio-frontpage-copy{padding-left:9px}.studio-frontpage-copy :is(h3,h4){font-size:31px}.studio-frontpage-copy p{font-size:12px}.studio-frontpage-art>span{font-size:34px}.studio-preview-gate{padding:24px;flex-wrap:wrap;gap:16px}.studio-preview-gate .academy-actions{width:100%}.res-studio-steps{grid-template-columns:1fr;gap:12px}.res-cards.res-material-cards{grid-template-columns:1fr}.res-card-sns{padding:20px 16px}.res-sns-intro{margin-bottom:20px}.res-card-sns .studio-frontpage-copy p{font-size:12px}
}
@media(max-width:420px){.studio-frontpage-body{grid-template-columns:1fr}.studio-frontpage-art{display:none}.studio-frontpage-copy :is(h3,h4){font-size:30px}.studio-frontpage-welcome{align-items:flex-start}.studio-frontpage-welcome .academy-pill{font-size:9px;padding:4px 8px}.studio-preview-gate .academy-actions .btn{width:100%;justify-content:center}}

.studio-preview-video{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;background:#faf8f1}

.studio-preview-playback{padding:14px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fffdf8;border-top:1px solid #e4dac5}.studio-preview-playback[hidden]{display:none}.studio-preview-playback .btn{min-height:44px;cursor:pointer;font:inherit;font-size:13px}.studio-preview-playback p{margin:0;color:#625b4c;font-size:12px;line-height:1.7}

.res-card-brow .brow-preview-video{aspect-ratio:16/9}