/*
 * NEditor-default-style.css
 */

/* 产品详情样式（新闻详情样式在前面） */

/* ============================================================
   1. Generic block-level elements
   ============================================================ */

[data-type="product_detail"] .prose {
    color: #000000;
    font-size: 16px;
}
[data-type="product_detail"] .prose *{
    line-height: 1.5;
    visibility: visible !important;
}
[data-type="product_detail"] .prose div,
[data-type="product_detail"] .prose article,
[data-type="product_detail"] .prose aside,
[data-type="product_detail"] .prose footer,
[data-type="product_detail"] .prose header,
[data-type="product_detail"] .prose hgroup,
[data-type="product_detail"] .prose main,
[data-type="product_detail"] .prose nav,
[data-type="product_detail"] .prose search,
[data-type="product_detail"] .prose section,
[data-type="product_detail"] .prose address,
[data-type="product_detail"] .prose figcaption,
[data-type="product_detail"] .prose details,
[data-type="product_detail"] .prose summary,
[data-type="product_detail"] .prose form {
    display: block;
}

[data-type="product_detail"] .prose p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

[data-type="product_detail"] .prose address {
    font-style: italic;
}

[data-type="product_detail"] .prose blockquote {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
}

[data-type="product_detail"] .prose figure {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
}

[data-type="product_detail"] .prose center {
    display: block;
    text-align: center;
}

[data-type="product_detail"] .prose hr {
    display: block;
    overflow: hidden;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    border-style: inset;
    border-width: 1px;
    border-color: gray;
    color: gray;
}

/* ============================================================
   2. Headings
   ============================================================ */

[data-type="product_detail"] .prose h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: bold;
}

[data-type="product_detail"] .prose h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: bold;
}

[data-type="product_detail"] .prose h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: bold;
}

[data-type="product_detail"] .prose h4 {
    display: block;
    font-size: 1em;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: bold;
}

[data-type="product_detail"] .prose h5 {
    display: block;
    font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: bold;
}

[data-type="product_detail"] .prose h6 {
    display: block;
    font-size: 0.67em;
    margin-block-start: 2.33em;
    margin-block-end: 2.33em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: bold;
}

/* ============================================================
   3. Lists
   ============================================================ */

[data-type="product_detail"] .prose ul,
[data-type="product_detail"] .prose menu {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 40px;
}

[data-type="product_detail"] .prose ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 40px;
}

[data-type="product_detail"] .prose li {
    display: list-item;
    text-align: match-parent;
}

/* Nested lists do not add extra outer vertical margins in Chromium. */
[data-type="product_detail"] .prose :is(dl, menu, ol, ul) :is(dl, menu, ol, ul) {
    margin-block-start: 0;
    margin-block-end: 0;
}

/* Nested unordered list markers. */
[data-type="product_detail"] .prose :is(menu, ol, ul) :is(menu, ul) {
    list-style-type: circle;
}

[data-type="product_detail"] .prose :is(menu, ol, ul) :is(menu, ol, ul) :is(menu, ul) {
    list-style-type: square;
}

/* ============================================================
   4. Description lists
   ============================================================ */

