/* Uses the approved D tokens and Idea fonts. Only composition and control shapes change. */
.tags {gap:8px}
.topic-tag,.tags .topic-tag,.browse-tag.topic-tag {display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:3px 9px;background:var(--soft);border:1px solid var(--line);border-radius:7px;color:var(--muted);font:400 13px/1.7 var(--body);text-decoration:none;text-underline-offset:4px;max-width:100%;overflow-wrap:anywhere}
.topic-tag .topic-hash {opacity:.7}
.topic-tag small {font-size:11px;color:inherit;margin-left:3px}
.topic-tag:hover,.topic-tag:focus-visible {color:var(--primary);border-color:var(--primary)}
.topic-tag[aria-pressed="true"] {background:var(--selected);color:var(--primary);border-color:var(--primary);font-weight:600;text-decoration:none}
.browse-tag.topic-tag {min-height:36px}
.browser-sidebar .browse-tag.topic-tag {flex:0 0 auto;padding-inline:7px;max-width:100%}
.browser-sidebar .browse-tag.topic-tag>span:last-child {min-width:0;overflow-wrap:anywhere}
.browse-tag.topic-all {gap:4px}
.browse-tag-options {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px}
.topic-more {display:inline-flex;align-items:center;gap:4px;min-height:36px;font-size:12px;padding:4px 3px;color:var(--muted)}
.topic-more svg {width:14px;height:14px}
.topic-more[aria-expanded="true"] svg {transform:rotate(180deg)}
.browse-tags-heading {margin-bottom:16px}
.browser-sidebar .browse-tags-heading {margin-bottom:12px}
.card-category {color:var(--muted);font-size:13px;text-decoration:none}
.card-category:hover {color:var(--primary);text-decoration:underline;text-underline-offset:4px}
.card-bottom,.participation-bar {display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px}
.card-bottom .resonate,.participation-bar .resonate,.card-bottom .comment-count,.participation-bar .comment-count,.card-bottom .follow,.participation-bar .follow {display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;min-height:44px;padding:4px 3px;border:0!important;border-radius:7px;background:transparent!important;color:var(--muted);font:400 14px/1.6 var(--body);box-shadow:none}
.card-bottom .resonate strong,.participation-bar .resonate strong,.participation-bar .comment-count strong {font:inherit;font-variant-numeric:tabular-nums}
.card-bottom .follow,.participation-bar .follow {margin-left:0!important}
.card-bottom .card-open {margin-left:auto}
.resonate.active,.card-bottom .resonate.active,.participation-bar .resonate.active,.follow.active,.participation-bar .follow[aria-pressed="true"] {color:var(--primary)}
.resonate.active svg {fill:var(--primary)}
.card-bottom button:hover,.participation-bar button:hover {color:var(--primary)}
.participation-bar {padding-block:12px}
.participation-bar .comment-count svg {width:20px;height:20px}
#discussion .simple-composer {margin:8px 0 32px;padding:0;border:0;max-width:none}
#discussion .simple-composer textarea {width:100%;max-width:none;height:112px;min-height:112px;max-height:340px;resize:vertical}
.comment-compose-actions {display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:12px}
.comment-compose-actions .primary {min-height:42px;padding:8px 22px;font-size:14px}
.comment-advice-check {display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;cursor:pointer;color:var(--muted)}
.comment-advice-check input {width:16px;height:16px;accent-color:var(--primary);cursor:pointer}
.simple-composer .form-meta:empty,.simple-composer .field-error:empty {display:none}
.comment-reply-target {display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);margin-bottom:12px}
.comment-reply-target button {display:grid;place-items:center;width:36px;height:36px}
.comment-reply-target svg {width:16px;height:16px}
.comment-write-root {min-height:44px;display:inline-flex;align-items:center;gap:8px;margin-bottom:20px}
.thread-group {padding:24px 0;border-top:1px solid var(--line)}
.thread-comment {min-width:0;border-radius:8px;scroll-margin-top:128px;outline-offset:6px}
.thread-comment:focus {outline:1px solid var(--primary)}
.thread-comment .comment-meta {display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.comment-author {color:var(--ink);font-weight:600;font-size:14px;text-decoration:none}
.comment-author:hover {color:var(--primary)}
.thread-comment time {margin-left:auto;color:var(--muted);font-size:12px}
.comment-role {color:var(--muted);font-size:11px}
.comment-advice-label {padding:2px 7px;background:var(--soft);border-radius:5px;font-size:11px;color:var(--muted)}
.comment-body {font-size:15px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 8px}
.comment-tools {display:flex;gap:16px;margin-top:0}
.comment-tools button {font-size:12px;min-height:36px}
.thread-replies {margin:20px 0 0 32px}
.thread-reply+.thread-reply {border-top:1px solid var(--line);margin-top:16px;padding-top:16px}
.comment-reply-context {min-height:28px;font-size:12px;color:var(--muted);margin-top:4px}
.thread-reply .simple-composer,.thread-root>.simple-composer {margin:16px 0 20px!important}
.thread-expand {min-height:40px;font-size:12px;margin-left:32px;margin-top:8px}
.comment-filter-note {display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;margin-bottom:24px;color:var(--muted)}
.advice-reply-source {font-size:11px;color:var(--muted);margin:0 0 6px}
.simple-publish [name="expected"] {min-height:84px!important;height:84px}
.simple-publish .keyword-assistant {margin-top:20px;border:0;padding:0}
.simple-publish .keyword-assistant>summary {display:none}
.simple-publish .keyword-assistant-body {padding:0}
.simple-publish .keyword-assistant .publish-field {margin-block:12px 8px}
.simple-classification,.simple-legacy {border-top:1px solid var(--line);padding-top:16px;margin-bottom:24px}
.simple-legacy summary {cursor:pointer;min-height:44px;font-size:14px;font-weight:600}
.simple-expected {margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.simple-expected h3 {font:600 15px/1.7 var(--body);margin:0 0 8px}
.simple-expected p {font-size:15px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
@media(max-width:700px){.card-bottom,.participation-bar{gap:6px 14px}.card-bottom .card-open{font-size:12px}.thread-replies{margin-left:18px}.thread-expand{margin-left:18px}.comment-compose-actions{gap:12px}.simple-publish .guided-sidebar li{flex:1}}