/* T03 article styles; independent of other templates. */
.cms-article-detail { --article-accent: #ff0080; --article-border: #dddddd; --article-soft: #fafafa; --article-radius: 16px; --article-border: color-mix(in srgb, var(--article-accent) 22%, #dedede); --article-soft: color-mix(in srgb, var(--article-accent) 5%, white); font-family: inherit; font-size: inherit; }
.cms-article-detail .cms-article-toc { border-top: 3px solid var(--article-accent); }
.cms-article-detail .cms-article-toc summary { font-family: inherit; font-size: 1em; }
.cms-article-detail .cms-article-toc a[aria-current] { font-weight: 700; text-decoration: underline; }
.cms-article-detail{padding-top:2rem;padding-bottom:2rem;overflow-wrap:anywhere}
.cms-article-detail .cms-article-header h1{line-height:1.3;margin:0 0 1rem}
.cms-article-detail .cms-article-meta{display:flex;gap:1rem;flex-wrap:wrap;opacity:.75;font-size:.9em;margin-bottom:1rem}
.cms-article-detail .cms-article-lead{font-size:1.1em;line-height:1.75;margin:1rem 0 2rem}
.cms-article-detail .cms-article-cover{margin:1.5rem 0}
.cms-article-detail .cms-article-cover img{display:block;max-width:100%;height:auto;margin:auto}
.cms-article-detail .cms-article-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:start}
.cms-article-detail.has-toc .cms-article-layout{grid-template-columns:minmax(0,1fr) minmax(180px,26%)}
.cms-article-detail .cms-article-main{min-width:0}
.cms-article-detail .cms-article-sidebar{position:sticky;top:100px;display:none}
.cms-article-detail.has-toc .cms-article-sidebar{display:block}
.cms-article-detail .cms-article-toc{border:1px solid var(--article-border);border-radius:var(--article-radius);padding:1rem;background:var(--article-soft);color:inherit}
.cms-article-detail .cms-article-toc summary{cursor:pointer;font-weight:600;line-height:1.5}
.cms-article-detail .cms-article-toc nav{display:flex;flex-direction:column;gap:.65rem;padding-top:1rem;max-height:60vh;overflow:auto}
.cms-article-detail .cms-article-toc a{color:inherit;line-height:1.5;text-decoration:none;font-size:.95em}
.cms-article-detail .cms-article-toc a:hover,.cms-article-detail .cms-article-toc a[aria-current]{text-decoration:underline}
.cms-article-detail .cms-article-toc .toc-sub{padding-left:1rem;font-size:.9em}
.cms-article-detail .cms-article-body{font-size:1em;line-height:1.85}
.cms-article-detail .cms-article-body h2,.cms-article-detail .cms-article-body h3{line-height:1.4;margin:1.5em 0 .75em;scroll-margin-top:110px}
.cms-article-detail .cms-article-body img,.cms-article-detail .cms-article-body video,.cms-article-detail .cms-article-body iframe{max-width:100%}
.cms-article-detail .cms-article-body img{height:auto}
.cms-article-detail .cms-article-body ul,.cms-article-detail .cms-article-body ol{padding-left:1.6em}
.cms-article-detail .cms-article-body ul{list-style:disc}
.cms-article-detail .cms-article-body ol{list-style:decimal}
.cms-article-detail .cms-article-table{overflow-x:auto;max-width:100%;margin:1rem 0}
.cms-article-detail .cms-article-table table{margin:0}
.cms-article-detail .cms-article-tags,.cms-article-detail .cms-article-related{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--article-border)}
.cms-article-detail .cms-article-related ul{list-style:disc;padding-left:1.5rem;line-height:1.8}
.cms-article-detail .ql-align-center{text-align:center}.cms-article-detail .ql-align-right{text-align:right}.cms-article-detail .ql-align-justify{text-align:justify}
.cms-article-detail .ql-size-small{font-size:.75em}.cms-article-detail .ql-size-large{font-size:1.5em}.cms-article-detail .ql-size-huge{font-size:2.5em}
.cms-article-detail .ql-direction-rtl{direction:rtl}.cms-article-detail .ql-indent-1{padding-left:3em}.cms-article-detail .ql-indent-2{padding-left:6em}.cms-article-detail .ql-indent-3{padding-left:9em}.cms-article-detail .ql-indent-4{padding-left:12em}.cms-article-detail .ql-indent-5{padding-left:15em}.cms-article-detail .ql-indent-6{padding-left:18em}.cms-article-detail .ql-indent-7{padding-left:21em}.cms-article-detail .ql-indent-8{padding-left:24em}
.cms-article-detail [hidden]{display:none!important}
@media(max-width:900px){.cms-article-detail.has-toc .cms-article-layout{grid-template-columns:minmax(0,1fr)}.cms-article-detail.has-toc .cms-article-sidebar{display:none}.cms-article-detail .cms-article-toc{margin-bottom:1.5rem}.cms-article-detail .cms-article-header h1{font-size:clamp(24px,5vw,32px)}}