/* HMCMS ASK - all module-specific styles live here. Relies only on the site's common head/reset. */
.ask-page {
	background:#f5f6f8;
	padding:24px 0 50px;
	color:#333;
	min-height:650px
}
.ask-page * {
	box-sizing:border-box
}
.ask-container {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
    max-width: 1760px!important;
}
.ask-layout {
	display:grid;
	grid-template-columns:minmax(0,1fr) 310px;
	gap:20px;
	align-items:start
}
.ask-main,.ask-side-card,.ask-detail-card,.ask-answer-card,.ask-reply-card,.ask-form-card {
	background:#fff;
	border:1px solid #eee
}
.ask-toolbar {
	height:68px;
	padding:0 22px;
	border-bottom:1px solid #eee;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.ask-tabs {
	height:100%;
	display:flex;
	align-items:center;
	gap:30px
}
.ask-tabs a {
	height:100%;
	display:flex;
	align-items:center;
	color:#333;
	text-decoration:none;
	font-size:16px;
	position:relative
}
.ask-tabs a.active {
	font-weight:700
}
.ask-tabs a.active:after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:3px;
	background:#ff6a00
}
.ask-search {
	width:240px;
	height:36px;
	border:1px solid #ddd;
	display:flex
}
.ask-search input {
	min-width:0;
	flex:1;
	border:0;
	outline:0;
	padding:0 10px;
	background:transparent
}
.ask-search button {
	width:40px;
	border:0;
	border-left:1px solid #eee;
	background:#fff;
	color:#8ca0b0;
	font-size:24px;
	cursor:pointer
}
.ask-item {
	min-height:106px;
	padding:22px;
	display:flex;
	align-items:center;
	border-bottom:1px solid #eee;
	gap:18px
}
.ask-item:last-child {
	border-bottom:0
}
.ask-avatar,.ask-user-avatar {
	flex:0 0 auto;
	width:46px;
	height:46px;
	border-radius:50%;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:#fff2e9;
	color:#ff6a00;
	font-weight:700
}
.ask-avatar img,.ask-user-avatar img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	border-radius:50%
}
.ask-item-main {
	min-width:0;
	flex:1
}
.ask-item h3 {
	font-size:16px;
	font-weight:400;
	margin:0 0 13px;
	line-height:1.55
}
.ask-item h3 a {
	color:#222;
	text-decoration:none
}
.ask-item h3 a:hover {
	color:#ff6a00
}
.ask-badge {
	display:inline-block;
	padding:1px 4px;
	border:1px solid #ff6a00;
	color:#ff6a00;
	font-size:12px;
	margin-right:5px;
	vertical-align:2px
}
.ask-badge.top {
	border-color:#ff3b30;
	color:#ff3b30
}
.ask-badge.best {
	background:#fff6e8
}
.ask-meta {
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	color:#a0a5aa;
	font-size:12px
}
.ask-meta a {
	color:#999;
	text-decoration:none
}
.ask-stats {
	display:flex;
	gap:14px;
	color:#9aa4ad;
	font-size:12px;
	white-space:nowrap
}
.ask-reward {
	width:46px;
	text-align:center;
	color:#ff5d00;
	font-size:16px;
	font-weight:700
}
.ask-reward small {
	display:block;
	font-size:11px;
	font-weight:400
}
.ask-publish-btn {
	display:block;
	background:#ff6900;
	color:#fff!important;
	text-align:center;
	text-decoration:none;
	padding:14px;
	border-radius:2px;
	font-size:16px;
	margin-bottom:18px
}
.ask-publish-btn:hover {
	background:#f15f00
}
.ask-side-card {
	padding:20px;
	margin-bottom:18px
}
.ask-side-card h3 {
	font-size:17px;
	margin:0 0 20px;
	font-weight:500
}
.ask-category-grid {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:12px
}
.ask-category-grid a {
	background:#f7f7f7;
	color:#777;
	text-decoration:none;
	text-align:center;
	padding:12px 5px
}
.ask-category-grid a:hover {
	color:#ff6a00
}
.ask-category-grid strong {
	display:block;
	font-weight:400
}
.ask-category-grid small {
	display:block;
	margin-top:4px;
	color:#bbb
}
.ask-user {
	display:flex;
	align-items:center;
	gap:10px;
	padding:10px 0;
	border-bottom:1px solid #f2f2f2
}
.ask-user:last-child {
	border:0
}
.ask-user-avatar {
	width:38px;
	height:38px
}
.ask-user>div {
	min-width:0;
	flex:1
}
.ask-user strong,.ask-user small {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.ask-user strong {
	font-size:13px
}
.ask-user small {
	font-size:11px;
	color:#aaa;
	margin-top:3px
}
.ask-user em {
	font-style:normal;
	color:#ff5d00;
	font-size:12px
}
.ask-pages {
	display:flex;
	justify-content:center;
	gap:7px;
	padding:25px;
	background:#fff;
	border-top:1px solid #eee
}
.ask-pages a {
	min-width:34px;
	height:34px;
	padding:0 10px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid #ddd;
	color:#666;
	text-decoration:none
}
.ask-pages a.active,.ask-pages a:hover {
	border-color:#ff6a00;
	color:#ff6a00
}
.ask-empty {
	text-align:center;
	padding:45px;
	color:#aaa
}
.ask-breadcrumb {
	padding:0 0 15px;
	color:#aaa
}
.ask-breadcrumb a {
	color:#777;
	text-decoration:none
}
.ask-breadcrumb span {
	padding:0 8px
}
.ask-section-title {
	height:66px;
	padding:0 22px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	border-bottom:1px solid #eee
}
.ask-section-title h1 {
	font-size:19px;
	margin:0
}
.ask-section-title a {
	color:#ff6a00;
	text-decoration:none
}
.ask-detail-card,.ask-answer-card,.ask-reply-card {
	padding:28px;
	margin-bottom:18px
}
.ask-question-head h1 {
	font-size:24px;
	line-height:1.5;
	margin:10px 0
}
.ask-question-head p {
	color:#999;
	font-size:13px
}
.ask-category-name {
	color:#ff6a00
}
.ask-question-content {
	border-top:1px solid #eee;
	margin-top:20px;
	padding-top:24px;
	line-height:1.9;
	font-size:15px
}
.ask-answer-card h2,.ask-reply-card h3 {
	font-size:18px;
	margin:0 0 20px
}
.ask-answer {
	padding:20px 0;
	border-top:1px solid #eee
}
.ask-answer-head {
	display:flex;
	align-items:center;
	gap:10px
}
.ask-answer-head time {
	margin-left:auto;
	color:#aaa;
	font-size:12px
}
.ask-answer-body {
	padding:14px 0 0 48px;
	line-height:1.8
}
.ask-reply-card textarea,.ask-field textarea {
	width:100%;
	min-height:150px;
	border:1px solid #ddd;
	padding:12px;
	resize:vertical;
	outline:0
}
.ask-reply-card textarea:focus,.ask-field input:focus,.ask-field select:focus,.ask-field textarea:focus {
	border-color:#ff8b43
}
.ask-submit {
	border:0;
	background:#ff6900;
	color:#fff;
	padding:10px 28px;
	margin-top:14px;
	cursor:pointer
}
.ask-publish-page {
	max-width:100%
}
.ask-form-card {
	padding:32px
}
.ask-form-title {
	border-bottom:1px solid #eee;
	padding-bottom:20px;
	margin-bottom:25px
}
.ask-form-title h1 {
	font-size:24px;
	margin:0 0 8px
}
.ask-form-title p {
	margin:0;
	color:#999
}
.ask-field {
	margin-bottom:20px
}
.ask-field label {
	display:block;
	font-weight:600;
	margin-bottom:8px
}
.ask-field input,.ask-field select {
	width:100%;
	height:42px;
	border:1px solid #ddd;
	padding:0 12px;
	outline:0
}
.ask-form-actions {
	display:flex;
	justify-content:flex-end;
	align-items:center;
	gap:20px
}
.ask-form-actions a {
	color:#888;
	text-decoration:none
}
.ask-form-actions .ask-submit {
	margin:0
}
.ask-list {
	background:#fff
}
@media(max-width:991px) {
	.ask-layout {
	grid-template-columns:1fr
}
.ask-sidebar {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:15px
}
.ask-publish-btn {
	grid-column:1/-1;
	margin:0
}
.ask-toolbar {
	height:auto;
	padding:15px;
	gap:15px;
	align-items:stretch;
	flex-direction:column
}
.ask-tabs {
	height:40px
}
.ask-search {
	width:100%
}
}@media(max-width:640px) {
	.ask-page {
	padding-top:12px
}
.ask-container {
	width:calc(100% - 20px)
}
.ask-tabs {
	gap:18px;
	overflow:auto
}
.ask-item {
	padding:16px 12px;
	align-items:flex-start
}
.ask-avatar,.ask-reward {
	width:38px
}
.ask-stats {
	display:none
}
.ask-sidebar {
	display:block
}
.ask-side-card {
	margin-top:12px
}
.ask-answer-body {
	padding-left:0
}
.ask-detail-card,.ask-answer-card,.ask-reply-card,.ask-form-card {
	padding:18px
}
.ask-question-head h1 {
	font-size:20px
}
.ask-form-card {
	padding:18px
}
}/* ASK form feedback */
.ask-alert {
	display:flex;
	align-items:flex-start;
	gap:12px;
	margin:0 0 20px;
	padding:14px 16px;
	border:1px solid #ffd0c7;
	background:#fff7f5;
	color:#7a2e20;
	font-size:14px;
	line-height:1.6;
}
.ask-alert-icon {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 22px;
	width:22px;
	height:22px;
	border-radius:50%;
	background:#ff5a36;
	color:#fff;
	font-weight:700;
	line-height:1;
}
.ask-alert strong {
	display:block;
	margin:0 0 2px;
	color:#d4380d;
	font-size:14px;
}
.ask-alert p {
	margin:0;
	color:#7a2e20;
}
.ask-alert-error {
	border-left:3px solid #ff5a36;
}
.ask-detail-layout {
	display:grid;
	grid-template-columns:minmax(0,1fr) 310px;
	gap:20px;
	align-items:start
}
.ask-detail-main {
	min-width:0
}
.ask-detail-sidebar {
	min-width:0
}
.ask-detail-sidebar .ask-publish-btn {
	margin-bottom:18px
}
.ask-hot-question-list {
	margin:-6px -20px -20px
}
.ask-hot-question-list a {
	display:block;
	padding:12px 20px;
	border-top:1px solid #f1f1f1;
	color:#555;
	text-decoration:none;
	line-height:1.55;
	font-size:13px
}
.ask-hot-question-list a:hover {
	color:#ff6900
}
.ask-hot-question-list small {
	display:block;
	color:#aaa;
	margin-top:3px
}
/* Member-owned question and answer editing. Scoped to ASK to avoid admin/style collisions. */
.ask-question-actions {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:16px;
	padding-top:14px;
	flex-wrap:wrap
}
.ask-edit-link {
	color:#ff6900;
	text-decoration:none;
	font-size:13px;
	font-weight:600
}
.ask-edit-link:hover {
	text-decoration:underline
}
.ask-edit-note {
	color:#a0a5aa;
	font-size:12px
}
.ask-inline-edit {
	margin:12px 0 0 48px;
	border-top:1px solid #f0f0f0;
	padding-top:10px
}
.ask-inline-edit summary {
	width:max-content;
	cursor:pointer;
	color:#ff6900;
	font-size:13px;
	list-style:initial
}
.ask-inline-edit form {
	padding-top:15px
}
.ask-inline-edit label {
	display:block;
	font-weight:600;
	margin-bottom:9px
}
.ask-inline-edit textarea {
	display:block;
	width:100%;
	min-height:150px;
	border:1px solid #ddd;
	padding:12px;
	resize:vertical;
	line-height:1.7;
	outline:none
}
.ask-inline-edit textarea:focus {
	border-color:#ff8b43
}
.ask-inline-actions {
	display:flex;
	justify-content:flex-end
}
.ask-alert-success {
	color:#237b43;
	background:#f0fff4;
	border-color:#bee6ca
}
@media(max-width:640px) {
	.ask-inline-edit {
	margin-left:0
}
.ask-question-actions {
	justify-content:flex-start
}
}/* V0.6.0.120 ask detail / edit polish */
.ask-top-strip {
	background:#fff;
	border-bottom:1px solid #ececec
}
.ask-top-strip-inner {
	min-height:54px;
	display:flex;
	align-items:center;
	gap:14px;
	color:#7d8790;
	font-size:13px
}
.ask-top-strip-title {
	color:#ff6900;
	font-weight:700;
	letter-spacing:.5px
}
.ask-top-strip-text {
	color:#9aa4ad
}
.ask-question-actions {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	flex-wrap:wrap;
	margin-top:26px;
	padding-top:0
}
.ask-meta-time {
	color:#b3bcc5;
	font-size:12px;
	line-height:1.8
}
.ask-edit-link {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:72px;
	height:34px;
	padding:0 16px;
	border:1px solid #ff6900;
	background:#ff6900;
	color:#fff!important;
	text-decoration:none;
	font-size:13px;
	font-weight:600;
	border-radius:2px;
	cursor:pointer;
	list-style:none
}
.ask-edit-link:hover {
	background:#f15f00;
	border-color:#f15f00;
	text-decoration:none
}
.ask-edit-link::-webkit-details-marker {
	display:none
}
.ask-edit-link::marker {
	display:none
}
.ask-answer {
	padding:24px 0 0;
	border-top:1px solid #eee
}
.ask-answer-head {
	display:flex;
	align-items:center;
	gap:10px;
	flex-wrap:wrap
}
.ask-answer-head strong {
	font-size:18px;
	color:#222
}
.ask-answer-body {
	padding:16px 0 0 48px;
	line-height:1.9;
	font-size:15px;
	color:#333
}
.ask-answer-foot {
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:16px;
	flex-wrap:wrap;
	padding:22px 0 18px 48px
}
.ask-answer-foot .ask-meta-time {
	padding-top:6px
}
.ask-inline-edit {
	margin:0;
	min-width:0
}
.ask-inline-edit>summary {
	display:inline-flex
}
.ask-inline-edit[open] {
	width:100%;
	margin-top:2px
}
.ask-inline-edit[open]>summary {
	margin-left:auto;
	margin-bottom:14px
}
.ask-inline-edit form {
	margin-top:0;
	padding:18px;
	background:#fafafa;
	border:1px solid #ececec
}
.ask-inline-edit label {
	display:block;
	font-weight:600;
	margin-bottom:10px;
	color:#444
}
.ask-inline-edit textarea {
	display:block;
	width:100%;
	min-height:160px;
	border:1px solid #dcdcdc;
	padding:12px 14px;
	resize:vertical;
	line-height:1.8;
	outline:none;
	background:#fff
}
.ask-inline-edit textarea:focus {
	border-color:#ff8b43;
	box-shadow:0 0 0 2px rgba(255,105,0,.08)
}
.ask-inline-actions {
	display:flex;
	justify-content:flex-end
}
.ask-inline-actions .ask-submit {
	margin-top:14px
}
@media(max-width:991px) {
	.ask-detail-layout {
	grid-template-columns:1fr
}
}@media(max-width:640px) {
	.ask-top-strip-inner {
	min-height:46px;
	gap:8px;
	font-size:12px;
	flex-wrap:wrap;
	padding:8px 0
}
.ask-question-actions {
	align-items:flex-start;
	justify-content:flex-start
}
.ask-answer-body,.ask-answer-foot {
	padding-left:0
}
.ask-inline-edit[open]>summary {
	margin-left:0
}
.ask-edit-link {
	min-width:64px;
	height:32px;
	padding:0 14px
}
}