/* Shared footer and readable, responsive editorial pages. */
.media-chapter{padding:38px 0 42px;border-bottom:1px solid #e9e1f0}.media-chapter-heading{max-width:720px;margin-bottom:26px}.media-chapter-heading .guide-kicker{margin-bottom:12px}.media-chapter-heading h2{font-size:30px;line-height:1.2;letter-spacing:-.025em;color:#30233e;margin-bottom:16px}.media-chapter-heading>p:last-child{font-size:15px;line-height:1.8;color:#796b84;margin-bottom:0}.study-grid{display:grid;gap:18px;align-items:start}.image-study-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.image-study-grid:has(>figure:last-child:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}.study-card{margin:0;min-width:0;border:1px solid #e9e1f0;border-radius:16px;overflow:hidden;background:#fcfaff}.image-study-grid .study-card>img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;background:#eee7f5}.study-card figcaption{padding:21px 20px 20px}.study-card h3{font-size:17px;line-height:1.4;color:#483452;margin-bottom:12px}.study-card figcaption>p{font-size:14px;line-height:1.75;color:#7b6b83;margin-bottom:18px}.media-credit{font-size:10px;letter-spacing:.04em;line-height:1.6;color:#a28cac;display:block}.film-study-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.film-frame{aspect-ratio:4/3;background:#e9e1f1;overflow:hidden}.film-frame video{display:block;width:100%;height:100%;object-fit:contain}.gallery-note{font-size:11px!important;line-height:1.75!important;color:#9a87a7!important;margin:20px 0 0!important;max-width:750px}.story-beats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}.story-beats>div{padding:23px 20px;border:1px solid #e9dff1;border-radius:12px;background:linear-gradient(150deg,#fcfaff,#f5effa)}.story-beats>div>span{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#a78ab9;display:block;margin-bottom:13px}.story-beats p{font-size:14px;line-height:1.8}.story-beats h3{font-size:16px}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}.comparison-grid>div{padding:24px;background:#f8f4fc;border-radius:12px;border:1px solid #ece3f3}.comparison-grid p{font-size:14px;line-height:1.8}.editorial-checks{list-style:none;padding:0;margin:24px 0}.editorial-checks>li{padding:15px 0 15px 26px;position:relative;border-bottom:1px solid #eee6f4}.editorial-checks>li:before{content:'';position:absolute;width:7px;height:7px;left:2px;top:26px;background:#b397c7;border-radius:50%}
@media(max-width:700px){.media-chapter{padding:32px 0}.media-chapter-heading h2{font-size:26px}.media-chapter-heading>p:last-child{font-size:14px}.image-study-grid,.image-study-grid:has(>figure:last-child:nth-child(2)),.film-study-grid{grid-template-columns:minmax(0,1fr);gap:20px}.image-study-grid .study-card>img{aspect-ratio:1/1;object-fit:contain}.study-card figcaption{padding:21px 22px}.study-card h3{font-size:18px}.study-card figcaption>p{font-size:14px}.film-frame{aspect-ratio:4/3}.story-beats,.comparison-grid{grid-template-columns:minmax(0,1fr)}.story-beats>div,.comparison-grid>div{padding:22px}.story-beats p,.comparison-grid p{font-size:14px}.gallery-note{font-size:11px!important}}
.editorial-footer{background:#faf8fd;border-top:1px solid #e9e3f0;padding:48px 32px;color:#211b30}
.footer-layout{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.45fr;gap:48px;align-items:start}
.footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.footer-brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none}.footer-brand img{width:32px;height:32px}.footer-brand span{font-size:24px;font-weight:700;background:linear-gradient(110deg,#9654d6,#5483e9,#28a8be);background-clip:text;-webkit-background-clip:text;color:transparent}.footer-year{font-size:13px;color:#82788e}
.editorial-footer nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 28px}.editorial-footer nav a{font-size:14px;line-height:1.5;color:#645773;min-height:44px;display:flex;align-items:center;text-decoration:none;border-bottom:1px solid transparent}.editorial-footer nav a:hover{color:#7040c6;border-color:#d6c8e9}
.guide-page *{box-sizing:border-box}.guide-page{margin:0}.guide-page img{max-width:100%;display:block}.guide-page a{text-decoration:none}.guide-page p{margin:0 0 20px}.guide-page h1,.guide-page h2,.guide-page h3{margin:0}.guide-page .header-inner{max-width:1360px}.guide-page .site-header .try-button{min-height:44px}
.guide-hero{background:linear-gradient(120deg,#fbfaff 40%,#f3eefb);padding:126px 32px 64px;border-bottom:1px solid #efe9f5}
.guide-hero-inner{max-width:1220px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;gap:68px;align-items:center}.guide-intro{min-width:0}.guide-kicker{color:#846694;font-size:11px;font-weight:700;line-height:1.6;letter-spacing:.13em;text-transform:uppercase}.guide-intro h1{font-size:clamp(36px,3.55vw,52px);line-height:1.08;letter-spacing:-.045em;max-width:620px;font-weight:700;color:#251a35}.guide-intro .guide-lead{font-size:17px;line-height:1.75;color:#75677f;margin:26px 0 0;max-width:560px}.guide-action{display:flex;align-items:center;gap:20px;margin-top:30px}.guide-action>.try-button{min-height:50px;padding:14px 30px}.guide-action>span{font-size:12px;line-height:1.65;color:#8b7b96}.guide-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:#8a7d95;font-size:11px;line-height:1.5;border-top:1px solid #e8e0ef;margin-top:36px;padding-top:18px}
.guide-visual{margin:0;position:relative;min-width:0;border-radius:22px;overflow:hidden;background:#e9e0f1;box-shadow:0 18px 60px #40276015;aspect-ratio:1/1}.guide-visual img,.guide-visual video{width:100%;height:100%;display:block;object-fit:cover}.guide-visual:has(video){aspect-ratio:1.15/1}.guide-visual:has(video) video{object-fit:contain;background:#1f172a}.guide-visual figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 22px 20px;background:linear-gradient(transparent,#130d20c9);color:white;font-size:11px;line-height:1.5}
.guide-body{max-width:960px;margin:0 auto;padding:48px 32px 80px}.guide-takeaway{display:grid;grid-template-columns:155px minmax(0,1fr);gap:24px;padding:28px 30px;border:1px solid #e5ddef;background:#fcfaff;border-radius:14px;margin-bottom:20px}.guide-takeaway>span{font-size:11px;line-height:1.65;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#845aa0}.guide-takeaway>p{font-size:16px;line-height:1.7;color:#62546e;margin:0}
.article-section{display:grid;grid-template-columns:44px minmax(0,1fr);gap:26px;padding:48px 0;border-bottom:1px solid #eee8f3}.section-number{padding-top:8px;color:#b2a1c0;letter-spacing:.08em;font-size:12px}.article-section h2,.guide-faq h2{font-size:30px;line-height:1.2;letter-spacing:-.025em;color:#2b2038;margin-bottom:24px}.article-section h3{font-size:17px;line-height:1.4;color:#372944;margin-bottom:10px}.article-section p,.article-section li{font-size:16px;line-height:1.85;color:#706477}.article-section p:last-child{margin-bottom:0}.article-section strong{color:#44324f;font-weight:600}
.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}.note-grid>div{padding:22px 20px;background:#f8f5fb;border-radius:12px}.note-grid p{font-size:14px;line-height:1.7}.steps-list{list-style:none;counter-reset:steps;margin:0 0 24px;padding:0}.steps-list li{counter-increment:steps;position:relative;padding:0 0 22px 43px;margin:0}.steps-list li:last-child{padding-bottom:0}.steps-list li:before{content:counter(steps);position:absolute;left:0;top:3px;border:1px solid #e5daef;background:#faf7ff;color:#8a67a5;width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-size:12px;line-height:1}.prompt-example{margin:28px 0;padding:26px 30px;border-left:3px solid #b299d2;border-radius:0 12px 12px 0;background:#f8f4fd;font-size:16px;line-height:1.85;color:#584363}.prompt-example>span{display:block;font-size:10px;font-weight:700;letter-spacing:.13em;line-height:1.7;text-transform:uppercase;color:#a18ab3;margin-bottom:12px}.article-note{padding:24px 26px;border:1px solid #e9e0f0;border-radius:12px;margin:28px 0}.article-note>strong{display:block;font-size:16px;line-height:1.6;margin-bottom:10px}.article-note p{font-size:15px}.fix-list{display:grid;gap:18px;margin:24px 0}.fix-list>div{padding-left:20px;border-left:2px solid #e2d6ee}.fix-list p{margin:0;font-size:15px}.prompt-formula{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:28px 0}.prompt-formula>span{padding:12px 16px;border:1px solid #e5dcee;border-radius:9px;background:#fcfaff;font-size:14px;color:#7a5b95}.prompt-formula>b{font-weight:400;color:#b3a0c1}
.guide-faq{padding:48px 0 20px 70px}.guide-faq>.guide-kicker{margin-bottom:10px}.guide-faq details{border-bottom:1px solid #e7deef}.guide-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0;font-size:16px;line-height:1.6;font-weight:600;color:#4b3858;cursor:pointer}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary>span{flex:0 0 20px;height:20px;position:relative}.guide-faq summary>span:before,.guide-faq summary>span:after{content:'';position:absolute;background:#a58bb6;top:9px;left:4px;width:12px;height:1px}.guide-faq summary>span:after{transform:rotate(90deg)}.guide-faq details[open] summary>span:after{transform:none}.guide-faq details>p{font-size:15px;line-height:1.8;color:#7c6c86;padding-right:32px}
.guide-source{margin:32px 0 48px 70px;font-size:12px;line-height:1.8;color:#96879f}.guide-source>span{display:block;font-weight:600;color:#7e6c8b;margin-bottom:8px}.guide-source p{font-size:12px;line-height:1.8}.guide-source a{color:#85629f;text-decoration:underline;text-underline-offset:3px}.guide-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#f5f0fa;border-radius:18px;padding:32px 36px}.guide-bottom .guide-kicker{margin-bottom:10px}.guide-bottom h2{font-size:26px;line-height:1.25;max-width:500px;letter-spacing:-.025em}.guide-bottom>.try-button{flex-shrink:0}
@media(max-width:960px){.guide-hero-inner{gap:36px}.guide-intro h1{font-size:39px}.guide-intro .guide-lead{font-size:16px}.guide-meta{margin-top:25px}.footer-layout{grid-template-columns:1fr 1.8fr;gap:32px}.editorial-footer nav{gap:8px 16px}.guide-hero{padding-top:108px}}
@media(max-width:700px){.editorial-footer{padding:32px 20px}.footer-layout{display:flex;flex-direction:column;gap:24px}.footer-identity{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.editorial-footer nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 22px;width:100%}.editorial-footer nav a{font-size:13px;min-height:46px}.footer-brand span{font-size:23px}.guide-page .header-inner{padding:0 20px}.guide-page .brand{font-size:16px}.guide-page .site-header .try-button{padding:10px 18px}.guide-hero{padding:102px 20px 32px}.guide-hero-inner{grid-template-columns:minmax(0,1fr);gap:28px}.guide-intro h1{font-size:clamp(33px,8.7vw,46px);line-height:1.09}.guide-intro>.guide-kicker{font-size:10px;margin-bottom:16px}.guide-intro .guide-lead{margin-top:22px;line-height:1.7;font-size:16px}.guide-action{margin-top:24px;gap:18px}.guide-meta{font-size:10px;margin-top:24px;gap:6px 15px}.guide-visual{aspect-ratio:1.25/1;border-radius:16px}.guide-visual:has(video){aspect-ratio:1.25/1}.guide-visual figcaption{font-size:10px;padding:34px 16px 15px}.guide-body{padding:26px 20px 48px}.guide-takeaway{display:block;padding:22px;margin-bottom:10px}.guide-takeaway>span{display:block;margin-bottom:12px;font-size:10px}.guide-takeaway>p{font-size:15px;line-height:1.7}.article-section{display:block;padding:32px 0}.section-number{font-size:10px;padding:0;margin-bottom:12px}.article-section h2,.guide-faq h2{font-size:26px;line-height:1.2;margin-bottom:20px}.article-section p,.article-section li{font-size:15px;line-height:1.8}.note-grid{grid-template-columns:minmax(0,1fr);gap:10px;margin:24px 0}.note-grid>div{padding:20px}.note-grid h3{font-size:16px;margin-bottom:6px}.note-grid p{font-size:14px}.prompt-example{padding:22px 20px;margin:24px 0;font-size:15px;line-height:1.8}.steps-list li{padding-left:38px;padding-bottom:20px}.article-note{padding:22px 20px}.guide-faq{padding:32px 0 12px}.guide-faq summary{font-size:15px;gap:18px;padding:20px 0}.guide-faq details>p{padding-right:0;font-size:14px}.guide-source{margin:24px 0 32px}.guide-bottom{padding:26px 24px;align-items:flex-start;flex-direction:column;gap:24px}.guide-bottom h2{font-size:25px}.guide-bottom .guide-kicker{font-size:10px}.prompt-formula{gap:8px}.prompt-formula>span{padding:10px 12px;font-size:12px}}
@media(max-width:359px){.guide-page .header-inner{padding:0 12px}.guide-page .brand{font-size:14px}.guide-page .site-header .try-button{padding:10px 13px}.guide-hero{padding-left:16px;padding-right:16px}.guide-body{padding-left:16px;padding-right:16px}.guide-action>span{font-size:11px}.guide-action>.try-button{padding:12px 24px}.guide-intro h1{font-size:32px}.editorial-footer{padding-left:16px;padding-right:16px}}
.guide-page .media-chapter-heading h2{margin-bottom:16px}.guide-page .study-card h3{margin-bottom:12px}
.footer-year,.guide-meta,.guide-action>span,.section-number,.guide-source,.guide-source>span,.media-credit,.gallery-note,.prompt-example>span,.story-beats>div>span{color:#716079!important}.guide-kicker{color:#765286}.guide-source a{color:#70438c}
.not-found{max-width:800px;min-height:65vh;margin:0 auto;padding:150px 24px 80px}.not-found>p:first-child{color:#8a5eb1;font-size:18px}.not-found h1{font-size:clamp(32px,5vw,52px);margin-bottom:24px}.not-found p{color:#706078;line-height:1.8}