[data-type="product_detail"] .prose dl {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

[data-type="product_detail"] .prose dt {
    display: block;
}

[data-type="product_detail"] .prose dd {
    display: block;
    margin-inline-start: 40px;
}

/* ============================================================
   5. Links
   ============================================================ */

[data-type="product_detail"] .prose a:any-link {
    color: rgb(0, 0, 238);
    text-decoration: underline;
    cursor: pointer;
}

[data-type="product_detail"] .prose a:visited {
    color: rgb(85, 26, 139);
}

[data-type="product_detail"] .prose a:active {
    color: rgb(255, 0, 0);
}

[data-type="product_detail"] .prose a:focus-visible {
    outline: auto 1px -webkit-focus-ring-color;
    outline-offset: 1px;
}

/* ============================================================
   6. Inline semantic/text elements
   ============================================================ */

[data-type="product_detail"] .prose strong,
[data-type="product_detail"] .prose b {
    font-weight: bolder;
}

[data-type="product_detail"] .prose i,
[data-type="product_detail"] .prose cite,
[data-type="product_detail"] .prose em,
[data-type="product_detail"] .prose var,
[data-type="product_detail"] .prose dfn {
    font-style: italic;
}

[data-type="product_detail"] .prose u,
[data-type="product_detail"] .prose ins {
    text-decoration: underline;
}

[data-type="product_detail"] .prose s,
[data-type="product_detail"] .prose strike,
[data-type="product_detail"] .prose del {
    text-decoration: line-through;
}

[data-type="product_detail"] .prose abbr[title],
[data-type="product_detail"] .prose acronym[title] {
    text-decoration: dotted underline;
}

[data-type="product_detail"] .prose small {
    font-size: smaller;
}

[data-type="product_detail"] .prose big {
    font-size: larger;
}

[data-type="product_detail"] .prose sub {
    vertical-align: sub;
    font-size: smaller;
}

[data-type="product_detail"] .prose sup {
    vertical-align: super;
    font-size: smaller;
}

[data-type="product_detail"] .prose mark {
    background-color: Mark;
    color: MarkText;
}

[data-type="product_detail"] .prose q {
    display: inline;
}

[data-type="product_detail"] .prose q::before {
    content: open-quote;
}

[data-type="product_detail"] .prose q::after {
    content: close-quote;
}

[data-type="product_detail"] .prose nobr {
    white-space: nowrap;
}

/* Explicitly undo common reset/utility assumptions for neutral inline tags. */
[data-type="product_detail"] .prose span,
[data-type="product_detail"] .prose time,
[data-type="product_detail"] .prose data,
[data-type="product_detail"] .prose bdi,
[data-type="product_detail"] .prose bdo {
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
}

[data-type="product_detail"] .prose bdi {
    unicode-bidi: isolate;
}

[data-type="product_detail"] .prose bdo,
[data-type="product_detail"] .prose bdo[dir] {
    unicode-bidi: isolate-override;
}

/* ============================================================
   7. Code / preformatted text
   ============================================================ */

[data-type="product_detail"] .prose tt,
[data-type="product_detail"] .prose code,
[data-type="product_detail"] .prose kbd,
[data-type="product_detail"] .prose samp {
    font-family: monospace;
}

[data-type="product_detail"] .prose pre {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

[data-type="product_detail"] .prose pre[dir="auto" i] {
    unicode-bidi: plaintext;
}

/* ============================================================
   8. Tables
   ============================================================ */

[data-type="product_detail"] .prose table {
    display: table;
    box-sizing: border-box;
    border-spacing: 2px;
    text-indent: initial;
    border-color: gray;
}

[data-type="product_detail"] .prose thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}

[data-type="product_detail"] .prose tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

[data-type="product_detail"] .prose tfoot {
    display: table-footer-group;
    vertical-align: middle;
    border-color: inherit;
}

[data-type="product_detail"] .prose tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

[data-type="product_detail"] .prose table > tr {
    vertical-align: middle;
}

[data-type="product_detail"] .prose col {
    display: table-column;
}

[data-type="product_detail"] .prose colgroup {
    display: table-column-group;
}

[data-type="product_detail"] .prose td,
[data-type="product_detail"] .prose th {
    display: table-cell;
    vertical-align: inherit;
    padding: 5px 10px;
}

[data-type="product_detail"] .prose th {
    font-weight: bold;
    text-align: center;
}

[data-type="product_detail"] .prose caption {
    display: table-caption;
    text-align: center;
}

/* ============================================================
   9. Images / media / embedded content
   ============================================================ */

[data-type="product_detail"] .prose img {
    display: inline;
    max-width: none;
    height: auto;
    vertical-align: baseline;
    overflow: clip;
    overflow-clip-margin: content-box;
}

[data-type="product_detail"] .prose svg {
    display: inline;
    vertical-align: baseline;
}

[data-type="product_detail"] .prose video {
    display: inline;
    max-width: none;
    height: auto;
    vertical-align: baseline;
    object-fit: contain;
    overflow: clip;
    overflow-clip-margin: content-box;
}

[data-type="product_detail"] .prose canvas {
    display: inline;
    overflow: clip;
    overflow-clip-margin: content-box;
}

[data-type="product_detail"] .prose audio {
    width: 300px;
    height: 54px;
}

[data-type="product_detail"] .prose audio:not([controls]) {
    display: none !important;
}

[data-type="product_detail"] .prose iframe,
[data-type="product_detail"] .prose embed,
[data-type="product_detail"] .prose object {
    overflow: clip !important;
    overflow-clip-margin: content-box !important;
}

[data-type="product_detail"] .prose iframe {
    border-style: inset;
    border-width: 2px;
}

/* ============================================================
   10. Details / summary
   ============================================================ */

[data-type="product_detail"] .prose details {
    display: block;
}

[data-type="product_detail"] .prose summary {
    display: block;
}

[data-type="product_detail"] .prose details > summary:first-of-type {
    display: list-item;
    counter-increment: list-item 0;
    list-style: disclosure-closed inside;
}

[data-type="product_detail"] .prose details[open] > summary:first-of-type {
    list-style-type: disclosure-open;
}

/* ============================================================
   11. Ruby annotations
   ============================================================ */

[data-type="product_detail"] .prose ruby,
[data-type="product_detail"] .prose rt {
    text-indent: 0;
}

[data-type="product_detail"] .prose ruby {
    display: ruby;
}

[data-type="product_detail"] .prose rt {
    line-height: normal;
    text-emphasis: none;
}

[data-type="product_detail"] .prose ruby > rt {
    display: ruby-text;
    font-size: 50%;
    text-align: start;
}

[data-type="product_detail"] .prose rp {
    display: none;
}

/* ============================================================
   12. Basic form structure
   ============================================================ */

[data-type="product_detail"] .prose form {
    margin-top: 0;
}

[data-type="product_detail"] .prose label {
    cursor: default;
}

[data-type="product_detail"] .prose fieldset {
    display: block;
    margin-inline: 2px;
    padding-block: 0.35em 0.625em;
    padding-inline: 0.75em;
    border-style: groove;
    border-width: 2px;
    border-color: #c0c0c0;
    min-inline-size: min-content;
}

[data-type="product_detail"] .prose legend {
    display: block;
    padding-inline: 2px;
}

/*
 * Native form-control appearance is intentionally delegated to the browser.
 * This is closer to Chrome than manually drawing buttons/inputs.
 */
[data-type="product_detail"] .prose input,
[data-type="product_detail"] .prose textarea,
[data-type="product_detail"] .prose select,
[data-type="product_detail"] .prose button {
    appearance: auto;
    margin: 0;
    color: FieldText;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
}

[data-type="product_detail"] .prose textarea {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    font-family: monospace;
}

/* ============================================================
   13. Hidden / metadata-like elements
   ============================================================ */

[data-type="product_detail"] .prose base,
[data-type="product_detail"] .prose basefont,
[data-type="product_detail"] .prose datalist,
[data-type="product_detail"] .prose head,
[data-type="product_detail"] .prose link,
[data-type="product_detail"] .prose meta,
[data-type="product_detail"] .prose noembed,
[data-type="product_detail"] .prose noframes,
[data-type="product_detail"] .prose param,
[data-type="product_detail"] .prose script,
[data-type="product_detail"] .prose style,
[data-type="product_detail"] .prose template,
[data-type="product_detail"] .prose title {
    display: none;
}

[data-type="product_detail"] .prose input[type="hidden" i] {
    display: none !important;
}

/* Standard hidden attribute safety rule. */
[data-type="product_detail"] .prose [hidden] {
    display: none !important;
}

/* ============================================================
   14. Chromium-like bidi isolation for common block content
   ============================================================ */

[data-type="product_detail"] .prose :is(
    address,
    blockquote,
    center,
    div,
    figure,
    figcaption,
    footer,
    form,
    header,
    hr,
    legend,
    main,
    p,
    pre,
    summary,
    article,
    aside,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    hgroup,
    nav,
    section,
    search,
    table,
    caption,
    colgroup,
    col,
    thead,
    tbody,
    tfoot,
    tr,
    td,
    th,
    dd,
    dl,
    dt,
    menu,
    ol,
    ul,
    li,
    output
) {
    unicode-bidi: isolate;
}



/*
 * NEditor-default-style.css
 */

/* 新闻详情样式（产品详情样式在前面） */

/* ============================================================
   1. Generic block-level elements
   ============================================================ */
[data-type="news_detail"] .prose {
    color: #000000;
    font-size: 16px;
}
[data-type="news_detail"] .prose *{
    line-height: 1.5;
    visibility: visible !important;
}
[data-type="news_detail"] .prose div,
[data-type="news_detail"] .prose article,
[data-type="news_detail"] .prose aside,
[data-type="news_detail"] .prose footer,
[data-type="news_detail"] .prose header,
[data-type="news_detail"] .prose hgroup,
[data-type="news_detail"] .prose main,
[data-type="news_detail"] .prose nav,
[data-type="news_detail"] .prose search,
[data-type="news_detail"] .prose section,
[data-type="news_detail"] .prose address,
[data-type="news_detail"] .prose figcaption,
[data-type="news_detail"] .prose details,
[data-type="news_detail"] .prose summary,
[data-type="news_detail"] .prose form {
    display: block;
}

[data-type="news_detail"] .prose p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

[data-type="news_detail"] .prose address {
    font-style: italic;
}

[data-type="news_detail"] .prose blockquote {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
}

[data-type="news_detail"] .prose figure {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
}

[data-type="news_detail"] .prose center {
    display: block;
    text-align: center;
}

[data-type="news_detail"] .prose hr {
    display: block;
    overflow: hidden;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    border-style: inset;
    border-width: 1px;
    border-color: gray;
    color: gray;
}

/* ============================================================
   2. Headings
   ============================================================ */

[data-type="news_detail"] .prose h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: bold;
}

