.story-photo{position:relative;margin:20px 0 0;min-width:0}.story-photo img,.photo-option img,.review-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;filter:grayscale(100%);background:#e4e1d7}.story-0 .story-photo img{aspect-ratio:4/3}.story-photo figcaption{font:400 .75rem/1.7 'Noto Sans KR',sans-serif;color:var(--muted);overflow-wrap:anywhere}.story-photo figcaption a{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}.photo-info{margin:0}.photo-info summary{position:absolute;top:2px;right:2px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#fffefa;list-style:none;cursor:pointer;touch-action:manipulation}.photo-info summary>span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#22221e99;font:400 14px/1 Arial,sans-serif}.photo-info summary::-webkit-details-marker{display:none}.photo-info summary:hover>span,.photo-info[open] summary>span{background:var(--ink)}.photo-info summary:focus-visible{outline:2px solid var(--paper);outline-offset:3px;box-shadow:0 0 0 5px var(--ink)}.photo-info-content{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid var(--line)}.photo-info-content>span:first-child{letter-spacing:.02em}.article-photo{margin:0 0 38px}.article-photo img{aspect-ratio:auto;max-height:620px;object-fit:contain}.article-photo figcaption{font-size:.8rem}.photo-title{font-size:.75rem;color:var(--muted)}.photo-editor{border-top:1px solid var(--line);padding-top:24px;margin-top:20px}.photo-editor h3{font-size:1rem}.photo-search{display:flex;align-items:end;gap:12px}.photo-search label{flex:1;margin:0}.photo-search button{white-space:nowrap}.photo-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.photo-option{border:1px solid var(--line);padding:12px;min-width:0}.photo-option p{font-size:.8rem;line-height:1.65;overflow-wrap:anywhere;margin:10px 0}.photo-option button{width:100%;font-size:.8rem;padding:10px}.review-photo{max-width:420px;margin:15px 0}.review-photo figcaption{font-size:.8rem;line-height:1.8;color:var(--muted);margin-top:8px}.photo-editor .help{margin-top:10px}.photo-editor .error{padding:12px}.story-0 h2{margin-top:20px}
@media(max-width:680px){.photo-options{grid-template-columns:1fr 1fr}.photo-search{align-items:stretch;flex-direction:column}.story-0 .story-photo img{aspect-ratio:3/2}.story-photo{margin-top:18px}.article-photo{margin-bottom:28px}.photo-search button{align-self:flex-start}}