.post-template-default.single-post {
\tcontainer-type: inline-size;

\t.heading-root.text-root {
\t\tmin-height: 40px;
\t\tdisplay: grid;
\t\tgrid-template-columns: 3fr 1fr;
\t\tgap: 24px;

\t\tp {
\t\t\tmin-height: inherit;
\t\t}
\t}

\t@container (max-width: 830px) {
\t\t.heading-root.text-root {
\t\t\tgrid-template-columns: 1fr;
\t\t}
\t}

\t/* Fallback for environments where container queries are not reliably applied. */
\t@media (max-width: 830px) {
\t\t.heading-root.text-root {
\t\t\tgrid-template-columns: 1fr;
\t\t}

\t\t.post-settings-wrapper {
\t\t\tmin-width: 0;
\t\t\twidth: 100%;
\t\t}
\t}

\t.post-content-wrapper {
\t\toverflow: auto;

\t\t> ul.wp-block-list {
\t\t\tpadding-inline-start: 0;
\t\t}

\t\tul.wp-block-list {
\t\t\tlist-style-position: inside;
\t\t}
\t}
}

/* Strong mobile fallback close to 2.5.0 single-column behavior. */
@media (max-width: 1024px) {
\t.post-template-default.single-post .heading-root.text-root {
\t\tdisplay: block;
\t}

\t.post-template-default.single-post .post-content-image {
\t\theight: auto;
\t}

\t.post-template-default.single-post .post-settings-wrapper {
\t\tmin-width: 0;
\t\twidth: 100%;
\t\tmargin-block-start: 1.5rem;
\t\tpadding: 1.25rem 1rem;
\t\tgap: 1.5rem;
\t}
}

.post-meta {
\tdisplay: flex;
\talign-items: center;
\tflex-wrap: wrap;
\tgap: 0.5rem;
}

.post-date {
\tdisplay: block;
\tmargin: 0.5rem 0;
\tfont-weight: 900;
}

.post-badge > a,
.post-settings-categories-list .post-categories > li > a,
.post-badge:not(:has(> a)) {
\tbackground: var(--theme-colors-palette-accent2);
\tcolor: var(--theme-colors-palette-light) !important;
\tpadding: 0.35rem 1rem;
\tborder-radius: 32px;
\tdisplay: inline-block;
\tcursor: pointer;
\tmargin: 0;
\tfont-weight: 500;
\ttext-decoration: none;
}

.post-settings-wrapper .post-settings-categories li {
\tlist-style: none;
\tmargin: 0;
}

.post-navigation-wrapper {
\tmargin-block-end: 1rem;
}

.post-content-image {
\twidth: 100%;
\theight: 320px;
\tobject-fit: cover;
\tborder-radius: 12px;
}

.post-settings-wrapper {
\theight: fit-content;
\tbackground: var(--page-background-color);
\tmin-width: 300px;
\tmargin-block-start: 34px;
\tborder-radius: 4px;
\tpadding: 2rem 1.5rem;

\tdisplay: flex;
\tflex-direction: column;
\tgap: 40px;

\t.post-categories {
\t\tlist-style: none;
\t\tpadding: 0;
\t\tmargin: 0;
\t}

\t.post-settings-categories,
\t.post-settings-authors {
\t\t.post-settings-categories-list > .post-categories,
\t\t.post-settings-authors-list {
\t\t\tdisplay: flex;
\t\t\tflex-wrap: wrap;
\t\t\tgap: 8px;
\t\t}
\t}

\t.post-settings-title {
\t\tmargin: 0 0 0.75rem 0;
\t\tfont-weight: 600;
\t}

\thr {
\t\tmargin: 0.5rem 0;
\t}
}

#commentform {
\t&.form-submit-fail {
\t\tinput:invalid,
\t\ttextarea:invalid {
\t\t\t+ .form-label-error {
\t\t\t\tdisplay: block;
\t\t\t}
\t\t}
\t\t.form-message.form-error {
\t\t\tdisplay: flex;
\t\t}
\t}
}

#comments {
\tpadding: 4rem 1.5rem 0;

\t@media (max-width: 1024px) {
\t\tpadding: 4rem 0 0 0;
\t}

