/* HQ blog: comment form + sidebar widgets (additive, scoped to body.is-blog). Rollback: remove the <link> from design/head/includes. */
body.is-blog{--hqr:#e52f48;--hqr-d:#c8223a;--hqt:#1f2937;--hqm:#6b7280;--hqb:#e5e7eb;--hqbg:#f9fafb}

/* ---------- Comment form ---------- */
body.is-blog .comments-wrapper{margin:36px 0 8px;clear:both}
body.is-blog #respond{background:#fff;border:1px solid var(--hqb);border-radius:14px;padding:24px 22px 22px;box-shadow:0 4px 18px rgba(17,24,39,.06)}
body.is-blog #respond .fieldset{margin:0;padding:0;border:0}
body.is-blog #respond .legend{font-size:22px!important;line-height:1.25;font-weight:700;color:var(--hqt)!important;text-transform:none;letter-spacing:0;border:0!important;padding:0 0 0 14px!important;margin:0 0 6px!important;position:relative}
body.is-blog #respond .legend:before{content:"";position:absolute;left:0;top:3px;height:22px;width:4px;border-radius:4px;background:var(--hqr)}
body.is-blog #respond .legend:after{content:"Share your build, ask a sizing question, or show off your cosplay. Your email will not be published.";display:block;font-size:14px;font-weight:400;line-height:1.5;color:var(--hqm);margin:8px 0 18px -14px;padding:0}
body.is-blog #respond .form-list{margin:0;padding:0;list-style:none}
body.is-blog #respond .form-list>li{margin:0 0 14px;padding:0}
body.is-blog #respond .form-list li.fields{display:grid;grid-template-columns:1fr;gap:14px}
body.is-blog #respond .form-list li.fields .field{float:none;width:auto;margin:0;padding:0}
/* Website field hidden (spam reduction) - remove this rule to restore */
body.is-blog #respond .form-list>li:not(.fields):not(.wide){display:none}
body.is-blog #respond label{display:block;float:none;font-size:14px;font-weight:600;color:var(--hqt);margin:0 0 6px;text-transform:none;letter-spacing:0}
body.is-blog #respond label em{color:var(--hqr);font-style:normal;margin-left:2px}
body.is-blog #respond .input-box{float:none;width:auto}
body.is-blog #respond input.input-text,body.is-blog #respond textarea{display:block;width:100%!important;max-width:none!important;box-sizing:border-box;height:46px;padding:10px 14px;font-size:16px;line-height:1.4;color:var(--hqt);background:var(--hqbg);border:1px solid #d1d5db;border-radius:10px;box-shadow:none;transition:border-color .15s,box-shadow .15s,background .15s;-webkit-appearance:none}
body.is-blog #respond textarea{height:150px;min-height:120px;resize:vertical}
body.is-blog #respond input.input-text:focus,body.is-blog #respond textarea:focus{outline:0;background:#fff;border-color:var(--hqr);box-shadow:0 0 0 3px rgba(229,47,72,.15)}
body.is-blog #respond .validation-advice{font-size:13px;color:var(--hqr);margin-top:5px}
body.is-blog #respond input.validation-failed,body.is-blog #respond textarea.validation-failed{border-color:var(--hqr)}
body.is-blog #respond .buttons-set{margin:6px 0 0;padding:0;border:0;text-align:left}
body.is-blog #respond .buttons-set .button{float:none;display:block;width:100%;height:auto;min-height:50px;margin:0;padding:14px 20px;background:var(--hqr)!important;color:#fff!important;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:0;border-radius:10px;box-shadow:0 6px 14px rgba(229,47,72,.25);cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s}
body.is-blog #respond .buttons-set .button:hover{background:var(--hqr-d)!important;box-shadow:0 8px 18px rgba(229,47,72,.32)}
body.is-blog #respond .buttons-set .button:active{transform:translateY(1px)}
body.is-blog #respond .buttons-set .button:focus-visible{outline:3px solid rgba(229,47,72,.35);outline-offset:2px}
body.is-blog #respond .please-wait{display:block;margin-top:10px;font-size:13px;color:var(--hqm)}
@media (min-width:600px){
 body.is-blog #respond{padding:30px 32px 28px}
 body.is-blog #respond .form-list li.fields{grid-template-columns:1fr 1fr;gap:16px}
 body.is-blog #respond .buttons-set .button{display:inline-block;width:auto;min-width:220px}
}

/* ---------- Sidebar widgets ---------- */
body.is-blog .wp-sidebar .block-blog-text{display:none}            /* empty text widgets caused the blank white box */
body.is-blog .wp-sidebar .block{background:#fff;border:1px solid var(--hqb)!important;border-radius:14px;margin:0 0 18px;padding:0;overflow:hidden;box-shadow:0 2px 10px rgba(17,24,39,.04)}
body.is-blog .wp-sidebar .block-title{background:#fff!important;border:0!important;border-bottom:1px solid var(--hqb)!important;margin:0!important;padding:14px 18px!important;cursor:default;pointer-events:none}
body.is-blog .wp-sidebar .block-title:before,body.is-blog .wp-sidebar .block-title:after{display:none!important}
body.is-blog .wp-sidebar .block-title strong{display:block;background:none!important;border:0!important;font-size:15px!important;font-weight:700;color:var(--hqt)!important;text-transform:uppercase;letter-spacing:.06em;padding:0 0 0 12px!important;margin:0!important;position:relative}
body.is-blog .wp-sidebar .block-title strong:before{content:""!important;position:absolute!important;left:0!important;top:2px!important;bottom:2px!important;width:3px!important;height:auto!important;margin:0!important;border:0!important;border-radius:3px;background:var(--hqr)!important;transform:none!important}
body.is-blog .wp-sidebar .block-title strong:after{display:none!important}
body.is-blog .wp-sidebar .block-content{display:block!important;padding:16px 18px!important;background:#fff}
/* search */
body.is-blog .wp-sidebar .blog-search{display:flex;gap:8px;align-items:stretch}
body.is-blog .wp-sidebar .blog-search .input-text{flex:1;min-width:0;width:auto!important;height:44px;padding:0 14px;font-size:16px;color:var(--hqt);background:var(--hqbg);border:1px solid #d1d5db;border-radius:10px;-webkit-appearance:none}
body.is-blog .wp-sidebar .blog-search .input-text:focus{outline:0;background:#fff;border-color:var(--hqr);box-shadow:0 0 0 3px rgba(229,47,72,.15)}
body.is-blog .wp-sidebar .blog-search .input-text::placeholder{color:#9ca3af}
body.is-blog .wp-sidebar .blog-search .button{float:none;flex:0 0 auto;height:44px;margin:0;padding:0 18px;background:var(--hqr)!important;color:#fff!important;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:0;border-radius:10px;cursor:pointer}
body.is-blog .wp-sidebar .blog-search .button:hover{background:var(--hqr-d)!important}
/* recent posts */
body.is-blog .wp-sidebar .block-recent-posts .block-content{padding:6px 18px!important}
body.is-blog .wp-sidebar .block-recent-posts ul{margin:0;padding:0;list-style:none}
body.is-blog .wp-sidebar .block-recent-posts li.item{margin:0;padding:0;border:0;border-bottom:1px solid #f0f1f3;background:none!important}
body.is-blog .wp-sidebar .block-recent-posts li.item.last,body.is-blog .wp-sidebar .block-recent-posts li.item:last-child{border-bottom:0}
body.is-blog .wp-sidebar .block-recent-posts li.item a{display:block;position:relative;padding:12px 22px 12px 0;font-size:15px;line-height:1.4;font-weight:500;color:var(--hqt);text-decoration:none}
body.is-blog .wp-sidebar .block-recent-posts li.item a:after{content:"";position:absolute;right:4px;top:50%;width:7px;height:7px;margin-top:-4px;border-right:2px solid #c5c9d0;border-top:2px solid #c5c9d0;transform:rotate(45deg);transition:border-color .15s,right .15s}
body.is-blog .wp-sidebar .block-recent-posts li.item a:hover{color:var(--hqr)}
body.is-blog .wp-sidebar .block-recent-posts li.item a:hover:after{border-color:var(--hqr);right:1px}
@media (max-width:770px){
 body.is-blog .col-left.sidebar{margin-top:28px;padding:0}
}