[data-type="news_detail"] .prose h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: bold;
}

[data-type="news_detail"] .prose h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: bold;
}

[data-type="news_detail"] .prose h4 {
    display: block;
    font-size: 1em;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: bold;
}

[data-type="news_detail"] .prose h5 {
    display: block;
    font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: bold;
}

[data-type="news_detail"] .prose h6 {
    display: block;
    font-size: 0.67em;
    margin-block-start: 2.33em;
    margin-block-end: 2.33em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: bold;
}

/* ============================================================
   3. Lists
   ============================================================ */

[data-type="news_detail"] .prose ul,
[data-type="news_detail"] .prose menu {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 40px;
}

[data-type="news_detail"] .prose ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 40px;
}

[data-type="news_detail"] .prose li {
    display: list-item;
    text-align: match-parent;
}

/* Nested lists do not add extra outer vertical margins in Chromium. */
[data-type="news_detail"] .prose :is(dl, menu, ol, ul) :is(dl, menu, ol, ul) {
    margin-block-start: 0;
    margin-block-end: 0;
}

/* Nested unordered list markers. */
[data-type="news_detail"] .prose :is(menu, ol, ul) :is(menu, ul) {
    list-style-type: circle;
}

[data-type="news_detail"] .prose :is(menu, ol, ul) :is(menu, ol, ul) :is(menu, ul) {
    list-style-type: square;
}

