/* 写真をあげるページだけの見た目（土台は ../style.css） */
.post{padding-bottom:40px}
.post-form{display:flex; flex-direction:column; max-width:560px; margin:0 auto}
.pick{
  display:flex; align-items:center; gap:16px; cursor:pointer;
  background:var(--bg-card); border:2px dashed var(--gold); border-radius:14px;
  padding:22px 20px; min-height:88px;
}
.pick:hover{background:var(--gold-soft)}
.pick input{position:absolute; left:-9999px; width:1px; height:1px; opacity:0}
.pick-ico{font-size:34px}
.pick-txt{display:flex; flex-direction:column; gap:2px}
.pick-txt b{font-size:19px; font-weight:600}
.pick-txt small{font-size:15px; color:var(--ink-faint)}
.post-form input[type=text], .post-form textarea{
  font:inherit; font-size:17px; color:var(--ink);
  background:var(--bg-card); border:1px solid var(--line); border-radius:8px;
  padding:11px 12px; margin-top:5px; min-height:46px; width:100%;
}
.post-form textarea{min-height:92px; line-height:1.8; resize:vertical}
.btn-post{align-self:stretch; justify-content:center; margin-top:18px; font-size:19px; min-height:56px; background:var(--gold); color:#fff; border-color:var(--gold)}
.btn-post:hover{background:#a5862f}
.done-list{list-style:none; max-width:560px; margin:24px auto 0; padding:0}
.done-list li{display:flex; align-items:center; gap:14px; padding:12px 0; border-top:1px solid var(--line)}
.done-list img{width:72px; height:72px; object-fit:cover; border-radius:6px; background:var(--line); border:1px solid var(--line)}
.done-list .st{flex:1; font-size:16px}
.done-list .st b{display:block; font-size:17px; font-weight:500}
.done-list .st.ng{color:#a33}
.done-list a{font-size:16px}
.back{text-align:center; margin:30px 0 0; font-size:17px}
.howto{max-width:560px; margin:36px auto 0; color:var(--ink-soft); font-size:16px}
.howto summary{cursor:pointer; font-size:17px; color:var(--ink)}
.howto ul{padding-left:22px; line-height:1.9}