/* Vivid2Real — painting-guide styles. */
.painting-guide{max-width:1280px;margin:0 auto;padding:calc(var(--fixed-header-height,76px) + 70px) 40px 80px;overflow-wrap:break-word}
.painting-guide h1,.painting-guide h2,.painting-guide h3{font-weight:550;letter-spacing:-.035em;line-height:1.12;margin:0;color:var(--ink)}
.painting-guide h1{font-size:clamp(2.5rem,5.2vw,4.5rem);max-width:13ch;text-wrap:balance}
.painting-guide h2{font-size:clamp(1.9rem,3.4vw,3rem);text-wrap:balance}
.painting-guide h3{font-size:1.2rem;letter-spacing:-.02em}
.painting-guide p,.painting-guide li{line-height:1.7;color:#58574f}
.guide-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.guide-copy{min-width:0}
.guide-copy>p{margin:20px 0 0}
.guide-copy>.eyebrow{margin:0 0 18px;color:#876544;font-size:.74rem;letter-spacing:.13em}
.guide-copy .guide-lead{font-size:1.14rem;line-height:1.7;max-width:46ch}
.guide-back{display:inline-flex;min-height:44px;align-items:center;margin-bottom:18px;font-size:.8rem;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.guide-benefits{display:grid;gap:9px;padding:0;list-style:none;margin:26px 0 0}
.guide-benefits li{font-size:.88rem;display:flex;gap:12px;align-items:baseline}
.guide-benefits li:before{content:'✓';color:#967655;font-weight:600}
.painting-guide .guide-note{font-size:.8rem;line-height:1.65;color:#777267}
.guide-primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#292c26;color:#fff;border-color:#292c26;min-height:46px;max-width:100%;white-space:normal;text-align:center;padding:13px 22px;margin-top:24px}
.guide-primary:hover{background:#454c3c;color:#fff}
.guide-figure{margin:0;min-width:0}
.guide-figure img{display:block;width:100%;height:auto;border-radius:18px}
.guide-figure img[hidden]{display:none}
.guide-figure figcaption{font-size:.7rem;line-height:1.5;color:#8b8479;margin:10px 0 0}
.guide-figure-hero img,.guide-figure-colors img{border-radius:0}
.guide-image-error{padding:60px 24px;border:1px solid var(--line);border-radius:18px;background:#f0e9de}
.guide-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:56px 0 0}
.guide-chapters a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 12px;border-radius:9px;font-size:.86rem;text-align:center;line-height:1.45;color:#615744}
.guide-chapters a:hover{background:#eee5d8;color:var(--ink)}
.guide-section{padding:76px 0 0;scroll-margin-top:calc(var(--fixed-header-height,76px) + 45px)}
.guide-checklist{padding:0;margin:22px 0;list-style:none;display:grid;gap:14px}
.guide-checklist li{position:relative;padding-left:27px;font-size:.94rem}
.guide-checklist li:before{content:'+';color:#977654;position:absolute;left:0;font-weight:500}
.guide-callout{border-left:3px solid #b89872;padding:4px 0 4px 20px;color:#463e32!important;max-width:45ch}
.guide-section-heading{max-width:760px;margin-bottom:30px}
.guide-section-heading .eyebrow{color:#876544;margin:0 0 14px}
.guide-section-heading>p:not(.eyebrow){margin:18px 0 0;max-width:65ch}
.guide-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.guide-steps>li{position:relative;min-width:0;padding:28px 24px;border:1px solid #ded6c9;border-radius:18px;background:#fffaf2}
.guide-step-number{display:inline-grid;place-items:center;font-size:.8rem;width:38px;height:38px;border:1px solid #cfbea7;border-radius:50%;color:#7c654c;margin-bottom:26px}
.guide-steps p{margin:14px 0 0;font-size:.9rem}
.guide-step-mark{position:absolute;right:24px;top:20px;color:#977b57;opacity:.75}
.guide-step-mark svg{width:82px;height:59px}
.guide-steps>li:nth-child(2n) .guide-step-mark{color:#6c8b79}
.guide-steps>li:nth-child(3n) .guide-step-mark{color:#9b7ea2}
.guide-tips{margin-top:65px;padding:36px;border-radius:20px;background:#efe9dd;border:1px solid #dfd4c3}
.guide-tip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 38px}
.guide-tip-grid article{min-width:0;border-top:1px solid #d5c8b5;padding-top:18px}
.guide-tip-grid h3{font-size:1.15rem;line-height:1.35;text-wrap:balance}
.guide-tip-grid article:first-child h3{color:#735638}
.guide-tip-grid p{font-size:.9rem;margin:12px 0 0}
.guide-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:900px}
.guide-video-grid .video-card{min-width:0;margin:0}
.guide-video-grid .painting-preview{aspect-ratio:9/16}
.guide-video-grid .painting-preview img{display:block}
.guide-record-list{padding-left:22px;display:grid;gap:16px;margin:24px 0 0}
.guide-record-list li{padding-left:5px;font-size:.95rem}
.guide-editing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;background:#f0e9dd;border:1px solid #d8c6af;border-radius:24px;padding:38px;margin-top:70px}
.guide-editing-details{min-width:0;border-left:1px solid #d6c6b1;padding-left:40px}
.guide-editing .guide-editing-length{font-size:clamp(2rem,3.5vw,3.1rem);letter-spacing:-.035em;line-height:1.2;color:#464f3d;font-weight:550;margin:0 0 22px}
.guide-editing-length span{font-size:1rem;letter-spacing:0;font-weight:400}
.guide-editing-details>p{font-size:.94rem;margin:18px 0 0}
.guide-editing-details>.guide-note{font-size:.8rem}
.guide-faq{padding-inline:0;gap:50px}
.guide-faq h2{font-size:clamp(1.9rem,2.5vw,2.6rem)}
.guide-source{display:inline-flex;margin-top:24px;font-size:.76rem;line-height:1.6;color:#857056;text-decoration:underline;text-underline-offset:3px}
.guide-faq details p{font-size:.91rem}
.guide-help{text-align:center;border-top:1px solid var(--line);padding-top:60px;margin-top:60px}
.guide-help>p{max-width:60ch;margin:22px auto 0}
.guide-help-actions{display:flex;gap:26px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:25px}
.guide-help .guide-primary{margin-top:0}
.guide-help-actions>a:not(.button){font-size:.9rem;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1023px){
.painting-guide{padding-inline:28px}
.guide-split{gap:30px}
.guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.guide-editing{gap:28px;padding:28px}
.guide-editing-details{padding-left:25px}
.guide-section{padding-top:60px}
}
@media(max-width:767px){
.painting-guide{padding:calc(var(--fixed-header-height,62px) + 46px) 22px 60px}
.guide-split{grid-template-columns:minmax(0,1fr);gap:28px}
.painting-guide h1{font-size:clamp(2.3rem,10vw,3.8rem);max-width:15ch}
.painting-guide h2{font-size:clamp(1.9rem,7.4vw,2.5rem)}
.guide-copy .guide-lead{font-size:1.02rem}
.guide-hero>.guide-figure{max-width:560px}
.guide-chapters{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:36px}
.guide-chapters a{font-size:.76rem}
.guide-section{padding-top:50px}
.guide-section.guide-split>.guide-copy{order:0}
.guide-section.guide-split>.guide-figure{order:1}
.guide-steps{grid-template-columns:minmax(0,1fr);gap:12px}
.guide-steps>li{padding:23px}
.guide-step-number{margin-bottom:20px}
.guide-tips{margin-top:44px;padding:24px 20px}
.guide-tip-grid{grid-template-columns:minmax(0,1fr);gap:24px}
.guide-video-grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:70%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 3px 14px;scrollbar-width:thin}
.guide-video-grid .video-card{scroll-snap-align:start}
.guide-editing{grid-template-columns:minmax(0,1fr);padding:25px 21px;margin-top:50px}
.guide-editing-details{border-left:0;border-top:1px solid #d6c6b1;padding:24px 0 0}
.guide-faq{grid-template-columns:minmax(0,1fr);gap:22px}
.guide-help{padding-top:44px;margin-top:45px}
.guide-help-actions{flex-direction:column;gap:20px}
.guide-primary{width:auto}
}
@media(max-width:359px){
.guide-chapters a{padding-inline:6px}
.painting-guide h1{font-size:2.15rem}
}
@media(prefers-reduced-motion:reduce){
.guide-video-grid{scroll-behavior:auto}
}