/* One consistent navigation row, including large counters and the active state. */
body header.site-navigation nav [data-view]{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;min-width:0}
body header.site-navigation nav [data-view] svg{flex:none;margin-right:0}
body header.site-navigation nav [data-view] b{display:inline-block;flex:none;white-space:nowrap;line-height:1}
@media(max-width:700px){body header.site-navigation nav [data-view]{font-size:12px;padding-inline:5px}body header.site-navigation nav [data-view] svg{width:17px;height:17px}}
body #toast{inset:auto auto calc(18px + env(safe-area-inset-bottom)) 50%;margin:0;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;border:0;pointer-events:none;z-index:2147483647;font-size:14px;line-height:1.5}
#toast::backdrop{background:transparent;pointer-events:none}
.review-comments{margin-top:16px;border-top:1px solid var(--line);padding-top:8px}
.review-comments>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px;font-weight:650}
.review-comments>summary::before{content:'▸'}.review-comments[open]>summary::before{content:'▾'}
.review-comments .comment{margin:12px 0;padding:12px;border-radius:12px;background:var(--soft,#f2f5ee);overflow-wrap:anywhere}
.review-comments .comment p{white-space:pre-wrap;margin:8px 0}.comment-author{display:flex;align-items:center;gap:8px;font-size:13px}
.comment-author .comment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:none}
.comment-date{font-size:12px;color:var(--muted)}
.comment-form label{display:block;margin:12px 0}.comment-form textarea{box-sizing:border-box;display:block;width:100%;font:inherit;font-size:16px;min-height:100px;padding:12px;border:1px solid var(--line);border-radius:10px;resize:vertical;margin-top:6px}
.comment-form .comment-consent{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5}.comment-consent input{width:20px;height:20px;flex:none;margin-top:2px}
.comment-file-label{display:inline-flex!important;align-items:center;border:1px solid var(--line);padding:10px 14px;min-height:44px;border-radius:10px;box-sizing:border-box;cursor:pointer}
.comment-file-label{position:relative}.comment-file-label input{width:1px;height:1px;position:absolute;opacity:0}.comment-file-label:focus-within{outline:2px solid var(--ink);outline-offset:3px}
.comment-photos,.comment-previews{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.comment-photos button{padding:0!important;border:0;background:none;width:88px;min-height:88px}.comment-photos img,.comment-previews img{width:88px;height:88px;object-fit:cover;border-radius:9px}
.comment-previews figure{margin:0}.comment-previews button{display:block;margin:0!important;width:88px;font-size:12px;min-height:44px}
.comment-form [hidden],.review-comments [hidden]{display:none!important}.comment-status{line-height:1.5;overflow-wrap:anywhere;font-size:14px}
.comment-actions{display:flex;gap:8px;flex-wrap:wrap}.comment-actions button{min-height:44px}.comment-status:empty{display:none}
.comment-photo-viewer{padding:12px;max-width:95vw;width:min(900px,95vw);max-height:95dvh;background:var(--back,#fff)}
.comment-photo-viewer img{display:block;max-width:100%;width:auto;max-height:75dvh;object-fit:contain;margin:10px auto}.comment-photo-viewer>button{display:block;margin-left:auto;min-height:44px}