\ttextarea,
\tinput:not(#wp-comment-cookies-consent) {
\t\tborder-radius: 11px;
\t}

\t.comment-form-second-name,
\t.says {
\t\tdisplay: none;
\t}

\tp.form-submit {
\t\ttext-align: right;

\t\tsmall {
\t\t\tmargin-right: 1rem;
\t\t\tmargin-bottom: 1rem;

\t\t\ta {
\t\t\t\ttext-decoration: none;
\t\t\t\tcolor: var(--form-body-text-color);
\t\t\t\tfont-size: 1rem;
\t\t\t}
\t\t}
\t}

\t.comment-list {
\t\tlist-style: none;
\t\tmargin-block-end: 3rem;
\t\tmargin: 0;
\t\tpadding: 0;

\t\tli {
\t\t\tmargin-bottom: 4rem;

\t\t\t.comment-body {
\t\t\t\tp {
\t\t\t\t\tmargin: 2rem 0;
\t\t\t\t\tfont-size: 1rem;
\t\t\t\t\tline-height: 1.5rem;
\t\t\t\t}
\t\t\t}

\t\t\t.comment-author.vcard {
\t\t\t\tposition: relative;

\t\t\t\t.gox-initals-avatar {
\t\t\t\t\tbackground-color: var(--theme-colors-palette-accent3);
\t\t\t\t\tcolor: var(--theme-colors-palette-light);
\t\t\t\t\tfont-size: 1.5em;
\t\t\t\t\tfont-weight: 700;
\t\t\t\t\tborder-radius: 50%;
\t\t\t\t\twidth: 50px;
\t\t\t\t\theight: 50px;
\t\t\t\t\tdisplay: flex;
\t\t\t\t\talign-items: center;
\t\t\t\t\tjustify-content: center;
\t\t\t\t\ttext-align: center;
\t\t\t\t\tposition: absolute;
\t\t\t\t}

\t\t\t\tcite {
\t\t\t\t\tmargin-left: 4rem;
\t\t\t\t\tfont-style: normal;
\t\t\t\t\tfont-size: 1.5rem;
\t\t\t\t\tdisplay: block;
\t\t\t\t}
\t\t\t}

\t\t\t.comment-awaiting-moderation {
\t\t\t\tmargin-left: 4rem;
\t\t\t\tfont-size: 1rem;
\t\t\t\tfont-style: normal;
\t\t\t}

\t\t\t.reply {
\t\t\t\ttext-align: right;

\t\t\t\ta {
\t\t\t\t\ttext-decoration: none;
\t\t\t\t\tfont-size: 1rem;
\t\t\t\t}
\t\t\t}

\t\t\t.comment-meta.commentmetadata {
\t\t\t\tmargin-left: 4rem;

\t\t\t\ta {
\t\t\t\t\tfont-size: 1rem;
\t\t\t\t\tcolor: inherit;
\t\t\t\t}
\t\t\t}
\t\t}

\t\tol li {
\t\t\tlist-style: none;
\t\t}
\t}

\t.comment-form-cookies-consent {
\t\talign-items: flex-start;
\t\tmargin-top: 1rem;
\t\tflex-direction: row;

\t\t#wp-comment-cookies-consent {
\t\t\tborder: 2px solid var(--form-module-active-color-body-text);
\t\t\tborder-radius: 4px;
\t\t\tdisplay: inline-block;
\t\t\tflex-shrink: 0;
\t\t\theight: var(--form-checkbox-icon-size);
\t\t\twidth: var(--form-checkbox-icon-size);
\t\t\tappearance: none;
\t\t\tmargin-right: 1rem;
\t\t\tpadding: 0;
\t\t}

\t\t#wp-comment-cookies-consent:checked::after {
\t\t\tcontent: var(--form-checkbox-svg);
\t\t\theight: var(--form-checkbox-size);
\t\t\tposition: absolute;
\t\t\twidth: var(--form-checkbox-size);
\t\t}
\t}
}

.comments-wrapper {
\tgrid-column: 1 / 2;

\t.comments-title {
\t\tmargin-bottom: 3rem;
\t}
}