/* 프로젝트 페이지 '자세히 알아보기' 섹션. 원본: scripts/site/deep.css → 빌드 시 dist/deep.css */
.deep{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,80px);padding-block:clamp(56px,8vw,96px);border-top:1px solid #d3d6ca;color:#20231f;word-break:keep-all;overflow-wrap:anywhere}
.deep-head{position:sticky;top:40px;align-self:start}
.deep-eyebrow{display:block;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:#686d63}
.deep-head h2{margin:16px 0 18px;font-size:clamp(28px,3vw,38px);line-height:1.3;letter-spacing:-.04em;font-weight:700}
.deep-head p{margin:0;max-width:400px;font-size:16px;line-height:1.8;color:#5d6358}
.deep-body{min-width:0}
.deep-block{border-top:1px solid #d3d6ca;padding:30px 0 12px}
.deep-block:first-child{border-top:0;padding-top:0}
.deep-block h3{margin:0 0 14px;font-size:22px;line-height:1.4;font-weight:700;letter-spacing:-.03em}
.deep-block p,.deep-block li{font-size:16.5px;line-height:1.85;color:#373c34}
.deep-block p{margin:0 0 18px}
.deep-block ul,.deep-block ol{margin:0 0 18px;padding-left:1.25em}
.deep-block li{margin:6px 0;padding-left:2px}
.deep-block li::marker{color:#9aa093}
.deep-block strong,.deep-block b{font-weight:680;color:#20231f}
.deep-block a{color:#314734;font-weight:600;text-decoration:underline;text-decoration-color:rgba(49,71,52,.35);text-underline-offset:3px}
.deep-block code{font:500 .86em/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:#e9ebe2;padding:.12em .4em;border-radius:5px;color:#262a23}
.deep-block pre{margin:0 0 20px;padding:18px 20px;border-radius:12px;background:#1f241d;color:#e3eadb;overflow-x:auto;font:450 13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre}
.deep-block pre code{background:none;padding:0;color:inherit;font:inherit}
.deep-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 20px}
.deep-stats>div{padding:16px 16px 14px;border:1px solid #d9dccf;border-radius:14px;background:#fbfbf7}
.deep-stats b{display:block;font-size:24px;line-height:1.15;font-weight:800;letter-spacing:-.04em}
.deep-stats span{display:block;margin-top:6px;font-size:13px;line-height:1.5;color:#686d63}
.deep-steps{list-style:none;padding-left:0!important;counter-reset:d}
.deep-steps li{position:relative;padding:10px 0 10px 40px;border-top:1px solid #e2e4da;margin:0}
.deep-steps li::before{counter-increment:d;content:counter(d,decimal-leading-zero);position:absolute;left:0;top:13px;font:600 12.5px ui-monospace,monospace;color:#9aa093}
.deep-faq details{border-top:1px solid #e2e4da;padding:2px 0}
.deep-faq details:last-child{border-bottom:1px solid #e2e4da}
.deep-faq summary{display:flex;justify-content:space-between;gap:16px;padding:16px 0;cursor:pointer;list-style:none;font-size:17px;font-weight:650;letter-spacing:-.02em}
.deep-faq summary::-webkit-details-marker{display:none}
.deep-faq summary::after{content:"+";font-weight:400;font-size:22px;line-height:1;color:#686d63}
.deep-faq details[open] summary::after{content:"−"}
.deep-faq details p{margin:0 0 18px;color:#4a5046}
@media(max-width:860px){
  .deep{grid-template-columns:1fr}
  .deep-head{position:static}
  .deep-stats{grid-template-columns:1fr}
}