/* V22 · portfolio editorial UX and responsive photo queue. Inherits V21.1 fonts. */
.v22-editor{background:#f5f4ed;border:1px solid #d7d9cf;padding:16px;margin:14px 0;border-radius:12px;color:#1e3c31}
.v22-editor-heading{display:flex;flex-direction:column;gap:6px}.v22-editor-heading strong{font-size:16px}.v22-editor-heading small,.v22-tip{font-size:12px;color:#566b60;line-height:1.6}
.v22-photo-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:10px;margin:14px 0}
.v22-photo-row{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;gap:8px 10px;align-items:center;background:#fff;border:1px solid #d7ded6;border-radius:9px;padding:9px}
.v22-photo-row img{width:64px;height:64px;object-fit:cover;grid-row:span 2;border-radius:6px}.v22-photo-row span{min-width:0;font-size:12px;overflow-wrap:anywhere;line-height:1.5}
.v22-photo-buttons{display:flex;gap:6px}.v22-photo-buttons button{width:38px;height:30px;background:#e9ece7;color:#173c30;border:1px solid #bfcec5;border-radius:5px;font-size:16px;cursor:pointer}
.v22-photo-buttons button:disabled{opacity:.32;cursor:default}.v22-photo-buttons button:focus-visible{outline:3px solid #b59064;outline-offset:2px}
.v22-empty-photo{font-size:12px;color:#557065}.v22-work-ref{display:grid;grid-template-columns:155px minmax(0,1fr);gap:18px;border:1px solid #b4ad9b;border-radius:10px;background:#f4f1e9;color:#193a30;padding:14px;margin:24px 0}
.v22-work-ref img{width:155px;aspect-ratio:4/3;object-fit:cover;border-radius:5px}.v22-work-ref small{font-size:10px;letter-spacing:.08em;color:#8a6b45;font-weight:700}
.v22-work-ref h3{font-family:'Noto Sans KR',sans-serif;font-size:20px;line-height:1.4;margin:6px 0}.v22-work-ref p{color:#476157;font-size:12px;line-height:1.6;margin:6px 0}
.v22-work-ref button{margin-top:8px;color:#173c30;text-decoration:underline;text-underline-offset:3px;font-size:12px;border:0;background:none;cursor:pointer}
.v22-work-ref .v22-ref-tip{color:#394f45}
body.theme-dark .v22-work-ref{background:#273d32;color:#f6f5ec;border-color:#678073}body.theme-dark .v22-work-ref h3{color:#fff}body.theme-dark .v22-work-ref p,body.theme-dark .v22-work-ref button{color:#e3e8dd}
body.theme-dark .v4-list-hero h1 em,body.theme-dark .v4-detail-intro h1{color:#d9b589}
.v4-work-card img{display:block}.v4-work-card:focus-visible{outline:3px solid #b59064;outline-offset:3px}
@media(max-width:600px){.v22-work-ref{grid-template-columns:1fr;gap:8px}.v22-work-ref img{width:100%;max-height:170px;aspect-ratio:16/9}.v22-photo-list{grid-template-columns:1fr}.v22-photo-row{grid-template-columns:70px minmax(0,1fr)}}