@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f8f8f4;--ink:#252a25;--muted:#535c4e;--orange:#e96b46;--line:#e2e4db;--green:#536b42}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:calc(100% - 112px);max-width:1240px;margin-inline:auto}.site-header{height:108px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:40px}.brand{display:inline-flex;align-items:center;font-family:Manrope,Arial,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.5px;white-space:nowrap}.brand-icon{display:grid;place-items:center;background:var(--orange);border-radius:10px;width:35px;height:35px;margin-right:9px;transform:rotate(-5deg)}.brand-icon svg{width:24px;fill:white;stroke:white;stroke-width:1}.brand-dot{color:var(--orange)}nav{display:flex;gap:32px;margin-left:auto;font-size:16px;font-weight:500}nav a{color:var(--muted)}nav a.active,nav a:hover{color:var(--ink)}.header-cta{display:flex;align-items:center;gap:22px;border:1px solid #d7dacd;border-radius:8px;padding:11px 17px;font-size:16px;font-weight:600;margin-left:22px}.header-cta svg{width:17px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;padding-top:85px;padding-bottom:76px;align-items:center}.eyebrow,.section-kicker{font-size:16px;letter-spacing:1.6px;font-weight:700}.eyebrow{display:flex;align-items:center;gap:8px}.eyebrow>span{width:7px;height:7px;background:var(--orange);border-radius:50%}h1,h2,h3,p{margin:0}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(40px,4.15vw,58px);line-height:1.18;letter-spacing:-2.8px;font-weight:750;margin-top:25px;white-space:nowrap;position:relative}h1>span{color:var(--green)}.heading-spark{color:var(--orange);width:42px;height:42px;margin:0 0 10px 12px;stroke-width:2.3}.hero-description{color:var(--muted);font-size:17px;line-height:1.8;margin-top:21px}form{margin-top:30px;position:relative}.input-shell{display:flex;align-items:center;padding:7px;border:1px solid #d7dbd0;border-radius:10px;background:#fff;box-shadow:0 4px 0 #e9ebe240;gap:9px}.input-icon{width:18px;color:#9ba18f;margin-left:9px}input{width:100%;min-width:0;border:0;outline:none;color:var(--ink);background:transparent;font-size:16px;height:42px}input::placeholder{color:#616a58}.input-shell:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #536b4210}#paste-button{display:grid;place-items:center;border:0;background:none;padding:5px;color:#989c91}#paste-button svg{width:17px}.convert-button{background:var(--orange);color:white;border:0;border-radius:6px;padding:13px 19px;display:flex;align-items:center;gap:17px;font-weight:600;font-size:16px;white-space:nowrap}.convert-button svg{width:18px;height:18px}.convert-button:hover{background:#d95b37}.form-message{font-size:16px;color:#a5482e;line-height:1.6}.form-message:not(:empty){margin-top:9px}.example{font-size:16px;color:#535c4e;margin-top:14px;display:flex;align-items:center;gap:6px}.example button{border:0;border-bottom:1px solid #bec4b2;padding:0;background:none;font-size:16px;display:inline-flex;align-items:center;gap:4px;color:#465939}.example svg{width:12px;height:12px}.benefits{display:flex;gap:21px;margin-top:30px;color:#48583b;font-size:16px}.benefits span{display:flex;gap:7px;align-items:center;white-space:nowrap}.benefits svg{width:18px;height:18px;color:var(--green)}.hero-art{height:390px;position:relative;margin-left:24px}.art-grid{position:absolute;inset:0 -8px;background-image:radial-gradient(#bfc6ad 1px,transparent 1px);background-size:18px 18px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}.video-card{position:absolute;left:24px;top:43px;width:85%;max-width:360px;background:white;border:1px solid #d7dcce;border-radius:12px;padding:11px;transform:rotate(-6deg);box-shadow:0 14px 30px #34422a0d}.video-toolbar{height:23px;display:flex;align-items:center;gap:4px;padding-bottom:9px}.video-toolbar>span{width:5px;height:5px;background:#dfe1d5;border-radius:50%}.video-toolbar>span:first-child{background:#e99c80}.video-toolbar b{margin-left:auto;font-size:16px;letter-spacing:1px;color:#59664a;font-weight:500}.video-landscape{height:185px;background:#dce3c9;border-radius:5px;position:relative;overflow:hidden}.sun{width:63px;height:63px;background:#efb85f;border-radius:50%;position:absolute;top:24px;right:55px}.mountain{position:absolute;width:110%;height:150%;bottom:-80%;left:-25%;background:#859778;transform:rotate(-40deg);border-radius:32%}.mountain-front{background:#536950;left:23%;bottom:-93%;transform:rotate(40deg);width:120%}.landscape-grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.13' filter='url(%23n)' d='M0 0h200v200H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.4}.art-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:1px solid #ffffff8f;border-radius:50%;display:grid;place-items:center;background:#ffffff24;backdrop-filter:blur(3px);color:white}.art-play svg{fill:white;width:21px}.video-time{position:absolute;right:10px;bottom:10px;background:#24302190;color:white;padding:3px 6px;border-radius:3px;font-size:16px}.video-caption{display:flex;justify-content:space-between;padding:13px 3px 4px;font-size:16px;font-weight:600}.format-tag{position:absolute;right:0;top:36px;background:#fff;border:1px solid #e2e4db;border-radius:30px;padding:12px;display:flex;gap:7px;align-items:center;transform:rotate(7deg);font-size:16px;font-weight:700;letter-spacing:1px;box-shadow:0 6px 18px #30352408}.green-dot{display:inline-block;width:6px;height:6px;background:#849c62;border-radius:50%;flex-shrink:0}.format-tag svg{width:14px;height:14px;color:#849c62}.file-card{position:absolute;bottom:45px;right:0;display:flex;align-items:center;gap:13px;width:290px;background:#fff;border:1px solid #dce0d2;border-radius:10px;padding:17px;transform:rotate(5deg);box-shadow:0 10px 20px #30352408}.file-symbol{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f9e8dd;border:1px solid #f0c7b1;color:#c8754c;width:37px;height:47px;border-radius:5px 12px 5px 5px}.file-symbol svg{width:16px;height:18px}.file-symbol span{font-size:16px;font-weight:700}.file-card strong{display:block;font-size:16px;font-weight:600}.file-card>div>span:not(.file-symbol span){display:block;font-size:16px;color:#59664d;margin-top:5px}.file-download{display:grid;place-items:center;width:30px;height:30px;background:#edf0e4;border-radius:50%;margin-left:auto;color:#6e8158}.file-download svg{width:15px;height:15px}.dashed-arrow{position:absolute;width:120px;height:80px;left:10px;bottom:28px;stroke:#8f9a79;stroke-dasharray:4 5;stroke-width:1.4}.art-note{position:absolute;right:44px;bottom:3px;color:#536345;font-size:16px;font-family:Georgia,serif;font-style:italic;transform:rotate(-5deg)}.art-star{position:absolute;color:#8e9a75}.star-one{top:5px;left:20px;font-size:33px}.star-two{right:5px;bottom:141px;font-size:23px;color:#e5a578}.compatibility{border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-block:23px}.compatibility>span{color:#535f49;font-size:16px;letter-spacing:1.5px;font-weight:600}.compatibility>div{display:flex;align-items:center;gap:18px;color:#4d5d40;font-size:16px}.compatibility svg{width:17px;height:17px}.compatibility i{width:3px;height:3px;background:#bbc2ae;border-radius:50%}.how-section{padding-block:64px}.section-kicker{color:#505e44;font-size:16px}h2{font-family:Manrope,Arial,sans-serif;font-size:27px;font-weight:650;letter-spacing:-1px;line-height:1.35;margin-top:12px}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-heading>p{font-size:16px;line-height:1.8;color:#535d4c;padding-right:22px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:33px}.steps article{border-top:1px solid var(--line);padding-top:20px}.step-top{display:flex;align-items:center;justify-content:space-between}.step-number{font-family:Manrope,Arial,sans-serif;color:#5b684d;font-size:16px}.step-top>svg{width:21px;height:21px;color:#899477}.steps h3{font-size:16px;font-weight:600;margin-top:22px;letter-spacing:-.3px}.steps p{font-size:16px;color:#515b49;line-height:1.9;margin-top:10px}.feature-band{display:flex;align-items:center;gap:28px;background:#eef0e6;border:1px solid #e5e8dc;border-radius:12px;padding:34px 36px}.feature-symbol{display:grid;place-items:center;width:70px;height:70px;border:1px solid #d6ddc8;border-radius:20px;transform:rotate(-6deg);color:#758a5e;background:#f7f8f2}.feature-symbol svg{width:29px;height:29px}.feature-band h2{font-size:23px;margin-top:8px}.feature-band p{font-size:16px;line-height:1.9;margin-top:10px;color:#515e45}.format-stack{margin-left:auto;display:flex;flex-direction:column;align-items:center;padding:10px 24px;transform:rotate(-5deg)}.format-stack>span{font-family:Manrope,Arial,sans-serif;font-size:46px;font-weight:700;letter-spacing:-3px;color:#94a37e}.format-stack small{font-size:16px;letter-spacing:1.8px;color:#52653f;margin-top:2px}.faq-section{display:grid;grid-template-columns:1fr 1.6fr;gap:90px;padding-block:78px}.faq-intro h2{font-size:32px}.faq-intro p{font-size:16px;color:#535d4a;line-height:1.9;margin-top:16px}details{border-bottom:1px solid var(--line);padding:20px 0}details:first-child{padding-top:0}summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;font-size:16px;font-weight:500}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:20px;color:#8d957f;font-weight:400}details[open] summary:after{content:'−'}details p{color:#515b48;font-size:16px;line-height:1.9;padding-right:38px;margin-top:13px}.closing{display:flex;align-items:center;gap:11px;border-block:1px solid var(--line);padding-block:24px}.closing p{font-size:16px;color:#4e5d40}.closing a{display:flex;align-items:center;gap:18px;font-size:16px;margin-left:auto;font-weight:600}.closing svg{width:16px;height:16px;color:var(--orange)}footer{padding-top:35px;padding-bottom:24px}.footer-main{display:flex;align-items:center;gap:26px}.footer-main .brand{font-size:23px}.footer-main .brand-icon{width:27px;height:27px;border-radius:8px}.footer-main .brand-icon svg{width:18px;height:18px}.footer-main p{color:#535d4b;font-size:16px;margin-right:auto}.footer-main>a:not(.brand){font-size:16px;color:#505d44}.footer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:26px;font-size:16px;color:#59634e;gap:30px}.footer-bottom p{text-align:right;line-height:1.7}.converter-result{background:white;border:1px solid var(--line);border-radius:12px;padding:28px;margin-bottom:35px;scroll-margin-top:25px}.result-header{display:flex;align-items:center;justify-content:space-between}.result-header h2{margin-top:5px}.text-button{border:1px solid var(--line);border-radius:6px;background:transparent;padding:8px 12px;font-size:16px}.text-button span{font-size:19px;margin-left:10px}.result-status{font-size:16px;line-height:1.8;color:var(--muted);margin-block:18px}iframe{display:block;width:100%;height:520px;border:1px solid var(--line);border-radius:8px;background:#fafbf7}.embed-note{font-size:16px;color:var(--muted);line-height:1.8;margin-top:15px}.embed-note a{text-decoration:underline;color:var(--green)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:15px;z-index:10;background:white;padding:12px;border:1px solid var(--green)}.skip-link:focus{top:10px}:focus-visible{outline:2px solid var(--green);outline-offset:5px}button,a{transition:background .15s,color .15s}a:hover{color:var(--green)}
@media(min-width:1450px){.hero{padding-block:100px}.hero-art{height:415px}.video-card{left:45px;max-width:390px}.video-landscape{height:205px}.file-card{right:10px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}h1{font-size:43px;letter-spacing:-2px}.hero{grid-template-columns:1.25fr 1fr;padding-top:60px;gap:0}.hero-art{margin-left:10px;height:350px}.video-card{left:9px;top:50px;width:92%}.video-landscape{height:155px}.file-card{width:260px;right:-10px;bottom:35px}.format-tag{right:-8px;top:37px}.benefits{gap:13px;font-size:16px;flex-wrap:wrap}.heading-spark{width:30px;height:30px;margin-left:4px}.input-shell{gap:4px}.convert-button{padding-inline:13px;gap:10px}.compatibility>div{gap:12px}.steps{gap:30px}.faq-section{gap:55px}.feature-band{gap:22px}.feature-band h2{font-size:21px}.format-stack{padding-right:0}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:82px;gap:12px}.brand{font-size:26px}.brand-icon{width:31px;height:31px}nav{gap:20px;font-size:16px}nav .active{display:none}.header-cta{display:none}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:25px}.eyebrow{font-size:16px;letter-spacing:1.1px}h1{font-size:clamp(33px,7vw,48px);letter-spacing:-1.9px;margin-top:20px}.hero-description{font-size:16px}.hero-copy{max-width:600px}form{margin-top:23px}.benefits{font-size:16px;gap:12px 18px;flex-wrap:wrap;margin-top:23px}.hero-art{width:340px;max-width:90%;margin:25px auto 0;height:330px}.video-card{width:88%;left:5px;top:30px}.video-landscape{height:160px}.format-tag{top:19px;right:-5px}.file-card{bottom:25px;right:0}.art-note{bottom:-3px}.star-one{top:0;left:0}.star-two{right:0;bottom:120px}.compatibility{flex-direction:column;gap:15px;padding-block:21px}.compatibility>span{font-size:16px;text-align:center}.compatibility>div{font-size:16px;gap:10px}.how-section{padding-block:43px}.section-heading{align-items:start}.section-heading>p{display:none}h2{font-size:25px}.steps{gap:20px;margin-top:27px}.steps h3{font-size:16px;margin-top:16px}.steps p{font-size:16px}.steps p br{display:none}.feature-band{padding:25px;gap:18px}.feature-symbol{width:48px;height:55px;flex-shrink:0;border-radius:13px}.feature-band h2{font-size:20px}.feature-band p{font-size:16px}.feature-band p br{display:none}.format-stack{display:none}.faq-section{grid-template-columns:1fr;gap:28px;padding-block:48px}.faq-intro h2{font-size:28px}.faq-intro h2 br{display:none}.faq-intro p{display:none}summary{font-size:16px}.closing{align-items:start;flex-wrap:wrap;gap:9px}.closing .green-dot{margin-top:5px}.closing p{font-size:16px}.closing a{margin-left:15px;font-size:16px;margin-top:5px}.footer-main{gap:15px;flex-wrap:wrap}.footer-main p{flex-basis:calc(100% - 120px)}.footer-main>a:not(.brand){font-size:16px}.footer-bottom{align-items:start;font-size:16px;gap:15px}.footer-bottom>span{white-space:nowrap}.footer-bottom p{max-width:260px}.converter-result{padding:20px}iframe{height:540px}.result-header h2{font-size:22px}}
@media(max-width:420px){.steps{grid-template-columns:1fr;gap:22px}.step-top{float:left;width:58px;gap:14px;margin-right:18px;margin-top:4px}.steps article{padding-top:17px}.steps h3{margin-top:0}.steps p{margin-left:76px}.benefits{font-size:16px;gap:12px 16px}.input-icon{display:none}.input-shell{padding:5px 5px 5px 10px}input{font-size:16px}.convert-button{font-size:16px;padding-inline:12px}.convert-button svg{width:15px}.hero-art{max-width:95%}.feature-symbol{display:none}.footer-main p{font-size:16px}.heading-spark{width:25px;height:25px;margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:1000px) and (min-width:761px){.site-header{gap:22px}nav{gap:20px}.header-cta{margin-left:0;gap:12px}.steps p br{display:none}.compatibility{gap:20px}.compatibility>span{max-width:260px;line-height:1.7}.footer-main{gap:18px;flex-wrap:wrap}}
@media(max-width:600px){.steps{grid-template-columns:1fr;gap:22px}.step-top{float:left;width:58px;gap:14px;margin-right:18px;margin-top:4px}.steps article{padding-top:17px}.steps h3{margin-top:0}.steps p{margin-left:76px}}

/* Keep all visible copy readable, including decorative labels. */
.eyebrow,.section-kicker{line-height:1.65;letter-spacing:1px}
.video-toolbar{height:auto;min-height:28px;gap:4px}
.video-toolbar b{font-size:16px;letter-spacing:0;line-height:1.3;margin-left:8px}
.video-toolbar>span{flex-shrink:0}
.video-caption{gap:8px;line-height:1.5}
.format-tag{letter-spacing:.5px;padding:10px 12px}
.file-card{width:320px;max-width:100%;gap:10px;padding:14px}
.file-symbol{width:42px;min-width:42px;height:52px}
.file-card strong{line-height:1.5}
.file-card>div>span:not(.file-symbol span){line-height:1.4}
.file-download{flex-shrink:0}
.format-stack small{letter-spacing:.5px;white-space:nowrap}
.compatibility{gap:24px}
.compatibility>span{line-height:1.7}
.compatibility>div{flex-shrink:0}
.footer-main{flex-wrap:wrap}
.footer-bottom{align-items:flex-start;line-height:1.7}
.footer-bottom>span{white-space:nowrap}
@media(max-width:1100px) and (min-width:761px){.compatibility{align-items:flex-start;flex-direction:column;gap:12px}.compatibility>span{max-width:none}.hero-art{margin-left:14px}.video-toolbar b{font-size:16px}.file-card{right:0}}
@media(max-width:760px){.eyebrow{letter-spacing:.5px}.compatibility>div{flex-wrap:wrap;justify-content:center;flex-shrink:1;gap:10px}.footer-main p{flex-basis:auto}.footer-bottom{flex-wrap:wrap;gap:10px}.footer-bottom p{max-width:none;text-align:left}.file-card{right:0}.video-card{padding:10px}.video-toolbar b{font-size:16px}.format-tag{top:0}.hero-art{margin-top:38px}.example{flex-wrap:wrap}.section-kicker{letter-spacing:.6px}}
@media(max-width:420px){.input-shell{flex-wrap:wrap;gap:4px}input{flex:1;min-width:0}#paste-button{padding:6px}.convert-button{justify-content:center;width:100%;margin-top:3px}.hero-art{height:355px}.file-card{bottom:22px}.art-note{right:20px;bottom:-8px}.format-tag{right:-3px}.video-toolbar b{font-size:16px}.video-caption{font-size:16px}}

/* Body copy uses a 16px minimum; compact labels retain a 14px minimum. */
body{font-size:16px}
.hero-description{font-size:17px}
.section-heading>p,.steps p,.feature-band p,.faq-intro p,details p,.closing p{font-size:16px}
.form-message,.result-status,.embed-note{font-size:16px}
.footer-main p,.footer-bottom{font-size:16px}
@media(max-width:760px){.hero-description{font-size:16px}.footer-main p,.footer-bottom{font-size:16px}.footer-main p{line-height:1.7}}
summary{font-size:16px}

/* Larger secondary copy with stronger contrast on both screen sizes. */
nav{font-size:17px}
nav a{color:#46513f}
.benefits{font-size:16px;flex-wrap:wrap;gap:12px 20px}
.benefits svg{width:20px;height:20px;color:#465c36}
.example,.example button,.section-kicker,.eyebrow{font-size:16px}
.eyebrow,.section-kicker{letter-spacing:.5px}
.video-toolbar b{font-size:16px;line-height:1.4}
.video-toolbar{min-height:32px}
.file-card{width:350px}
.file-card>div{min-width:0}
.file-card>div>span:not(.file-symbol span){overflow-wrap:anywhere}
.file-symbol{flex-shrink:0;width:46px;min-width:46px}
.format-tag{letter-spacing:0}
.footer-main>a:not(.brand){color:#46533d}
@media(max-width:760px){nav{font-size:16px;gap:16px}.eyebrow{line-height:1.6}.compatibility>div{flex-wrap:wrap}.hero-art{height:380px}.file-card{max-width:100%;bottom:28px}.art-note{bottom:0}.video-toolbar b{font-size:16px}.footer-main{gap:16px 22px}}

/* Search-focused editorial sections use the same readable type scale. */
.hero-description{max-width:560px}
.content-section{padding-block:64px;border-bottom:1px solid var(--line)}
.section-intro{max-width:920px;margin-top:20px;font-size:16px;color:var(--muted);line-height:1.85}
.link-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}
.link-types article{border:1px solid #d9dfcf;border-radius:10px;background:#fdfdf9;padding:26px}
.link-type-label{display:block;font-size:16px;letter-spacing:.5px;color:#505e44;font-weight:600;line-height:1.6}
.link-types h3,.quality-options h3{font-size:20px;line-height:1.45;font-weight:600;letter-spacing:-.4px;margin-top:12px}
.link-types code{display:block;margin-block:18px;font-family:ui-monospace,Consolas,monospace;font-size:16px;color:#3d5333;overflow-wrap:anywhere;line-height:1.7}
.link-types p,.quality-intro p,.quality-options p{font-size:16px;line-height:1.85;color:var(--muted)}
.guide-note{font-size:16px;color:var(--muted);line-height:1.8;margin-top:25px}
.guide-note a,.inline-link{color:#3f5730;text-decoration:underline;text-underline-offset:4px}
.quality-guide{display:grid;grid-template-columns:1fr 1.45fr;gap:75px;align-items:start}
.quality-intro h2{font-size:32px;margin-bottom:20px}
.quality-intro .inline-link{display:inline-block;font-size:16px;line-height:1.8;margin-top:22px}
.quality-options article{display:flex;gap:23px;padding-block:24px;border-bottom:1px solid var(--line)}
.quality-options article:first-child{padding-top:0}
.quality-options article:last-child{border-bottom:0;padding-bottom:0}
.quality-number{font-size:16px;color:#526442;padding-top:5px}
.quality-options h3{margin-top:0;margin-bottom:10px}
.faq-intro p{max-width:300px}
.feature-band>div:nth-child(2){flex:1;min-width:0}
@media(max-width:1100px){.link-types{gap:18px}.link-types article{padding:22px}.quality-guide{gap:40px}.format-stack{display:none}}
@media(max-width:760px){h1{white-space:normal}.heading-spark{display:none}.content-section{padding-block:44px}.link-types{grid-template-columns:1fr;gap:16px;margin-top:24px}.link-types article{padding:24px}.quality-guide{grid-template-columns:1fr;gap:30px}.quality-intro h2{font-size:28px}.quality-options article{gap:18px}.section-intro{margin-top:16px}.faq-intro h2 br{display:block}.closing a{margin-left:0}.closing{gap:12px}.steps p{margin-left:0}.step-top{float:none;width:auto;margin:0 0 16px}.steps h3{font-size:20px}.steps{grid-template-columns:1fr}}

#clear-button{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;border:0;border-radius:5px;background:#eef0e6;color:#46533d;padding:7px 9px;font-size:16px;line-height:1.4}
#clear-button span{font-size:20px;line-height:1}
#clear-button:hover{background:#e0e6d5}
#convert-next{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:600;color:#3f5730;white-space:nowrap}
#convert-next svg{width:18px;height:18px}
@media(max-width:600px){.input-shell{flex-wrap:wrap}input{flex:1;min-width:0}.input-shell .convert-button{width:100%;justify-content:center;margin-top:3px}.result-header{align-items:flex-start;flex-wrap:wrap;gap:16px}}

#convert-next{background:#354b29;border-color:#354b29;color:#fff;padding:11px 16px}#convert-next:hover{background:#26391d;border-color:#26391d}#convert-next:focus-visible{outline-color:#354b29;outline-offset:3px}

/* Give conversion results more usable space on small screens. */
@media(max-width:760px){.converter-result.wrap{width:calc(100% - 16px);padding:12px 6px;margin-top:8px;margin-bottom:20px;border-radius:8px}.converter-result .result-header{padding-inline:6px;gap:12px}.converter-result .result-status{margin:12px 6px;line-height:1.6}.converter-result #embed-container{width:100%;min-width:0}.converter-result iframe{border-radius:4px}}
@media(max-width:420px){.converter-result.wrap{width:calc(100% - 8px);padding:10px 3px}.converter-result .result-header{padding-inline:5px}.converter-result .result-status{margin-inline:5px}}

/* Retain the original initial height as the auto-height floor. */
#embed-container iframe{min-height:520px}
@media(max-width:760px){#embed-container iframe{min-height:540px}}

/* Information pages share homepage branding and readable body typography. */
.footer-policies{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:16px 26px;margin:28px 0 0;padding-top:24px;border-top:1px solid var(--line);font-size:16px;line-height:1.7}
.footer-policies a{color:#46533d}.footer-policies a:hover,.footer-policies a[aria-current=page]{text-decoration:underline;text-underline-offset:4px}
.information-main{padding-bottom:70px}.breadcrumbs{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;margin:30px 0 0;font-size:16px;color:#535c4e;line-height:1.7}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.information-heading{padding:45px 0 36px;max-width:850px}.information-heading h1{font-size:48px;line-height:1.2;white-space:normal;letter-spacing:-2px;margin-top:16px}.information-intro{font-size:18px;color:#46513f;line-height:1.85;margin-top:24px}.revision-date{font-size:16px;color:#59634e;margin-top:22px;line-height:1.7}
.information-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:65px;border-top:1px solid var(--line);padding-top:36px}.information-toc{align-self:start;position:sticky;top:25px}.information-toc>p{font-size:18px;font-weight:600}.information-toc ol{padding-left:23px;margin-top:18px}.information-toc li{font-size:16px;line-height:1.7;color:#4c5b40;padding-left:4px;margin-bottom:12px}.information-toc a:hover{text-decoration:underline;text-underline-offset:4px}
.information-content{max-width:830px}.information-content section{margin-bottom:36px;scroll-margin-top:30px}.information-content h2{font-size:25px;margin:0 0 16px;letter-spacing:-.5px}.information-content p{font-size:16px;line-height:1.95;color:#46513f;margin-top:14px;overflow-wrap:anywhere}.information-content p a,.information-back a{color:#354b29;text-decoration:underline;text-underline-offset:4px}.information-back{padding-top:24px;border-top:1px solid var(--line);font-size:16px;line-height:1.8}
.contact-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;border:1px solid #d9dfcf;background:#eef0e6;border-radius:12px;margin-bottom:38px}.contact-callout>div>a{display:block;font-size:26px;font-weight:600;letter-spacing:-.5px;margin-top:8px;overflow-wrap:anywhere}.contact-email-button{display:inline-flex;align-items:center;gap:20px;background:#354b29;border-radius:7px;padding:13px 18px;color:white;font-size:16px;white-space:nowrap}.contact-email-button:hover{background:#26391d;color:white}
.information-page footer{border-top:1px solid var(--line)}
@media(max-width:1000px){.information-layout{grid-template-columns:220px minmax(0,1fr);gap:35px}}
@media(max-width:760px){.information-main{padding-bottom:45px}.information-page .site-header nav>a:first-child{display:none}.information-heading{padding:32px 0}.information-heading h1{font-size:36px;letter-spacing:-1.3px}.information-intro{font-size:17px}.information-layout{grid-template-columns:1fr;gap:26px;padding-top:24px}.information-toc{position:static;border-bottom:1px solid var(--line);padding-bottom:16px}.information-content h2{font-size:23px}.contact-callout{padding:24px;flex-direction:column;align-items:flex-start;gap:20px}.contact-callout>div>a{font-size:24px}.footer-policies{gap:14px 22px}}