/* ============================================================
   4. Description lists
   ============================================================ */

[data-type="news_detail"] .prose dl {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

[data-type="news_detail"] .prose dt {
    display: block;
}

[data-type="news_detail"] .prose dd {
    display: block;
    margin-inline-start: 40px;
}

/* ============================================================
   5. Links
   ============================================================ */

[data-type="news_detail"] .prose a:any-link {
    color: rgb(0, 0, 238);
    text-decoration: underline;
    cursor: pointer;
}

[data-type="news_detail"] .prose a:visited {
    color: rgb(85, 26, 139);
}

[data-type="news_detail"] .prose a:active {
    color: rgb(255, 0, 0);
}

[data-type="news_detail"] .prose a:focus-visible {
    outline: auto 1px -webkit-focus-ring-color;
    outline-offset: 1px;
}

/* ============================================================
   6. Inline semantic/text elements
   ============================================================ */

[data-type="news_detail"] .prose strong,
[data-type="news_detail"] .prose b {
    font-weight: bolder;
}

[data-type="news_detail"] .prose i,
[data-type="news_detail"] .prose cite,
[data-type="news_detail"] .prose em,
[data-type="news_detail"] .prose var,
[data-type="news_detail"] .prose dfn {
    font-style: italic;
}

[data-type="news_detail"] .prose u,
[data-type="news_detail"] .prose ins {
    text-decoration: underline;
}

[data-type="news_detail"] .prose s,
[data-type="news_detail"] .prose strike,
[data-type="news_detail"] .prose del {
    text-decoration: line-through;
}

[data-type="news_detail"] .prose abbr[title],
[data-type="news_detail"] .prose acronym[title] {
    text-decoration: dotted underline;
}

[data-type="news_detail"] .prose small {
    font-size: smaller;
}

[data-type="news_detail"] .prose big {
    font-size: larger;
}

[data-type="news_detail"] .prose sub {
    vertical-align: sub;
    font-size: smaller;
}

[data-type="news_detail"] .prose sup {
    vertical-align: super;
    font-size: smaller;
}

[data-type="news_detail"] .prose mark {
    background-color: Mark;
    color: MarkText;
}

[data-type="news_detail"] .prose q {
    display: inline;
}

[data-type="news_detail"] .prose q::before {
    content: open-quote;
}

[data-type="news_detail"] .prose q::after {
    content: close-quote;
}

[data-type="news_detail"] .prose nobr {
    white-space: nowrap;
}

/* Explicitly undo common reset/utility assumptions for neutral inline tags. */
[data-type="news_detail"] .prose span,
[data-type="news_detail"] .prose time,
[data-type="news_detail"] .prose data,
[data-type="news_detail"] .prose bdi,
[data-type="news_detail"] .prose bdo {
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
}

[data-type="news_detail"] .prose bdi {
    unicode-bidi: isolate;
}

[data-type="news_detail"] .prose bdo,
[data-type="news_detail"] .prose bdo[dir] {
    unicode-bidi: isolate-override;
}

/* ============================================================
   7. Code / preformatted text
   ============================================================ */

[data-type="news_detail"] .prose tt,
[data-type="news_detail"] .prose code,
[data-type="news_detail"] .prose kbd,
[data-type="news_detail"] .prose samp {
    font-family: monospace;
}

[data-type="news_detail"] .prose pre {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

[data-type="news_detail"] .prose pre[dir="auto" i] {
    unicode-bidi: plaintext;
}

/* ============================================================
   8. Tables
   ============================================================ */

[data-type="news_detail"] .prose table {
    display: table;
    box-sizing: border-box;
    border-spacing: 2px;
    text-indent: initial;
    border-color: gray;
}

[data-type="news_detail"] .prose thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}

[data-type="news_detail"] .prose tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

[data-type="news_detail"] .prose tfoot {
    display: table-footer-group;
    vertical-align: middle;
    border-color: inherit;
}

[data-type="news_detail"] .prose tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

[data-type="news_detail"] .prose table > tr {
    vertical-align: middle;
}

[data-type="news_detail"] .prose col {
    display: table-column;
}

[data-type="news_detail"] .prose colgroup {
    display: table-column-group;
}

[data-type="news_detail"] .prose td,
[data-type="news_detail"] .prose th {
    display: table-cell;
    vertical-align: inherit;
    padding: 5px 10px;
}

[data-type="news_detail"] .prose th {
    font-weight: bold;
    text-align: center;
}

[data-type="news_detail"] .prose caption {
    display: table-caption;
    text-align: center;
}

/* ============================================================
   9. Images / media / embedded content
   ============================================================ */

[data-type="news_detail"] .prose img {
    display: inline;
    height: auto;
    vertical-align: baseline;
    overflow: clip;
    overflow-clip-margin: content-box;
}

[data-type="news_detail"] .prose svg {
    display: inline;
    vertical-align: baseline;
}

[data-type="news_detail"] .prose video {
    display: inline;
    max-width: none;
    height: auto;
    vertical-align: baseline;
    object-fit: contain;
    overflow: clip;
    overflow-clip-margin: content-box;
}

[data-type="news_detail"] .prose canvas {
    display: inline;
    overflow: clip;
    overflow-clip-margin: content-box;
}

[data-type="news_detail"] .prose audio {
    width: 300px;
    height: 54px;
}

[data-type="news_detail"] .prose audio:not([controls]) {
    display: none !important;
}

[data-type="news_detail"] .prose iframe,
[data-type="news_detail"] .prose embed,
[data-type="news_detail"] .prose object {
    overflow: clip !important;
    overflow-clip-margin: content-box !important;
}

[data-type="news_detail"] .prose iframe {
    border-style: inset;
    border-width: 2px;
}

/* ============================================================
   10. Details / summary
   ============================================================ */

[data-type="news_detail"] .prose details {
    display: block;
}

[data-type="news_detail"] .prose summary {
    display: block;
}

[data-type="news_detail"] .prose details > summary:first-of-type {
    display: list-item;
    counter-increment: list-item 0;
    list-style: disclosure-closed inside;
}

[data-type="news_detail"] .prose details[open] > summary:first-of-type {
    list-style-type: disclosure-open;
}

/* ============================================================
   11. Ruby annotations
   ============================================================ */

[data-type="news_detail"] .prose ruby,
[data-type="news_detail"] .prose rt {
    text-indent: 0;
}

[data-type="news_detail"] .prose ruby {
    display: ruby;
}

[data-type="news_detail"] .prose rt {
    line-height: normal;
    text-emphasis: none;
}

[data-type="news_detail"] .prose ruby > rt {
    display: ruby-text;
    font-size: 50%;
    text-align: start;
}

[data-type="news_detail"] .prose rp {
    display: none;
}

/* ============================================================
   12. Basic form structure
   ============================================================ */

[data-type="news_detail"] .prose form {
    margin-top: 0;
}

[data-type="news_detail"] .prose label {
    cursor: default;
}

[data-type="news_detail"] .prose fieldset {
    display: block;
    margin-inline: 2px;
    padding-block: 0.35em 0.625em;
    padding-inline: 0.75em;
    border-style: groove;
    border-width: 2px;
    border-color: #c0c0c0;
    min-inline-size: min-content;
}

[data-type="news_detail"] .prose legend {
    display: block;
    padding-inline: 2px;
}

/*
 * Native form-control appearance is intentionally delegated to the browser.
 * This is closer to Chrome than manually drawing buttons/inputs.
 */
[data-type="news_detail"] .prose input,
[data-type="news_detail"] .prose textarea,
[data-type="news_detail"] .prose select,
[data-type="news_detail"] .prose button {
    appearance: auto;
    margin: 0;
    color: FieldText;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
}

[data-type="news_detail"] .prose textarea {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    font-family: monospace;
}

/* ============================================================
   13. Hidden / metadata-like elements
   ============================================================ */

[data-type="news_detail"] .prose base,
[data-type="news_detail"] .prose basefont,
[data-type="news_detail"] .prose datalist,
[data-type="news_detail"] .prose head,
[data-type="news_detail"] .prose link,
[data-type="news_detail"] .prose meta,
[data-type="news_detail"] .prose noembed,
[data-type="news_detail"] .prose noframes,
[data-type="news_detail"] .prose param,
[data-type="news_detail"] .prose script,
[data-type="news_detail"] .prose style,
[data-type="news_detail"] .prose template,
[data-type="news_detail"] .prose title {
    display: none;
}

[data-type="news_detail"] .prose input[type="hidden" i] {
    display: none !important;
}

/* Standard hidden attribute safety rule. */
[data-type="news_detail"] .prose [hidden] {
    display: none !important;
}

/* ============================================================
   14. Chromium-like bidi isolation for common block content
   ============================================================ */

[data-type="news_detail"] .prose :is(
    address,
    blockquote,
    center,
    div,
    figure,
    figcaption,
    footer,
    form,
    header,
    hr,
    legend,
    main,
    p,
    pre,
    summary,
    article,
    aside,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    hgroup,
    nav,
    section,
    search,
    table,
    caption,
    colgroup,
    col,
    thead,
    tbody,
    tfoot,
    tr,
    td,
    th,
    dd,
    dl,
    dt,
    menu,
    ol,
    ul,
    li,
    output
) {
    unicode-bidi: isolate;
}
