/* Shared editorial layout for the six task-specific pages. */
.site-footer{padding:64px max(6%,calc((100vw - 1296px)/2)) 28px;background:var(--paper);border-top:1px solid var(--line);margin-top:0}.footer-top{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}.footer-brand{align-self:start;width:151px}.footer-brand img{width:151px;height:auto}.site-footer nav>p{font-size:14px;font-weight:600;margin-bottom:22px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:17px 30px}.footer-links a{font-size:15px;line-height:1.5;color:#666c5e;transition:color .2s}.footer-links a:hover,.footer-links a[aria-current=page]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#7c8271;border-top:1px solid var(--line);margin-top:54px;padding-top:24px}.footer-bottom a:hover{color:var(--ink)}.detail-page main{overflow:clip}.page-hero,.page-section{max-width:1440px;margin:0 auto;padding-left:5%;padding-right:5%}.page-hero{padding-top:34px}.breadcrumbs{display:flex;gap:14px;align-items:center;font-size:13px;color:#787f6d;flex-wrap:wrap}.breadcrumbs a:hover{text-decoration:underline;text-underline-offset:4px}.breadcrumbs [aria-current]{color:#343a2c}.page-hero-layout{display:grid;grid-template-columns:1fr 1.06fr;gap:5%;align-items:center;padding-top:48px}.page-hero-layout:has(.portrait){grid-template-columns:1.15fr .85fr}.page-hero-copy h1{font-size:clamp(40px,4.2vw,66px);letter-spacing:-.057em;line-height:1.06}.page-hero-copy h1 .headline-word{max-width:100%}.page-hero-copy>p{font-size:17px;line-height:1.75;color:#6e7565;max-width:460px;margin:25px 0 29px}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.quiet-link{font-size:14px;border-bottom:1px solid #adb49f;padding-bottom:5px}.quiet-link:hover{color:#4d6427}.page-hero-meta{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:26px 0;color:#7b8270;font-size:12px;margin-top:20px}.page-video{margin:0;min-width:0}.video-frame{position:relative;aspect-ratio:16/11;border-radius:15px;background:#eceee7;overflow:hidden;isolation:isolate}.video-frame.portrait{aspect-ratio:4/5;max-height:560px}.video-frame video{height:100%;width:100%;object-fit:contain}.video-controls{position:absolute;bottom:18px;right:18px;display:flex;gap:8px;align-items:center}.video-controls button{height:42px;min-width:42px;display:grid;place-items:center;border:1px solid #ffffff80;background:#151b1459;color:#fff;border-radius:40px;backdrop-filter:blur(12px);transition:background .2s}.video-controls button:hover{background:#17220fb3}.video-controls .sound-button{display:block;padding:0 15px;font-size:12px}.page-video figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-top:13px;font-size:12px;line-height:1.5;color:#707867}.page-video figcaption>a{border-bottom:1px solid #b6beaa;flex-shrink:0}.page-video figcaption span{max-width:85%}.page-section{padding-top:104px}.feature-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.feature-section .feature-copy h2,.page-heading h2,.detail-page .faq h2{font-size:clamp(32px,3.25vw,50px);font-weight:500;letter-spacing:-.045em;line-height:1.12}.feature-section .feature-copy p{max-width:none;font-size:16px;line-height:1.8;color:#6a7260}.feature-points{margin:28px 0 0}.feature-points>div{display:grid;grid-template-columns:120px 1fr;gap:18px;border-top:1px solid var(--line);padding:15px 0}.feature-points dt{font-size:14px;font-weight:600}.feature-points dd{margin:0;font-size:14px;line-height:1.65;color:#74806a}.feature-media .portrait{max-width:360px;margin:auto}.page-heading{display:grid;grid-template-columns:1fr 1fr;gap:22px 8%;align-items:end;margin-bottom:35px}.page-heading>.eyebrow{grid-column:1/-1;color:#7a836c}.page-heading>p{font-size:16px;line-height:1.75;color:#6e7762;max-width:440px;justify-self:end}.prompt-builder{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;padding:38px;background:#eff1e8;border:1px solid #e1e5d7;border-radius:16px}.builder-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.builder-fields label{display:flex;flex-direction:column;gap:9px;font-size:13px;color:#566147}.builder-fields input,.builder-fields select{background:#fff;border:1px solid #d7dccd;border-radius:8px;padding:12px;font:inherit;font-size:14px;color:#252f1c;width:100%;min-width:0;line-height:1.45}.builder-fields input:focus,.builder-fields select:focus{outline:2px solid #788d4f;outline-offset:2px}.builder-wide{grid-column:1/-1}.builder-result{border-left:1px solid #d8decd;padding-left:34px;display:flex;flex-direction:column;align-items:start;gap:20px;justify-content:space-between}.builder-result .eyebrow{color:#737f63}.builder-result output{font-size:19px;line-height:1.65;letter-spacing:-.02em}.choice-widget{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#f4f5ee}.choice-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 24px;gap:25px}.choice-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:21px 8px;font-size:15px;color:#778168}.choice-tabs button[aria-selected=true]{color:#27321b;border-bottom-color:#43552d}.choice-panel{padding:32px}.choice-panel[hidden]{display:none}.choice-panel h3{font-size:26px;font-weight:500;letter-spacing:-.03em;margin-bottom:18px}.choice-panel>p{font-size:18px;line-height:1.75;max-width:850px;color:#4f5b43}.choice-bottom{display:flex;gap:35px;justify-content:space-between;align-items:end;margin-top:28px;border-top:1px solid var(--line);padding-top:22px}.choice-bottom span{font-size:14px;line-height:1.6;color:#7d886e;max-width:650px}.text-button{padding:0 0 4px;border:0;border-bottom:1px solid #9aa689;color:#36482b;background:none;font-size:13px;white-space:nowrap;align-self:start}.text-button:hover{color:#6b823e;border-bottom-color:#6b823e}.speech-check{display:grid;grid-template-columns:1.25fr .75fr;gap:0 55px;padding:36px;background:#edf0e6;border:1px solid #dde3d0;border-radius:16px}.speech-check>label{grid-column:1;display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #dce2d1;font-size:16px;cursor:pointer;line-height:1.5}.speech-check input{width:20px;height:20px;accent-color:#657d35;flex-shrink:0}.check-result{grid-column:2;grid-row:1/6;align-self:center}.check-result>span{font-size:23px;letter-spacing:-.035em;line-height:1.3;display:block}.check-track{height:6px;background:#d9e0cb;border-radius:8px;margin:22px 0;overflow:hidden}.check-track>span{display:block;background:#788f4d;height:100%;width:0;transition:width .3s}.check-result p{font-size:14px;line-height:1.7;color:#778269}.page-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px}.page-gallery .video-frame{aspect-ratio:16/10}.page-gallery .video-frame.portrait{aspect-ratio:4/4.5;max-height:500px}.prompt-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:27px}.prompt-filters button{background:none;border:1px solid #d6dccb;border-radius:30px;padding:10px 19px;font-size:14px;color:#6d775e;transition:background .25s,color .25s}.prompt-filters button:hover{background:#edf0e5}.prompt-filters button[aria-pressed=true]{background:#26331d;color:white;border-color:#26331d}.prompt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.prompt-card{display:flex;flex-direction:column;border:1px solid #dce0d4;border-radius:12px;padding:26px;min-width:0;background:#fff9}.prompt-card[hidden]{display:none}.prompt-category{font-size:11px;letter-spacing:.04em;color:#879275}.prompt-card h3{font-size:23px;line-height:1.2;font-weight:500;letter-spacing:-.025em;margin:15px 0}.prompt-card>p{font-size:15px;line-height:1.75;color:#606d52}.prompt-card-bottom{margin-top:auto;padding-top:22px;display:flex;flex-direction:column;gap:19px}.prompt-card-bottom p{font-size:13px;line-height:1.65;color:#8b947e;border-top:1px solid #e5e8dd;padding-top:17px}.filter-status{font-size:12px;color:#859075;margin-top:18px}.advice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding:30px 0 15px;border-top:1px solid var(--line)}.advice-grid h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;font-weight:500;margin-bottom:15px}.advice-grid p{font-size:15px;line-height:1.8;color:#748065}.reference-heading{margin-top:42px;display:flex;justify-content:space-between;gap:40px;align-items:baseline}.reference-heading h3{font-size:23px;font-weight:500;letter-spacing:-.025em;flex-shrink:0}.reference-heading p{font-size:13px;line-height:1.7;color:#869177;max-width:540px}.reference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}.reference-image{margin:0;min-width:0}.reference-image img{width:100%;height:210px;object-fit:cover;border-radius:10px}.reference-image figcaption{font-size:12px;line-height:1.6;color:#7d886e;margin-top:12px}.image-credits{border:0;margin-top:24px}.image-credits summary{font-size:12px;padding:8px 0;color:#899378;max-width:250px}.image-credits summary span{margin-left:12px}.image-credits ul{padding-left:16px;font-size:12px;line-height:1.8;color:#879075}.image-credits a{text-decoration:underline;text-underline-offset:3px}.related-links{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px;border-top:1px solid var(--line);padding-top:23px}.related-links a{font-size:15px;color:#667747;line-height:1.65;text-decoration:underline;text-underline-offset:5px}.related-links a:hover{color:#2c3e1d}.detail-page .faq{padding-bottom:100px}.detail-page .final-cta{max-width:1360px;margin:0 auto;padding:75px 25px 0}.detail-page .final-cta h2{font-size:clamp(43px,5.5vw,84px);line-height:1.04;margin:0 0 22px}.detail-page .final-cta>p{font-size:16px;color:#627738;line-height:1.7;margin:0 auto 25px;max-width:550px}.cta-rule{height:1px;background:#b9dc54;margin:55px 30px 0}.copy-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);padding:13px 20px;background:#26321f;color:white;border-radius:40px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50;max-width:90vw;text-align:center}.copy-toast.visible{opacity:1;transform:translate(-50%,0)}.theme-photo .feature-section,.theme-music .feature-section{direction:rtl}.theme-photo .feature-section>*,.theme-music .feature-section>*{direction:ltr}.theme-effects .choice-widget{background:#f1f0f6}.theme-speech .speech-check{background:#edf0ed}.theme-product .prompt-card{background:#f2f3ed}.theme-music .choice-widget{background:#f2f0f6}
@media(min-width:1600px){.page-hero-layout{padding-top:65px}.page-hero-copy h1{font-size:72px}}
@media(max-width:1050px){.page-hero-layout{gap:4%;grid-template-columns:1fr 1fr}.page-hero-copy h1{font-size:45px}.page-section{padding-top:80px}.feature-section{gap:6%}.prompt-grid{grid-template-columns:1fr 1fr}.advice-grid{grid-template-columns:1fr 1fr}.prompt-builder{padding:28px;gap:25px}.builder-result{padding-left:25px}.builder-fields{grid-template-columns:1fr}.reference-grid{grid-template-columns:1fr 1fr}.reference-image img{height:250px}.reference-heading{align-items:start}.speech-check{gap:0 28px}.feature-points>div{grid-template-columns:90px 1fr}}
@media(max-width:700px){.site-footer{padding:46px 6% 24px}.footer-top{grid-template-columns:1fr;gap:35px}.footer-links{gap:15px 20px}.footer-links a{font-size:14px}.footer-bottom{margin-top:36px;flex-direction:column;gap:13px}.page-hero,.page-section{padding-left:6%;padding-right:6%}.page-hero{padding-top:25px}.breadcrumbs{font-size:12px;gap:10px}.page-hero-layout,.page-hero-layout:has(.portrait){display:flex;flex-direction:column;gap:34px;padding-top:35px;align-items:stretch}.page-hero-copy{text-align:center}.page-hero-copy h1{font-size:clamp(35px,7.8vw,52px)}.page-hero-copy>p{font-size:16px;margin:23px auto 25px;max-width:430px}.hero-actions{justify-content:center;gap:22px}.page-hero-media{width:100%;max-width:100%}.video-frame{aspect-ratio:4/3;border-radius:12px}.page-hero-media .portrait{max-height:450px;max-width:360px;margin-inline:auto}.page-video figcaption{font-size:11px;gap:12px}.video-controls{bottom:14px;right:14px}.video-controls button{height:38px;min-width:38px}.page-hero-meta{font-size:11px;margin-top:10px;padding:19px 0;align-items:start;gap:15px}.page-hero-meta>span{max-width:140px}.page-hero-meta #motion-toggle{font-size:11px;text-align:right;max-width:150px}.page-section{padding-top:70px}.feature-section{display:flex;flex-direction:column;gap:28px;align-items:stretch}.feature-section .feature-copy h2,.page-heading h2,.detail-page .faq h2{font-size:33px}.feature-section .feature-copy p{font-size:16px}.feature-points>div{grid-template-columns:100px 1fr;gap:18px}.feature-points dd{font-size:14px}.page-heading{display:block;margin-bottom:28px}.page-heading>.eyebrow{margin-bottom:20px}.page-heading>p{margin-top:18px;font-size:16px;max-width:none}.prompt-builder{display:flex;flex-direction:column;padding:22px;gap:27px}.builder-fields{grid-template-columns:1fr;gap:18px}.builder-fields input,.builder-fields select{font-size:16px}.builder-result{border:0;border-top:1px solid #d8decd;padding:25px 0 0}.builder-result output{font-size:17px}.choice-tabs{gap:0;padding:0 10px;justify-content:space-between;flex-wrap:wrap}.choice-tabs button{padding:17px 8px;font-size:13px}.choice-panel{padding:25px 22px}.choice-panel h3{font-size:25px}.choice-panel>p{font-size:16px;line-height:1.8}.choice-bottom{display:flex;flex-direction:column;align-items:start;gap:20px}.speech-check{display:block;padding:22px}.speech-check>label{font-size:15px}.check-result{margin-top:30px}.check-result>span{font-size:23px}.page-gallery{grid-template-columns:1fr;gap:28px}.page-gallery .video-frame{aspect-ratio:16/11}.page-gallery .video-frame.portrait{aspect-ratio:4/5;max-width:380px;margin-inline:auto}.prompt-grid{grid-template-columns:1fr;gap:15px}.prompt-filters{gap:7px}.prompt-filters button{padding:9px 14px;font-size:13px}.prompt-card{padding:23px}.prompt-card h3{font-size:24px}.prompt-card>p{font-size:16px}.advice-grid{grid-template-columns:1fr 1fr;gap:27px 20px}.advice-grid h3{font-size:20px}.advice-grid p{font-size:14px;line-height:1.8}.reference-heading{display:block;margin-top:30px}.reference-heading p{margin-top:12px;font-size:13px}.reference-grid{gap:22px 14px}.reference-image img{height:180px}.reference-image figcaption{font-size:11px}.related-links{grid-template-columns:1fr;gap:18px}.related-links a{font-size:14px}.detail-page .faq{padding-bottom:70px}.detail-page .final-cta{margin:0 4%;padding:58px 20px 0}.detail-page .final-cta h2{font-size:clamp(39px,8vw,56px)}.detail-page .final-cta>p{font-size:15px}.cta-rule{margin-top:44px}.theme-photo .feature-section,.theme-music .feature-section{direction:ltr}}
@media(max-width:370px){.advice-grid{grid-template-columns:1fr}.reference-image img{height:145px}.footer-links{grid-template-columns:1fr}.feature-points>div{grid-template-columns:85px 1fr;gap:12px}.choice-tabs button{font-size:12px;padding-inline:6px}}
@media(prefers-reduced-motion:reduce){.copy-toast,.check-track>span{transition:none}}
.source-reference{display:grid;grid-template-columns:1fr 150px;gap:20px;align-items:center;padding:22px;background:#eff2e8;border-radius:12px;margin-top:20px}.source-reference>.eyebrow{font-size:11px;line-height:1.7;color:#768267}.source-reference img{width:150px;height:100px;object-fit:cover}.source-reference figcaption{display:none}.reference-grid:has(>.reference-image:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}.theme-effects .reference-image img{object-fit:contain;background:#f0f2ea}.theme-photo .reference-image:nth-child(3) img{object-fit:contain;background:#eee}
@media(max-width:700px){.reference-grid:has(>.reference-image:nth-child(3):last-child){grid-template-columns:1fr 1fr}.source-reference{grid-template-columns:1fr 125px;padding:17px}.source-reference img{width:125px;height:85px}}