/* XEM editorial extension: existing palette, quiet motion, result before navigation. */
.development-home,.development-article{--dev-accent:#a13e25;--dev-muted:#56564e;color:var(--ink,#252522);font-family:Arial,"Noto Sans KR","Malgun Gothic",sans-serif;}
.development-home{padding:36px 0 42px;border-bottom:1px solid var(--line);}
.development-home-top,.development-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:36px;}
.development-home h1,.development-article h1{font-size:clamp(28px,3.3vw,43px);line-height:1.28;letter-spacing:-.025em;word-break:normal;overflow-wrap:break-word;max-width:22ch;}
.development-eyebrow{color:var(--dev-accent);font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.6;margin:0 0 12px;}
.development-description,.development-lead{color:var(--dev-muted);font-size:16px;line-height:1.7;margin:18px 0;max-width:58ch;}
.development-cta{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:10px 20px;background:var(--dev-accent);color:#fff!important;border:1px solid var(--dev-accent);border-radius:4px;font-size:15px;font-weight:700;line-height:1.5;text-decoration:none;}
.development-cta:hover{background:#82301e;}
.development-cta:active{transform:translateY(1px);}
.development-preview,.development-frames{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.development-preview figure,.development-frames figure{margin:0;min-width:0;}
.development-preview img,.development-frames img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:#e8e7e3;border-radius:4px;}
.development-preview figcaption,.development-frames figcaption{font-size:13px;line-height:1.5;padding:8px 0;color:var(--dev-muted);}
.development-home .development-preview{max-width:440px;margin-left:auto;}
.development-home .development-preview img{max-height:350px;}
.development-disclosure{font-size:12px;line-height:1.65;color:var(--dev-muted);margin:12px 0 0;max-width:80ch;}
.development-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px;}
.development-card{display:block;border-top:1px solid var(--line,#deded5);padding:18px 0;min-width:0;}
.development-card h2,.development-card h3{font-size:20px;line-height:1.4;letter-spacing:-.015em;margin:0 0 10px;font-weight:650;}
.development-card p{font-size:14px;line-height:1.7;color:var(--dev-muted);margin:8px 0;}
.development-card a{font-weight:700;text-decoration:underline;text-underline-offset:4px;}
a.development-card:hover h2,a.development-card:hover h3{color:var(--dev-accent);}
.development-next-title{font-size:24px!important;line-height:1.4;margin:0;}
.development-article{padding:26px 0 54px;}
.development-article-head{display:block;min-height:0;height:auto;padding:0;margin:0;border:0;}
.development-home-followups{padding:26px 0 0;}
.development-breadcrumb{font-size:13px;color:var(--dev-muted);line-height:1.5;margin-bottom:24px;}
.development-breadcrumb a{text-decoration:underline;text-underline-offset:3px;}
.development-article>.development-lead{max-width:70ch;}
.development-comparison{margin:24px 0 32px;max-width:800px;}
.development-article-images{max-width:360px;margin:24px 0;}
.development-article-images figure{margin:0;}
.development-article-images img{display:block;width:100%;height:280px;object-fit:cover;object-position:50% 35%;border-radius:4px;}
.development-article-images figcaption{font-size:13px;line-height:1.5;color:var(--dev-muted);padding:8px 0;}
.development-controls{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;}
.development-controls button,.development-zoom,[data-image-dialog] button{font:inherit;font-size:14px;line-height:1.4;min-height:44px;padding:10px 14px;border:1px solid #76766b;border-radius:4px;background:#fff;color:#252522;cursor:pointer;}
.development-controls button[aria-pressed="true"]{background:#252522;color:#fff;border-color:#252522;}
.development-controls button:hover,.development-zoom:hover{border-color:var(--dev-accent);}
.development-comparison [hidden]{display:none!important;}
.development-comparison[data-view="before"] .development-frames,.development-comparison[data-view="after"] .development-frames{grid-template-columns:minmax(0,1fr);max-width:390px;}
.development-zoom{margin-top:8px;width:100%;}
.development-body{max-width:720px;margin:30px 0 0;}
.development-body section{padding:24px 0;border-top:1px solid var(--line);}
.development-body h2{font-size:24px;line-height:1.4;letter-spacing:-.02em;margin:0 0 14px;}
.development-body p,.development-body li{font-size:16px;line-height:1.85;color:#3b3b35;word-break:normal;}
.development-body p{margin:10px 0;}
.development-body ol{padding-left:24px;margin:18px 0 0;}
.development-body li{padding-left:6px;margin-bottom:16px;}
.development-takeaway{border-left:3px solid var(--dev-accent);padding:12px 18px;line-height:1.8;font-size:16px;max-width:720px;margin:26px 0;}
.development-next{padding-top:32px;margin-top:20px;border-top:1px solid var(--line);}
.development-guide{display:flex;align-items:center;gap:14px;margin:24px 0;max-width:680px;font-size:14px;line-height:1.7;color:var(--dev-muted);}
.development-guide img{width:52px;height:52px;object-fit:contain;flex:0 0 auto;}
.development-status{margin:10px 0;min-height:1.5em;font-size:13px;color:var(--dev-muted);}
[data-image-dialog]{box-sizing:border-box;border:0;border-radius:6px;padding:14px;max-width:min(94vw,1100px);max-height:94dvh;background:#fff;color:#252522;}
[data-image-dialog]::backdrop{background:rgb(0 0 0 / .65);}
[data-image-dialog] img{display:block;max-width:100%;height:auto;max-height:76dvh;object-fit:contain;margin:12px auto 0;}
[data-image-dialog] button{position:sticky;top:0;}
[data-image-dialog]{width:min(94vw,800px);}
[data-image-dialog] button[aria-pressed="true"]{background:#252522;color:#fff;}
.development-image-scroll{max-height:72dvh;overflow:auto;margin-top:12px;overscroll-behavior:contain;}
[data-image-dialog] .development-image-scroll img{max-width:none;max-height:68dvh;margin:0 auto;object-fit:contain;}
.development-home :focus-visible,.development-article :focus-visible,[data-image-dialog] :focus-visible{outline:3px solid var(--dev-accent,#a13e25);outline-offset:4px;}
@media(max-width:760px){
 .development-home-top,.development-hero{grid-template-columns:minmax(0,1fr);gap:22px;}
 .development-home{padding:26px 0;}
 .development-home h1,.development-article h1{font-size:30px;max-width:25ch;line-height:1.3;letter-spacing:-.02em;}
 .development-description,.development-lead{font-size:15px;margin:12px 0 16px;line-height:1.65;}
 .development-home .development-preview{width:100%;max-width:440px;margin:0;}
 .development-home .development-preview img{max-height:280px;}
 .development-cards{gap:18px;margin-top:20px;}
 .development-card h2,.development-card h3{font-size:18px;}
 .development-comparison{margin-top:18px;}
 .development-body h2{font-size:22px;}
 .development-breadcrumb{margin-bottom:18px;}
}
@media(max-width:430px){
 .development-home h1,.development-article h1{font-size:27px;}
 .development-home .development-preview img{max-height:230px;}
 .development-cards{grid-template-columns:minmax(0,1fr);gap:0;}
 .development-preview figcaption,.development-frames figcaption{font-size:12px;}
 .development-controls{gap:6px;}
 .development-controls button{font-size:12px;padding:9px 10px;}
 .development-body p,.development-body li{font-size:15px;}
 .development-article{padding-top:22px;}
 .development-eyebrow{font-size:10px;}
}
@media(prefers-reduced-motion:reduce){.development-cta:active{transform:none;}}