:root{--board-pink:#ff3f7f;--board-pink-soft:#fff1f6;--board-ink:#22242a;--board-muted:#727782;--board-line:#e4e6ea;--board-blue:#1769e8}
.community-board-shell{max-width:1220px;margin:0 auto;padding:28px 24px 64px}
.community-board{min-width:0;color:var(--board-ink)}
.board-hero{padding:32px 36px;border:1px solid #eadde3;border-radius:14px;background:linear-gradient(120deg,#fff 55%,#fff2f7);box-shadow:0 10px 34px rgba(41,30,35,.05)}
.board-hero__eyebrow{margin:0 0 6px;color:var(--board-pink);font-size:12px;font-weight:800;letter-spacing:.13em}
.board-hero h1,.board-topic-header h1{margin:0;font-size:34px;line-height:1.25}.board-hero>p:last-child,.board-topic-header p{margin:10px 0 0;color:var(--board-muted)}
.board-tools{display:flex;gap:22px;margin:18px 2px 34px;padding-bottom:14px;border-bottom:1px solid var(--board-line)}.board-tools a{color:#555;font-size:13px;font-weight:700;text-decoration:none}.board-tools a:hover{color:var(--board-pink)}
.board-section{margin-top:34px}.board-section>h2{margin:0 0 12px;padding:0 0 10px;border-bottom:2px solid #25272c;font-size:20px}.board-section__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.board-tile{padding:20px 22px;border:1px solid var(--board-line);border-radius:8px;background:#fff}.board-tile__main{display:grid;grid-template-columns:1fr auto;gap:4px 12px}.board-tile h3{margin:0;color:var(--board-blue);font-size:23px}.board-tile a{text-decoration:none}.board-tile__count{font-size:13px;font-weight:700}.board-tile__main p{grid-column:1/-1;margin:5px 0 14px;color:var(--board-muted);font-size:13px;line-height:1.65}.board-tile ul{margin:0;padding:13px 0 0;border-top:1px solid #f0f1f3;list-style:none}.board-tile li{display:grid;grid-template-columns:48px 1fr;gap:7px;margin:7px 0;font-size:13px}.board-tile time{color:#8a8f99}.board-tile li a{overflow:hidden;color:#3e4652;text-overflow:ellipsis;white-space:nowrap}
.board-tile__main .board-tile__related{grid-column:1/-1;justify-self:start;margin:-5px 0 14px;color:var(--board-blue);font-size:14px;font-weight:800}.board-tile__related span{display:inline-block;margin-left:3px;transition:transform .15s ease}.board-tile__related:hover span{transform:translateX(3px)}
.board-guide{margin-top:40px;padding:20px 24px;border-radius:8px;background:#f6f7f8}.board-guide h2{margin:0 0 8px;font-size:17px}.board-guide p{margin:0;color:#666;font-size:13px;line-height:1.8}
.board-breadcrumb{display:flex;gap:9px;margin:0 0 18px;color:#8a8e96;font-size:13px}.board-breadcrumb a{color:#535a66}
.board-topic-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 30px;border-top:4px solid var(--board-pink);background:#fff5f8}.board-topic-header button,.board-composer>button{flex:none;padding:12px 21px;border:0;border-radius:5px;background:var(--board-pink);color:#fff;font-weight:800;cursor:pointer}
.board-topic-note{display:flex;gap:12px;margin:14px 0 22px;padding:11px 15px;border:1px solid #e8e9ec;border-radius:5px;color:#686d76;font-size:12px}.board-topic-note strong{color:#343840}
.board-composer{margin-bottom:28px;padding:20px 22px;border:1px solid #dfe1e5;border-radius:8px;background:#fff}.board-composer h2{margin:0 0 15px;font-size:18px}.board-composer__fields{display:grid;grid-template-columns:180px 1fr;gap:12px}.board-composer label{display:grid;gap:5px;color:#555;font-size:12px;font-weight:700}.board-composer label.is-wide{grid-column:1/-1}.board-composer input,.board-composer select,.board-composer textarea{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid #cfd2d8;border-radius:4px;background:#fff;color:#222;font:inherit}.board-composer textarea{resize:vertical}.board-composer>button{margin-top:13px}.board-composer small{margin-left:12px;color:#93969d}
.board-composer.is-replying [data-parent-only]{display:none!important}.board-composer.is-replying .board-composer__fields{grid-template-columns:1fr}
.board-topic-list{display:grid;gap:17px}.board-post{overflow:hidden;border:1px solid #dfe1e5;border-radius:8px;background:#fff;box-shadow:0 3px 13px rgba(20,25,35,.035)}.board-post>header{display:flex;align-items:center;justify-content:space-between;padding:13px 17px 0}.board-post>header>div{display:flex;gap:7px}.board-post>header>a,.board-reply header>a{color:#9a9da4;font-size:12px;text-decoration:none}.board-post__type,.board-post__status{display:inline-flex;padding:3px 8px;border-radius:3px;background:#edf2fb;color:#315e9f;font-size:11px;font-weight:800}.board-post__type.is-不具合{background:#fff0f0;color:#c54242}.board-post__type.is-要望{background:#fff3df;color:#9a6410}.board-post__type.is-質問{background:#eef6ff;color:#2367ad}.board-post__type.is-報告{background:#edf8f1;color:#28764a}.board-post__type.is-その他{background:#f0f1f3;color:#656a72}.board-post__status{background:var(--board-pink-soft);color:#b52255}.board-post>h2{margin:11px 17px 5px;font-size:18px;line-height:1.5}.board-post__meta{display:flex;gap:10px;margin:0 17px;color:#858993;font-size:11px}.board-post__meta strong{color:#464b54}.board-post__body{padding:13px 17px 15px}.board-post__body p{margin:0;font-size:14px;line-height:1.8}.board-post__actions{display:flex;align-items:center;gap:13px;padding:10px 17px;border-top:1px solid #f0f1f3;background:#fafafb;color:#7d8189;font-size:11px}.board-post__actions button,.board-reply>button{padding:5px 10px;border:1px solid #d8dbe0;border-radius:4px;background:#fff;color:#515761;font-size:11px;font-weight:700;cursor:pointer}.board-post__actions button.is-quiet{margin-left:auto;border:0;background:transparent;color:#8b8f97}.board-post__actions button.is-quiet+button{margin-left:-8px}
.board-replies{padding:0 17px 15px;background:#fafafb}.board-reply{position:relative;margin-left:24px;padding:13px 14px 12px;border-left:3px solid #d6d9df;background:#fff}.board-reply+.board-reply{margin-top:8px}.board-reply.is-admin{border-left-color:var(--board-pink);background:#fff8fa}.board-reply header{display:flex;justify-content:space-between}.board-reply header p{display:flex;align-items:center;gap:8px;margin:0;color:#858993;font-size:11px}.board-reply header span{padding:2px 6px;border-radius:3px;background:var(--board-pink);color:#fff;font-weight:800}.board-reply>p{margin:9px 0 10px;font-size:13px;line-height:1.75}
.board-chat-header{padding:23px 26px;border-bottom:3px solid var(--board-pink);background:#fff}.board-chat-header h1{margin:0;font-size:29px}.board-chat-header p:last-child{margin:7px 0 0;color:var(--board-muted);font-size:13px}.board-chat-composer{margin:16px 0 24px;padding:18px 20px;border:1px solid var(--board-line);background:#fafafb}.board-chat-composer h2{margin:0 0 13px;font-size:17px}.board-chat-composer label{display:grid;grid-template-columns:85px 1fr;align-items:center;gap:9px;margin:9px 0;color:#555;font-size:12px;font-weight:700}.board-chat-composer input,.board-chat-composer textarea{box-sizing:border-box;width:100%;padding:9px 11px;border:1px solid #cfd2d8;border-radius:3px;background:#fff;font:inherit}.board-chat-composer textarea{resize:vertical}.board-chat-composer>div{padding-left:94px}.board-chat-composer button,.board-chat-post__actions button,.board-chat-replies button{padding:6px 13px;border:1px solid #d3d6dc;border-radius:3px;background:#fff;color:#4b515a;font-size:11px;font-weight:700}.board-chat-composer>div>button{border-color:var(--board-pink);background:var(--board-pink);color:#fff}.board-chat-composer small{margin-left:10px;color:#92969e}.board-chat-list{border-top:1px solid #cfd2d8}.board-chat-post{padding:17px 18px 0;border-bottom:1px solid #dfe1e5;background:#fff}.board-chat-post>header p{display:flex;align-items:center;gap:9px;margin:0;color:#858993;font-size:11px}.board-chat-post>header strong{color:#3f454d;font-size:12px}.board-chat-post a{color:#7a8089;text-decoration:none}.board-chat-post__body{padding:10px 0 12px}.board-chat-post__body p{margin:0;font-size:14px;line-height:1.8}.board-chat-post__actions{display:flex;align-items:center;gap:10px;padding:0 0 12px;color:#8b8f96;font-size:11px}.board-chat-post__actions button:last-child{margin-left:auto;border:0;background:transparent;color:#92969d}.board-chat-replies{margin:0 -18px;padding:0 18px 14px 48px;background:#fafafb}.board-chat-replies article{padding:12px 13px;border-left:3px solid #d8dbe0;background:#fff}.board-chat-replies article+article{margin-top:7px}.board-chat-replies header{display:flex;gap:8px;color:#898d95;font-size:10px}.board-chat-replies header strong{color:#4a4f58;font-size:11px}.board-chat-replies p{margin:8px 0;font-size:13px;line-height:1.7}
@media(max-width:716px){.community-board-shell{padding:12px 10px 40px}.board-hero{padding:24px 20px}.board-hero h1,.board-topic-header h1{font-size:26px}.board-tools{gap:15px;overflow-x:auto;white-space:nowrap}.board-section__grid{grid-template-columns:1fr}.board-tile{padding:17px}.board-tile h3{font-size:20px}.board-topic-header{align-items:flex-start;padding:20px 17px}.board-topic-header button{padding:9px 12px;font-size:12px}.board-topic-note{display:grid;gap:3px}.board-composer{padding:16px}.board-composer__fields{grid-template-columns:1fr}.board-composer label.is-wide{grid-column:auto}.board-composer small{display:block;margin:8px 0 0}.board-post>h2{font-size:16px}.board-post__actions{gap:8px}.board-post__actions button.is-quiet{margin-left:0}.board-post__actions button.is-quiet:first-of-type{margin-left:auto}.board-replies{padding:0 10px 12px}.board-reply{margin-left:9px;padding:11px}.board-reply header p{flex-wrap:wrap}.board-chat-header{padding:19px 16px}.board-chat-header h1{font-size:25px}.board-chat-composer{padding:15px}.board-chat-composer label{grid-template-columns:1fr;gap:5px}.board-chat-composer>div{padding-left:0}.board-chat-composer small{display:block;margin:8px 0 0}.board-chat-post{padding:15px 12px 0}.board-chat-post>header p{flex-wrap:wrap}.board-chat-replies{margin:0 -12px;padding:0 10px 12px 24px}}

/* Keep conversational replies on the same white surface as their parent. */
.board-chat-replies{margin:0;padding:0 0 14px 30px;background:#fff}
.board-chat-replies article{background:#fff}
.board-chat-replies article+article{border-top:1px solid #f0f1f3}
.board-chat-post>header strong,.board-chat-replies header strong{font-size:15px}
.board-chat-post__body p,.board-chat-replies p{font-size:15px}
.board-user-mark{position:relative;display:inline-block;flex:0 0 20px;width:20px;height:20px;border:1.5px solid #f2a0bc;border-radius:50%;background:#fff}.board-user-mark::before{content:"";position:absolute;top:3px;left:7px;width:5px;height:5px;border:1.5px solid var(--board-pink);border-radius:50%;background:#fff}.board-user-mark::after{content:"";position:absolute;left:4px;bottom:3px;width:10px;height:6px;border:1.5px solid var(--board-pink);border-bottom:0;border-radius:8px 8px 0 0}
.board-user-mark--onaro{display:block;flex:0 0 30px;width:30px;height:30px;border:0;border-radius:50%;object-fit:cover;transform:scaleX(-1)}.board-user-mark--onaro::before,.board-user-mark--onaro::after{content:none}.board-admin-badge{padding:2px 6px;border-radius:3px;background:var(--board-pink);color:#fff;font-size:10px;font-weight:800}.board-post__target{display:inline-flex;padding:3px 8px;border-radius:3px;background:#f0f1f3;color:#5d626b;font-size:11px;font-weight:800}.board-post__type.is-bug{background:#fff0f0;color:#c54242}.board-post__type.is-request{background:#fff3df;color:#9a6410}.board-post__type.is-question{background:#eef6ff;color:#2367ad}.board-post__type.is-correction{background:#edf8f1;color:#28764a}.board-form-actions{display:flex;align-items:center;gap:10px;margin-top:13px}.board-form-actions>button:first-child{padding:9px 18px;border:1px solid var(--board-pink);border-radius:4px;background:var(--board-pink);color:#fff;font-weight:800}.board-reply-cancel{padding:9px 14px;border:1px solid #d2d5da;border-radius:4px;background:#fff;color:#5a6069}.board-form-actions small{color:#92969d}.board-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.board-posted-message{margin:14px 0;padding:12px 15px;border:1px solid #8ac59e;border-radius:5px;background:#edf9f1;color:#24633a;font-size:13px;font-weight:700}.board-empty{margin:0;padding:36px 20px;border:1px solid var(--board-line);background:#fff;color:#777;text-align:center}.board-tile__empty{display:block!important;color:#999}.board-form-home:empty{display:none}
.board-pagination{display:flex;justify-content:center;gap:5px;padding:28px 0}.board-pagination .page-numbers{display:inline-grid;min-width:36px;height:36px;padding:0 10px;place-items:center;border:1px solid #d9dce1;border-radius:4px;background:#fff;color:#555;text-decoration:none}.board-pagination .current{border-color:var(--board-pink);background:var(--board-pink);color:#fff}
.board-tile__main p,.board-chat-header p:last-child{font-size:14px}
.board-tile__count,.board-tile li,.board-topic-note,.board-composer label,.board-chat-composer label,.board-form-actions small,.board-post__meta,.board-post__actions,.board-chat-post>header p,.board-chat-post__actions,.board-chat-replies header{font-size:13px}
.board-post__type,.board-post__target,.board-post__status,.board-admin-badge{font-size:12px}
.board-comment-like{flex:0 0 auto;margin:0 0 0 auto}.board-comment-like .comment-votes__actions{gap:0}.board-comment-like .comment-vote-button{width:auto;min-width:0;min-height:30px;flex-direction:row;padding:4px 10px;border-color:#d9dce1;border-radius:15px;color:#656b74}.board-comment-like .comment-vote-button:hover{border-color:#e495ae;background:#fff7fa;color:#b94d70}.board-comment-like .comment-vote-icon{width:15px;height:15px;color:#d05f83}.board-comment-like .comment-vote-button span{font-size:12px;line-height:1.2}.board-comment-like__count{min-width:1.5em;padding-left:6px;border-left:1px solid #e4e5e8;color:#424750;font-size:13px;line-height:1;text-align:center;font-variant-numeric:tabular-nums}.board-comment-like .comment-vote-button.is-selected .board-comment-like__count{border-left-color:#edc5d1}.board-reply__actions{display:flex;align-items:center;gap:10px}.board-reply__actions>.board-comment-like{margin-left:0}.board-reply__actions>button{padding:6px 13px;border:1px solid #d3d6dc;border-radius:3px;background:#fff;color:#4b515a;font-size:11px;font-weight:700}
@media(max-width:716px){.board-chat-replies{margin:0;padding:0 0 12px 18px}}
