.resource-page{min-height:100vh;display:flex;flex-direction:column}.resource-main{width:100%;max-width:1040px;margin:0 auto;padding:38px 40px 54px}.resource-hero{max-width:720px;padding:18px 0 42px}.resource-hero h1{font-size:clamp(34px,5.1vw,60px)}.resource-hero>p:last-child{margin:22px 0 0;color:var(--muted);font-size:15px;line-height:1.75}.resource-list{display:grid;gap:16px}.resource-item{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:30px;background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 15px #183b2c03}.resource-index{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;color:#65826c;font-size:12px;font-weight:700}.resource-item .eyebrow{margin-bottom:8px}.resource-item h2{margin:0;color:var(--ink);font-size:23px;line-height:1.25;letter-spacing:-.5px}.resource-item h2 code{font:inherit;color:inherit;background:#edf3eb;padding:0 4px;border-radius:3px}.resource-item h2~p:not(.resource-limit){max-width:760px;margin:13px 0 0;font-size:13px;line-height:1.7}.resource-limit{border-left:2px solid #b7cbb9;margin:17px 0!important;padding:3px 0 3px 12px;color:var(--muted);font-size:12px;line-height:1.65}.demo-notes{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;margin-top:20px;padding:30px;background:#eaf1e8;border:1px solid #d4e0d2;border-radius:16px}.demo-notes h2,.resource-notice h2{margin:0;font-size:22px;line-height:1.25}.demo-notes .eyebrow{margin-bottom:8px}.demo-notes>div>p:last-child{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.65}.demo-notes ol{margin:0;padding:0;list-style:none}.demo-notes li{padding:13px 0;border-bottom:1px solid #cddbcf}.demo-notes li:last-child{border:0;padding-bottom:0}.demo-notes strong,.demo-notes span{display:block}.demo-notes strong{font-size:13px}.demo-notes span{color:var(--muted);font-size:12px;line-height:1.65;margin-top:4px}.demo-rehearsals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.demo-card{padding:28px 30px;border:1px solid var(--line);border-radius:16px;background:var(--white)}.demo-card h2{margin:0;font-size:22px;line-height:1.28}.demo-card>p:not(.eyebrow):not(.resource-limit){margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.demo-steps{margin:20px 0;padding:0;list-style:none;counter-reset:demo-step}.demo-steps li{position:relative;padding:0 0 15px 34px;counter-increment:demo-step;font-size:13px;line-height:1.55}.demo-steps li:last-child{padding-bottom:0}.demo-steps li::before{content:counter(demo-step,decimal-leading-zero);position:absolute;left:0;top:0;color:#65826c;font-size:11px;font-weight:700;letter-spacing:.08em}.demo-steps strong{display:block;color:var(--ink)}.demo-steps span{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.65}.demo-card .guide-try{display:inline-block;margin-top:4px}.demo-card code{font:inherit;background:#edf3eb;padding:0 4px;border-radius:3px}.resource-notice{margin-top:20px;padding:28px 30px;border:1px solid var(--line);border-radius:16px;background:var(--white)}.resource-notice p{max-width:780px;color:var(--muted);font-size:13px;line-height:1.7;margin:12px 0 0}.resource-notice a{color:var(--green);text-underline-offset:3px}@media(max-width:800px){.resource-main{padding:26px 20px 42px}.resource-item{grid-template-columns:1fr;padding:24px}.resource-index{width:34px;height:34px}.demo-notes{grid-template-columns:1fr;gap:22px;padding:24px}.demo-rehearsals{grid-template-columns:1fr}.demo-card{padding:24px}}@media(max-width:440px){.resource-item h2,.demo-card h2{font-size:20px}.resource-notice{padding:24px}.resource-hero{padding-top:5px}}