/* Trial-only visual explanations: short captions beside observable examples. */
.trial-picture-story{padding-top:24px}
.trial-picture-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;margin:32px 0 0;padding:0}
.trial-picture-steps>li{min-width:0;overflow:hidden;border:1px solid #e2dfe8;border-radius:22px;background:#fff}
.trial-step-art{height:225px;overflow:hidden;background:#f3edf8;display:flex;align-items:center;justify-content:center}
.trial-step-art>img,.trial-step-art>svg{display:block;width:100%;height:100%;object-fit:contain}
.trial-sketch{background:#fff2de}
.trial-editor-preview{background:#eef1f7}
.trial-editor-preview>img{width:155%;height:auto;max-width:none;flex:none}
.trial-step-result{background:#f8f7fb;padding:12px}
.trial-step-result>img{mix-blend-mode:multiply}
.trial-step-copy{padding:25px 24px 28px}
.trial-step-copy>span{font-size:12px;font-weight:750;color:#77538a}
.trial-step-copy h3{font-size:23px;letter-spacing:-.035em;line-height:1.4;margin:12px 0}
.trial-step-copy p{font-size:16px;line-height:1.8;color:var(--muted);margin:0;word-break:keep-all}
.trial-picture-note{font-size:12px;line-height:1.8;color:var(--muted);margin:18px 0 0;max-width:840px;word-break:keep-all}
.trial-home-setup{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:50px;padding-top:20px}
.trial-home-setup>figure{min-width:0;margin:0}
.trial-home-setup>figure>img{width:100%;height:auto;display:block;border-radius:22px;border:1px solid var(--line)}
.trial-home-setup figcaption{margin-top:14px;font-size:12px;line-height:1.6;color:var(--muted)}
.trial-home-setup h2{font-size:clamp(27px,3.1vw,41px);line-height:1.4;margin:18px 0 25px;word-break:keep-all;letter-spacing:-.035em}
.trial-home-setup dl{margin:0}
.trial-home-setup dl>div{padding:17px 0;border-top:1px solid var(--line)}
.trial-home-setup dt{font-size:18px;font-weight:750;display:flex;align-items:center;gap:10px}
.trial-home-setup dt>span{display:grid;place-items:center;width:27px;height:27px;flex:none;background:#eadcf5;border-radius:50%;font-size:13px;color:#674582}
.trial-home-setup dd{font-size:15px;line-height:1.8;color:var(--muted);margin:7px 0 0 37px;word-break:keep-all}
.trial-home-setup>div>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin:17px 0}
.trial-home-setup .text-link{font-size:14px}
.trial-classroom .classroom-screen{max-width:1040px;margin-inline:auto}
@media(max-width:1000px){.trial-step-art{height:195px}.trial-step-copy{padding:22px 18px}.trial-step-copy h3{font-size:20px}.trial-step-copy p{font-size:15px}.trial-home-setup{gap:32px}.trial-home-setup h2{font-size:30px}}
@media(max-width:760px){.trial-picture-steps{grid-template-columns:1fr;gap:22px}.trial-picture-steps>li{display:block;border-radius:18px}.trial-step-art{height:220px;min-height:0}.trial-step-copy{padding:20px 22px 24px}.trial-step-copy h3{font-size:23px;margin:8px 0}.trial-step-copy p{font-size:15px}.trial-step-copy p br{display:none}.trial-editor-preview>img{width:155%;max-width:none}.trial-home-setup{grid-template-columns:1fr;gap:26px}.trial-home-setup h2{font-size:32px}.trial-home-setup>figure>img{border-radius:16px}.trial-classroom .section-head h2{font-size:30px}}
@media(max-width:700px){
  .trial-hero{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding-block:32px}
  .trial-hero>div{display:contents}
  .trial-hero>div>.eyebrow{order:0;margin:0}
  .trial-hero h1{order:1;font-size:clamp(34px,9vw,44px);line-height:1.22;margin:0}
  .trial-hero>.trial-art{order:2;margin:0;padding:14px;border-radius:18px}
  .trial-hero>.trial-art img{display:block;width:100%;height:230px;max-height:none;object-fit:contain}
  .trial-hero>.trial-art figcaption{font-size:12px;margin-top:10px}
  .trial-hero .hero-description{order:3;font-size:16px;line-height:1.8;margin:4px 0 0}
  .trial-hero .trial-project-name{order:4;align-self:flex-start;font-size:12px;line-height:1.5;margin:0}
  .trial-hero .actions{order:5;margin:0}
  .trial-hero .caption{order:6;margin:0;font-size:12px}
  .trial-hero .trial-summary{order:7;width:100%;max-width:none;margin:8px 0 0}
}
@media(max-width:400px){.trial-step-copy{padding:18px 20px 22px}.trial-step-copy h3{font-size:21px}.trial-step-copy p{font-size:14px}.trial-step-art{height:205px}.trial-step-copy>span{font-size:12px}.trial-home-setup h2{font-size:28px}.trial-hero>.trial-art img{height:210px}}