:root { --ink: #172033; --muted: #667085; --line: #dbe2ea; --surface: #ffffff; --surface-soft: #f4f7fa; --canvas: #eaf0f5; --brand: #175cd3; --brand-dark: #123a70; --brand-soft: #e8f1ff; --success: #067647; --danger: #b42318; --content-soft: #e8f1ff; --content-line: #a8c7f4; --content-ink: #123a70; --admin-soft: #fff0ef; --admin-line: #efb4ae; --admin-ink: #8f2017; --radius: 14px; --shadow: 0 14px 34px rgba(15, 34, 58, .09); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--ink); background: var(--canvas); font-synthesis: none; } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { min-height: 100vh; margin: 0; background: radial-gradient(circle at 8% 0, rgba(23, 92, 211, .10), transparent 28rem), var(--canvas); color: var(--ink); font-size: 16px; line-height: 1.65; } a { color: var(--brand); text-underline-offset: .18em; } a:hover { color: var(--brand-dark); } a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid var(--brand); outline-offset: 2px; } .site-header a:focus-visible, .site-header button:focus-visible { outline-color: #fff; } img { max-width: 100%; height: auto; } .skip-link { position: fixed; z-index: 100; top: .75rem; left: .75rem; transform: translateY(-180%); padding: .7rem 1rem; border-radius: 8px; background: #fff; color: var(--ink); box-shadow: var(--shadow); } .skip-link:focus { transform: translateY(0); } .site-shell { width: min(1440px, calc(100% - 40px)); margin: 24px auto; } .site-header { display: flex; min-height: 92px; align-items: center; justify-content: space-between; gap: 2rem; padding: 18px 28px; border-radius: var(--radius) var(--radius) 0 0; background: linear-gradient(125deg, #102f59, #175cd3 68%, #1570ef); color: #fff; } .brand { display: inline-flex; align-items: center; gap: 14px; color: inherit; text-decoration: none; } .brand:hover { color: #fff; } .brand-mark { display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid rgba(255,255,255,.38); border-radius: 14px; background: rgba(255,255,255,.14); font-size: 1.55rem; font-weight: 800; letter-spacing: -.08em; box-shadow: inset 0 1px 0 rgba(255,255,255,.25); } .brand-mark sup { font-size: .58em; } .brand-copy { display: flex; flex-direction: column; line-height: 1.2; } .brand-copy strong { font-size: clamp(1.2rem, 2vw, 1.65rem); letter-spacing: -.02em; } .brand-copy small { margin-top: .28rem; color: #d6e5ff; font-size: .78rem; } .site-header-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .5rem; } .site-user-name { padding: .45rem .3rem; color: #e6efff; font-size: .86rem; font-weight: 700; text-decoration: none; } .site-user-name:hover { color: #fff; text-decoration: underline; } .site-role-action { display: inline-flex; min-height: 44px; align-items: center; padding: .5rem .8rem; border: 1px solid; border-radius: 9px; font-size: .88rem; font-weight: 800; text-decoration: none; } .site-role-action.action-content { border-color: var(--content-line); color: var(--content-ink); background: var(--content-soft); } .site-role-action.action-content:hover { color: var(--content-ink); background: #dceaff; } .site-role-action.action-admin { border-color: var(--admin-line); color: var(--admin-ink); background: var(--admin-soft); } .site-role-action.action-admin:hover { color: var(--admin-ink); background: #ffe3e0; } .site-logout-form { display: inline-flex; margin: 0; } .site-header .site-logout-button { min-height: 44px; padding: .5rem .8rem; border: 1px solid rgba(255,255,255,.55); color: #fff; background: rgba(255,255,255,.10); } .site-header .site-logout-button:hover { background: rgba(255,255,255,.2); } .nav-toggle { display: none; align-items: center; gap: .45rem; min-height: 44px; padding: .55rem .8rem; border: 1px solid rgba(255,255,255,.4); border-radius: 9px; background: rgba(255,255,255,.12); color: #fff; font: inherit; font-weight: 700; } .main-navigation { padding: 0 20px; border-bottom: 1px solid #dce4ed; background: var(--surface); box-shadow: 0 8px 20px rgba(15,34,58,.06); } .main-navigation > ul { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 8px 0; list-style: none; } .main-navigation a { display: block; padding: .65rem .9rem; border-radius: 8px; color: #344054; font-size: .94rem; font-weight: 700; text-decoration: none; } .main-navigation a:hover, .main-navigation a.is-current { background: var(--brand-soft); color: var(--brand-dark); } .navigation-item { position: relative; } .navigation-link-row { display: flex; align-items: stretch; } .navigation-link-row > a { flex: 1 1 auto; } .submenu-toggle { display: grid; min-width: 44px; min-height: 44px; padding: 0 .55rem; place-items: center; border: 0; border-radius: 8px; color: #475467; background: transparent; font: inherit; cursor: pointer; } .submenu-toggle:hover, .submenu-toggle:focus-visible, .has-submenu.is-submenu-open > .navigation-link-row > .submenu-toggle { color: var(--brand-dark); background: var(--brand-soft); } .submenu-toggle span { transition: transform .16s ease; } .has-submenu.is-submenu-open > .navigation-link-row > .submenu-toggle span { transform: rotate(180deg); } .navigation-submenu { position: absolute; z-index: 40; top: calc(100% - 2px); left: 0; display: none; min-width: 17rem; margin: 0; padding: .45rem; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); box-shadow: 0 16px 36px rgba(15, 34, 58, .16); list-style: none; } .navigation-submenu .navigation-submenu { top: -.45rem; left: calc(100% - .2rem); } .navigation-item:hover > .navigation-submenu, .navigation-submenu-item:hover > .navigation-submenu, .navigation-item:focus-within > .navigation-submenu, .navigation-submenu-item:focus-within > .navigation-submenu, .has-submenu.is-submenu-open > .navigation-submenu { display: block; } .navigation-submenu-item { position: relative; } .navigation-submenu a { padding: .55rem .7rem; border-radius: 7px; white-space: nowrap; } .navigation-submenu .navigation-link-row { gap: .2rem; } .navigation-submenu .submenu-toggle { min-width: 44px; } .navigation-submenu-item.has-submenu > .navigation-link-row > .submenu-toggle span { transform: rotate(-90deg); } .navigation-submenu-item.has-submenu.is-submenu-open > .navigation-link-row > .submenu-toggle span { transform: rotate(90deg); } .navigation-article a { color: #475467; font-weight: 600; } .page-layout { display: grid; grid-template-columns: minmax(230px, 270px) minmax(0, 1fr); gap: 22px; padding: 22px 0; align-items: start; } .page-layout-wide { grid-template-columns: minmax(0, 1fr); } .page-layout-wide .content-card { width: 100%; } .sidebar { display: grid; gap: 16px; } .side-panel, .content-card { border: 1px solid rgba(205, 216, 228, .92); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); } .side-panel { overflow: hidden; padding: 18px; } .side-panel > h2 { margin: -18px -18px 16px; padding: 12px 18px; border-bottom: 1px solid var(--line); background: var(--surface-soft); color: #344054; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; } .side-panel ul { margin: 0; padding: 0; list-style: none; } .side-panel li + li { margin-top: .35rem; } .side-panel a { font-weight: 650; text-decoration: none; } .side-panel form { margin: 0; } .side-panel label { display: block; margin-top: .55rem; color: var(--muted); font-size: .86rem; font-weight: 700; } .side-panel input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) { width: 100%; } .side-panel input[type="submit"], .side-panel button { width: 100%; margin-top: .45rem; } .login-form { display: grid; gap: .45rem; } .login-form label { margin-top: .2rem; } .login-message { margin: 0; color: var(--danger); font-size: .9rem; font-weight: 700; } .login-page-panel { max-width: 32rem; padding: 1.3rem; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-soft); } .login-page-panel .login-form { gap: .7rem; } .login-page-panel .login-form button { justify-self: start; width: auto; min-width: 8rem; } .account-greeting, .account-link { margin: 0 0 .65rem; } .account-logout-form { display: block; } .profile-form { display: grid; max-width: 48rem; gap: 1.3rem; } .profile-form fieldset { margin: 0; padding: 1.2rem; border: 1px solid var(--line); border-radius: 11px; } .profile-form legend { padding: 0 .35rem; color: #102a4c; font-weight: 800; } .profile-form-grid { display: grid; grid-template-columns: minmax(10rem, .45fr) minmax(0, 1fr); align-items: center; gap: .85rem 1rem; } .profile-form-grid label { color: #344054; font-weight: 700; } .profile-form .field-help { margin-top: 0; color: var(--muted); font-size: .9rem; } .menu-list { margin: 0; padding: 0; list-style: none; } .menu-list li + li { margin-top: .35rem; } .admin-panel { border-color: #b9d1f7; } .admin-links a { display: block; padding: .48rem .6rem; border-radius: 7px; } .admin-links a:hover { background: var(--brand-soft); } .status-message { color: var(--success); font-weight: 700; } .module-list { display: grid; gap: .7rem; } .module-row { display: grid; grid-template-columns: 7rem minmax(0, 1fr) auto; align-items: center; gap: 1rem; margin: 0; padding: .8rem; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-soft); } .module-row button { min-width: 7rem; } .module-row-actions { display: flex; align-items: center; justify-content: flex-end; gap: .5rem; } .module-state span { display: inline-block; padding: .2rem .48rem; border-radius: 999px; font-size: .75rem; font-weight: 800; } .state-enabled { background: #dcfae6; color: var(--success); } .state-disabled { background: #fee4e2; color: var(--danger); } .content-card { min-width: 0; min-height: 540px; padding: clamp(24px, 4vw, 52px); overflow: visible; overflow-wrap: anywhere; } pre { max-width: 100%; overflow-x: auto; } code { overflow-wrap: anywhere; } h1, h2, h3, h4 { margin: 1.5em 0 .55em; color: #102a4c; font-weight: 760; line-height: 1.2; letter-spacing: -.025em; } h1 { margin-top: 0; font-size: clamp(1.8rem, 4vw, 2.55rem); } h2 { font-size: clamp(1.35rem, 2.5vw, 1.8rem); } h3 { font-size: 1.22rem; } p { margin: 0 0 1.15em; } hr { height: 1px; margin: 1.7rem 0; border: 0; background: var(--line); } .content-card ul, .content-card ol { padding-left: 1.35rem; } .content-card blockquote { margin: 1rem 0; padding: .65rem 1rem; border-left: 4px solid var(--brand); background: var(--surface-soft); } .content-card .ql-align-center { text-align: center; } .content-card .ql-align-right { text-align: right; } .content-card .ql-align-justify { text-align: justify; } .content-card .ql-direction-rtl { direction: rtl; } .content-card .ql-indent-1 { margin-left: 2rem; } .content-card .ql-indent-2 { margin-left: 4rem; } .content-card .ql-indent-3 { margin-left: 6rem; } .content-card .ql-indent-4, .content-card .ql-indent-5, .content-card .ql-indent-6, .content-card .ql-indent-7, .content-card .ql-indent-8 { margin-left: 8rem; } .content-card img.portix-content-image, .content-card p > img { display: block; max-width: 100%; height: auto; margin: 1.25rem auto; border-radius: 10px; } form { margin: 1.25rem 0; } .contact-form { display: grid; max-width: 48rem; gap: 1rem; } .contact-form label { display: grid; gap: .35rem; color: #344054; font-weight: 700; } .contact-form input, .contact-form textarea { width: 100%; padding: .7rem .8rem; border: 1px solid #b8c5d5; border-radius: 9px; color: var(--ink); background: #fff; font: inherit; } .contact-form textarea { min-height: 15rem; resize: vertical; } .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } .contact-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; } .error-box { padding: .8rem 1rem; border-left: 4px solid var(--danger); border-radius: 8px; color: var(--danger); background: #fee4e2; } .contact-success { max-width: 42rem; padding: 1.5rem; border: 1px solid #a7dfc3; border-radius: 14px; background: #effcf5; } .download-category-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } .download-category-card, .download-file-card { padding: 1.2rem; border: 1px solid var(--line); border-radius: 13px; background: #fff; } .download-category-card h2, .download-file-card h3 { margin-top: 0; } .download-category-card > span { color: var(--muted); font-size: .88rem; font-weight: 700; } .download-category-heading { margin-bottom: 1.2rem; } .download-file-list { display: grid; gap: 1rem; } .download-file-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1.5rem; } .download-file-card dl { display: flex; flex-wrap: wrap; gap: .6rem 1.5rem; } .download-file-card dl div { display: flex; gap: .4rem; } .download-file-card dt { color: var(--muted); } .download-file-card dd { margin: 0; font-weight: 700; } .download-file-card code { overflow-wrap: anywhere; } .download-button { white-space: nowrap; } .inline-action { display: inline-flex; margin: 0; } .message-preview { white-space: pre-wrap; overflow-wrap: anywhere; padding: 1rem; background: var(--surface-soft); border-radius: 8px; } .recent-news { margin: 0; padding-left: 1.2rem; } .content-heading { margin-bottom: 1.6rem; } .eyebrow { margin: 0 0 .35rem; color: var(--brand-dark); font-size: .76rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; } .news-list { display: grid; gap: 1.25rem; } .news-card { position: relative; overflow: hidden; padding: clamp(1.15rem, 3vw, 1.65rem); border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(16, 42, 76, .07); } .news-card::before { position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--brand); content: ""; } .news-card header, .news-detail > header { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .35rem 1rem; } .news-card h2, .news-detail h2 { margin: 0; } .news-card h2 { font-size: clamp(1.2rem, 2.4vw, 1.55rem); } .news-card h2 a { color: inherit; text-decoration-thickness: .08em; text-underline-offset: .18em; } .news-card time, .news-detail time { padding: .22rem .55rem; border-radius: 999px; color: var(--muted); background: var(--surface-soft); font-size: .82rem; white-space: nowrap; } .news-card .news-summary { margin-top: 1rem; color: #344054; } .news-card .read-more { font-weight: 750; } .news-detail > header { margin-bottom: 1.4rem; padding-bottom: 1rem; border-bottom: 1px solid var(--line); } .news-detail .news-intro { margin: 0 0 1.6rem; padding: clamp(1rem, 3vw, 1.4rem); border-left: 4px solid var(--brand); border-radius: 0 11px 11px 0; color: #344054; background: var(--surface-soft); font-size: 1.08rem; font-weight: 620; } .news-detail .news-body { font-size: 1rem; } .news-detail .news-body > p { margin-bottom: 1.2em; } .article-breadcrumb { margin-bottom: 1.35rem; color: var(--muted); font-size: .9rem; } .article-breadcrumb ol { display: flex; flex-wrap: wrap; gap: .3rem .5rem; margin: 0; padding: 0; list-style: none; } .article-breadcrumb li { display: inline-flex; align-items: center; gap: .5rem; } .article-breadcrumb [aria-current="page"] { color: var(--ink); font-weight: 700; } .article-sequential-navigation { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 2.5rem; padding-top: 1.4rem; border-top: 1px solid var(--line); } .article-sequential-link { display: grid; gap: .3rem; padding: 1rem; border: 1px solid var(--line); border-radius: 11px; text-decoration: none; } .article-sequential-link:hover { border-color: var(--brand); background: var(--surface-soft); } .article-sequential-link small { color: var(--muted); font-weight: 750; text-transform: uppercase; } .article-sequential-next { grid-column: 2; text-align: right; } .pagination { display: flex; flex-wrap: wrap; gap: .4rem; margin: 1.5rem 0; } .pagination a { display: grid; min-width: 44px; height: 44px; place-items: center; border: 1px solid var(--line); border-radius: 8px; text-decoration: none; } .pagination a:hover, .pagination a.is-current { color: #fff; background: var(--brand); border-color: var(--brand); } .rss-link { font-size: .9rem; } .empty-state { max-width: 42rem; padding: 2rem 0; } .error { color: var(--danger); font-weight: 700; } .notice { color: var(--success); font-weight: 700; } input, textarea, select, button { max-width: 100%; border: 1px solid #7a899c; border-radius: 8px; background: #fff; color: var(--ink); font: inherit; } input, textarea, select { padding: .62rem .72rem; } input:not([type]), input[type="text"], input[type="texte"], input[type="email"], input[type="url"], input[type="password"], input[type="file"], select, textarea { width: min(100%, 42rem); } textarea { min-height: 9rem; resize: vertical; } input[type="checkbox"], input[type="radio"] { width: auto; accent-color: var(--brand); } button, input[type="submit"], input[type="button"], .button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: .58rem .95rem; border-color: var(--brand); background: var(--brand); color: #fff; cursor: pointer; font-weight: 750; text-decoration: none; } button:hover, input[type="submit"]:hover, input[type="button"]:hover, .button:hover { color: #fff; background: var(--brand-dark); } table { display: block; width: 100%; max-width: 100%; margin: 1.2rem 0; overflow-x: auto; border-collapse: collapse; background: #fff; } th, td { padding: .72rem .8rem; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; } th { background: var(--surface-soft); color: #344054; font-size: .87rem; } .site-footer { display: flex; justify-content: space-between; gap: 1rem; padding: 18px 24px; border-top: 1px solid #d7e0ea; color: var(--muted); font-size: .84rem; } .footer-login-link { margin-left: auto; color: #98a2b3; opacity: .55; text-decoration: none; } .footer-login-link:hover, .footer-login-link:focus-visible { color: var(--brand-dark); opacity: 1; } @media (max-width: 820px) { .site-shell { width: min(100% - 20px, 720px); margin: 10px auto; } .site-header { min-height: 76px; gap: .75rem; padding: 14px 16px; border-radius: 12px 12px 0 0; } .site-header-actions { min-width: 0; } .site-role-action { padding-inline: .65rem; } .brand { min-width: 0; flex: 1 1 auto; gap: .6rem; } .brand-mark { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 11px; } .brand-copy { min-width: 0; } .brand-copy strong { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .brand-copy small { display: none; } .nav-toggle { flex: 0 0 auto; } .nav-toggle { display: inline-flex; } .main-navigation { display: none; padding: 8px 12px; } .main-navigation.is-open { display: block; } .main-navigation > ul { display: grid; } .main-navigation a { padding: .8rem; } .main-navigation .has-submenu > .navigation-submenu { display: none; } .main-navigation .has-submenu.is-submenu-open > .navigation-submenu { display: block; } .navigation-submenu, .navigation-submenu .navigation-submenu { position: static; min-width: 0; margin: .15rem 0 .35rem .8rem; padding: .2rem 0 .2rem .55rem; border: 0; border-left: 2px solid var(--line); border-radius: 0; box-shadow: none; } .navigation-submenu a { white-space: normal; } .navigation-submenu-item.has-submenu > .navigation-link-row > .submenu-toggle span { transform: none; } .navigation-submenu-item.has-submenu.is-submenu-open > .navigation-link-row > .submenu-toggle span { transform: rotate(180deg); } .page-layout { grid-template-columns: 1fr; gap: 14px; padding: 14px 0; } .sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); } .content-card { grid-row: 1; min-height: 0; padding: 24px 18px; } .site-footer { flex-direction: column; padding: 16px; } } @media (max-width: 680px) { .site-header { flex-wrap: wrap; } .site-header-actions { width: 100%; justify-content: flex-end; } .site-user-name { margin-right: auto; } } @media (max-width: 560px) { .sidebar { grid-template-columns: 1fr; } th, td { padding: .55rem; } .module-row { grid-template-columns: 1fr; gap: .55rem; } .module-row-actions { justify-content: flex-start; } .module-row button { width: 100%; } .article-sequential-navigation { grid-template-columns: 1fr; } .article-sequential-next { grid-column: 1; text-align: left; } .contact-grid, .download-category-grid { grid-template-columns: 1fr; } .download-file-card { grid-template-columns: 1fr; } .profile-form-grid { grid-template-columns: 1fr; gap: .35rem; } .profile-form-grid input + label { margin-top: .6rem; } .content-card .ql-indent-1 { margin-left: 1rem; } .content-card .ql-indent-2 { margin-left: 1.5rem; } .content-card .ql-indent-3, .content-card .ql-indent-4, .content-card .ql-indent-5, .content-card .ql-indent-6, .content-card .ql-indent-7, .content-card .ql-indent-8 { margin-left: 2rem; } } @media (max-width: 380px) { .site-shell { width: calc(100% - 12px); margin: 6px auto; } .site-header { padding: 12px; } .brand-mark { width: 40px; height: 40px; flex-basis: 40px; } .nav-toggle { padding-inline: .65rem; } .content-card { padding: 20px 14px; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } } @media print { body { background: #fff; } .site-shell { width: 100%; margin: 0; } .site-header, .main-navigation, .sidebar, .nav-toggle, .site-footer { display: none !important; } .page-layout { display: block; padding: 0; } .content-card { min-height: 0; padding: 0; border: 0; box-shadow: none; } } .article-reading { max-width: none; width: 100%; margin-inline: 0; min-width: 0; } .article-reading .news-rich-text { font-size: var(--article-reading-size, 1.0625rem); line-height: var(--article-reading-leading, 1.75); overflow-wrap: anywhere; } .article-reading .news-rich-text p { margin-block: 0 1em !important; } .article-reading .news-rich-text :is(ul,ol,pre,blockquote) { margin-block: .75em 1.25em !important; } .article-reading .news-rich-text :is(h1,h2,h3,h4,h5,h6) { line-height: 1.3; margin-block: 1.6em .65em !important; scroll-margin-top: 5rem; } .article-reading .news-rich-text h2 { font-size: 1.6em; } .article-reading .news-rich-text h3 { font-size: 1.3em; } .article-reading .news-rich-text h4 { font-size: 1.12em; } .article-reading .news-rich-text :is(img,figure,video,iframe) { max-width: 100%; } .article-reading .news-rich-text img { height: auto; } .article-reading figcaption { color: inherit; opacity: .8; font-size: .875em; line-height: 1.5; margin-block-start: .5em; } .article-table-scroll { max-width: 100%; overflow-x: auto; margin-block: 1.25em; clear: both; } .article-table-scroll:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; } .article-reading .news-rich-text .article-table-scroll table { display: table; overflow: visible; white-space: normal; max-width: none; width: 100%; border-collapse: collapse; } .article-table-scroll :is(td,th) { padding: .55em .75em; vertical-align: top; min-width: 7rem; } .article-table-scroll caption { text-align: start; font-weight: bold; padding-block: .5em; } .article-toc.article-toc-columns { columns: auto; } .article-toc .article-category { break-inside: avoid; margin-block: 1.4rem; } .article-toc .article-category-children { margin-inline-start: min(1rem, 3vw); padding-inline-start: .75rem; border-inline-start: 1px solid currentColor; } .article-category-description { max-width: 75ch; line-height: 1.6; opacity: .85; } .article-toc :is(h2,h3,h4,h5,h6) { margin-block: .9em .4em; line-height: 1.35; } .article-toc li { margin-block: .4em; } @media (max-width: 40rem) { .article-reading { width: 100%; } .article-reading .news-rich-text { font-size: 1rem; } .article-toc .article-category-children { margin-inline-start: 0; padding-inline-start: .65rem; } } .article-series { margin-block: 1rem 1.5rem; padding: 1rem; border-block: 1px solid currentColor; } .article-series-title { font-weight: bold; } .article-series details { scroll-margin-top: 5rem; } .article-series summary { cursor: pointer; } .article-series li { margin-block: .4em; } .article-series [aria-current="page"] { font-weight: bold; } .article-heading-toc { margin-block: 1rem 1.5rem; padding-block: .75rem; border-block: 1px solid currentColor; } .article-heading-toc summary { cursor: pointer; font-weight: bold; } .article-heading-toc ol { list-style: none; padding-inline-start: 0; } .article-heading-toc li { margin-block: .45em; } .article-heading-toc .article-heading-level-h3 { padding-inline-start: .75rem; } .article-heading-toc :is(.article-heading-level-h4,.article-heading-level-h5,.article-heading-level-h6) { padding-inline-start: 1.5rem; } .article-related { margin-block-start: 2rem; padding-block-start: 1rem; border-block-start: 1px solid currentColor; } .article-related h2 { font-size: 1.15em; } .article-related li { margin-block: .45em; } .reading-image-overlay[hidden] { display: none !important; } .reading-image-overlay { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 2vh 2vw; background: rgba(0,0,0,.88); } .reading-image-overlay .reading-image-dialog { overflow: auto; } .reading-image-dialog { box-sizing: border-box; } .reading-image-dialog { width: min(96vw, 1400px); max-width: 96vw; max-height: 94vh; padding: 12px; border: 1px solid #68615a; border-radius: 8px; background: #191a1c; color: #eee; } .reading-image-dialog::backdrop { background: rgb(0 0 0 / .88); } .reading-image-dialog img { display: block; width: auto; height: auto; max-width: 100%; max-height: 72vh; object-fit: contain; margin: 12px auto; } .reading-image-dialog button { min-height: 44px; padding: 8px 16px; font: inherit; cursor: pointer; } .reading-image-dialog p { margin: 8px 0; overflow-wrap: anywhere; } .reading-image-dialog a { color: #ffc477; } @media screen and (max-width: 900px), screen and (hover: none) and (pointer: coarse) { body.theme-six-cordes .site-shell { width: calc(100% - 12px); margin: 6px auto; } body.theme-six-cordes .site-header { flex-wrap: wrap; min-height: 0; padding: 12px; gap: 8px; align-items: center; } body.theme-six-cordes .six-cordes-brand { order: 0; width: 100%; margin: 0; padding: 0; } body.theme-six-cordes .six-cordes-brand .brand-copy strong { max-width: 100%; font-size: clamp(1.4rem, 6vw, 2rem); line-height: 1.15; white-space: normal; } body.theme-six-cordes .site-header-tools { width: 100%; min-width: 0; gap: 6px; } body.theme-six-cordes .site-header-actions { width: 100%; flex-wrap: wrap; padding: 0; border: 0; background: transparent; gap: 4px; } body.theme-six-cordes .site-header-search { max-width: 100%; } body.theme-six-cordes .site-header-search:not(:has(form)) { display: none; } body.theme-six-cordes .page-layout:has(.six-cordes-left .six-cordes-category-panel, .six-cordes-left .side-panel) { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; } body.theme-six-cordes .page-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 10px; padding: 10px 0 14px; } body.theme-six-cordes .page-layout:has(.six-cordes-left .side-panel) .six-cordes-left, body.theme-six-cordes .page-layout:has(.six-cordes-left .six-cordes-category-panel) .six-cordes-left, body.theme-six-cordes .page-layout .six-cordes-left { display: block !important; grid-column: 1 !important; grid-row: 2 !important; width: auto !important; padding-right: 0 !important; } body.theme-six-cordes .page-layout:has(.six-cordes-left .side-panel) .six-cordes-content, body.theme-six-cordes .page-layout:has(.six-cordes-left .six-cordes-category-panel) .six-cordes-content, body.theme-six-cordes .page-layout .six-cordes-content { display: block !important; grid-column: 1 !important; grid-row: 1 !important; width: auto !important; } body.theme-six-cordes .nav-toggle { display: inline-flex; } body.theme-six-cordes .six-cordes-top-navigation { display: none; margin-top: 6px; padding: 8px 10px; } body.theme-six-cordes .six-cordes-top-navigation.is-open { display: block; } body.theme-six-cordes .six-cordes-top-navigation > ul { display: grid; } body.theme-six-cordes .six-cordes-top-navigation .navigation-submenu { position: static; width: auto; min-width: 0; max-width: 100%; margin-left: 12px; box-shadow: none; } body.theme-six-cordes .six-cordes-top-navigation.is-open > ul > .navigation-item.has-submenu > .navigation-submenu { display: block; } body.theme-six-cordes .six-cordes-top-navigation .navigation-submenu .navigation-submenu { display: none !important; } body.theme-six-cordes .six-cordes-content { padding: 16px 12px; min-width: 0; } body.theme-six-cordes .six-cordes-content h1 { font-size: clamp(1.5rem, 6vw, 2rem); line-height: 1.2; margin-block: 0 16px; } body.theme-six-cordes .news-detail > header { margin-bottom: 10px; padding-bottom: 0; } body.theme-six-cordes .article-breadcrumb { margin-bottom: 10px; } body.theme-six-cordes .article-reading .news-rich-text { font-size: var(--article-reading-size, 1rem); line-height: var(--article-reading-leading, 1.5); } body.theme-six-cordes .article-reading .news-rich-text img { max-width: 100%; max-height: min(220px, 34svh); height: auto; object-fit: contain; vertical-align: middle; } body.theme-six-cordes .article-reading .news-rich-text figure { max-width: 100%; } body.theme-six-cordes .article-reading .news-rich-text :is(.portix-image-figure, img.portix-content-image) { } body.theme-six-cordes .article-reading figcaption { margin-top: 4px; color: inherit; opacity: .85; } body.theme-six-cordes .article-reading .news-rich-text :is(h2,h3,h4,h5,h6) { margin-block: 1.1em .5em !important; scroll-margin-top: 16px; } body.theme-six-cordes :is(.article-series,.article-heading-toc) { margin-block: 10px; padding: 6px 0; } body.theme-six-cordes :is(.article-series,.article-heading-toc) summary { min-height: 44px; padding-block: 8px; line-height: 1.5; cursor: pointer; } body.theme-six-cordes .article-sequential-navigation { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; } body.theme-six-cordes .article-sequential-link { flex: 1 1 130px; min-width: 0; padding: 8px; font-size: .9rem; overflow-wrap: anywhere; } body.theme-six-cordes .article-sequential-link :is(small,strong) { display: block; } body.theme-six-cordes .volume-knob { position: static; display: flex; width: 44px; height: 44px; margin: 8px 12px 8px auto; } body.theme-six-cordes .site-footer.six-cordes-footer { min-height: 56px !important; padding: 10px 12px !important; } .reading-zoomable { cursor: zoom-in; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } @font-face { font-family: 'Literata'; font-style: normal; font-weight: 200 900; font-display: swap; src: url('assets/fonts/literata-latin-wght-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family: 'Literata'; font-style: normal; font-weight: 200 900; font-display: swap; src: url('assets/fonts/literata-latin-ext-wght-normal.woff2') format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('assets/fonts/work-sans-latin-wght-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('assets/fonts/work-sans-latin-ext-wght-normal.woff2') format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } :root { --ink: #28251f; --muted: #665b50; --line: #ded5c6; --surface: #fffdf8; --surface-soft: #f4efe5; --canvas: #fcf9f3; --brand: #844219; --brand-dark: #5e2a0c; --brand-soft: #f4e6d8; --success: #28664b; --danger: #a02c19; --content-soft: #eaf1ec; --content-line: #bbd1c2; --content-ink: #284f3d; --admin-soft: #f6eade; --admin-line: #d9bf9f; --admin-ink: #70401e; --radius: 8px; --shadow: 0 5px 20px rgba(68,45,24,.035); --article-reading-size: 1rem; --article-reading-leading: 1.5; font-family: 'Work Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: var(--ink); background: var(--canvas); color-scheme: light; } html { scroll-padding-top: 1.25rem; } body.theme-six-cordes { color: var(--ink); background: var(--canvas); font-size: 16px; line-height: 1.5; } [hidden] { display: none !important; } a { color: var(--brand); } a:hover { color: var(--brand-dark); } button, .button { font-weight: 600; border-radius: 5px; } button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; } body.theme-six-cordes .site-shell { width: min(1280px, calc(100% - 64px)); margin: 0 auto; } body.theme-six-cordes .site-header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; min-height: 100px; padding: 20px 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; color: var(--ink); box-shadow: none; } body.theme-six-cordes .six-cordes-brand { display: inline-flex; align-items: center; gap: 12px; width: auto; padding: 0; text-decoration: none; color: var(--brand-dark); } .clair-brand-mark { display: grid; flex: 0 0 42px; width: 42px; height: 46px; place-items: center; color: #fffaf2; background: var(--brand); border-radius: 5px; } body.theme-six-cordes .six-cordes-brand .brand-copy { display: flex; flex-direction: column; } body.theme-six-cordes .six-cordes-brand .brand-copy strong { display: block; color: inherit; font-family: 'Literata', Georgia, serif; font-size: 29px; font-weight: 600; line-height: 1.15; letter-spacing: -.035em; text-transform: none; white-space: normal; } .brand-copy small { margin-top: 5px; color: var(--muted); font-family: 'Work Sans', sans-serif; font-size: 12px; line-height: 1.3; letter-spacing: .09em; text-transform: uppercase; } body.theme-six-cordes .site-header-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px 16px; min-width: 0; max-width: 68%; } body.theme-six-cordes .site-header-search { max-width: 270px; } .site-header-search:not(:has(form)) { display: none; } .site-header-search form { display: flex; align-items: center; gap: 5px; margin: 0; } .site-header-search :is(input,select) { min-width: 0; width: 100%; min-height: 44px; border-color: var(--line); background: var(--surface); font-size: 14px; } .site-header-search button { min-width: 44px; padding: .5rem .65rem; font-size: 14px; } body.theme-six-cordes .site-header-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 6px; margin: 0; padding: 0; border: 0; background: transparent; } .site-user-name { color: var(--muted); font-weight: 600; } .site-user-name:hover { color: var(--brand-dark); } .site-role-action { padding: 8px 10px; border-radius: 5px; font-size: 13px; font-weight: 600; } body.theme-six-cordes .site-header .site-logout-button { border: 1px solid var(--line); background: var(--surface-soft); color: var(--muted); padding: 8px 10px; font-size: 13px; } body.theme-six-cordes .nav-toggle { color: var(--brand-dark); border-color: var(--line); background: var(--surface); font-size: 14px; } body.theme-six-cordes .six-cordes-top-navigation { padding: 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; box-shadow: none; } .six-cordes-top-navigation > ul { gap: 4px; padding: 9px 0; } .six-cordes-top-navigation a { min-height: 44px; padding: 11px 16px; color: var(--muted); border-radius: 5px; font-size: 14px; font-weight: 500; } .six-cordes-top-navigation a:hover, .six-cordes-top-navigation a.is-current { color: var(--brand-dark); background: var(--surface-soft); } .six-cordes-top-navigation > ul > .navigation-item > .navigation-link-row > a.is-current { box-shadow: inset 0 -2px var(--brand); } .six-cordes-top-navigation .navigation-submenu { min-width: 230px; background: var(--surface); border-color: var(--line); border-radius: 6px; box-shadow: 0 8px 22px #4e351519; } .six-cordes-top-navigation .navigation-submenu .navigation-submenu { display: none !important; } .six-cordes-top-navigation .submenu-toggle { display: none; } body.theme-six-cordes .page-layout { display: grid; grid-template-columns: minmax(0,1fr); align-items: start; gap: 36px; padding: 32px 0 44px; } body.theme-six-cordes .page-layout.has-context { grid-template-columns: minmax(0,1fr) 250px; } @supports selector(:has(*)) { body.theme-six-cordes .page-layout:has(.six-cordes-left .six-cordes-category-panel, .six-cordes-left .side-panel) { grid-template-columns: minmax(0,1fr) 250px; } } body.theme-six-cordes .six-cordes-content { grid-column: 1; grid-row: 1; min-width: 0; padding: 4px 0 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; } body.theme-six-cordes .six-cordes-left { grid-column: 2; grid-row: 1; min-width: 0; display: grid; gap: 20px; position: sticky; top: 24px; max-height: calc(100vh - 48px); overflow: auto; } body.theme-six-cordes .page-layout:not(.has-context) .six-cordes-left { grid-column: 1; grid-row: 2; } @supports selector(:has(*)) { body.theme-six-cordes .page-layout:has(.six-cordes-left .six-cordes-category-panel, .six-cordes-left .side-panel) .six-cordes-left { grid-column: 2; grid-row: 1; } } .six-cordes-category-panel, .side-panel { padding: 18px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-soft); box-shadow: none; } .six-cordes-category-panel h2, .side-panel > h2 { margin: 0 0 12px; padding: 0 0 10px; border-bottom: 1px solid var(--line); color: var(--brand-dark); background: none; font-family: 'Literata', Georgia, serif; font-size: 19px; font-weight: 600; text-transform: none; letter-spacing: 0; } .six-cordes-category-nav ul { list-style: none; padding: 0; margin: 0; } .six-cordes-category-nav .navigation-submenu { position: static; display: block; min-width: 0; margin: 0; padding: 0; border: 0; box-shadow: none; background: transparent; } .six-cordes-category-nav .navigation-submenu .navigation-submenu { margin: 2px 0 4px 9px; padding-left: 10px; border-left: 1px solid var(--line); } .six-cordes-category-nav .navigation-link-row { display: block; } .six-cordes-category-nav a { display: block; padding: 7px 4px; color: var(--muted); font-size: 14px; line-height: 1.45; text-decoration: none; overflow-wrap: anywhere; white-space: normal; } .six-cordes-category-nav a:hover, .six-cordes-category-nav a.is-current { color: var(--brand-dark); background: var(--brand-soft); border-radius: 3px; } .six-cordes-category-nav .submenu-toggle { display: none; } .six-cordes-category-nav .navigation-article > a::before, .six-cordes-category-nav .navigation-article > .navigation-link-row > a::before { content: '•'; margin-right: 6px; color: var(--brand); } .six-cordes-sidebar { display: grid; gap: 20px; } .content-card :is(h1,h2,h3,h4,h5,h6), .article-related h2 { color: var(--ink); font-family: 'Literata', Georgia, 'Times New Roman', serif; font-weight: 600; letter-spacing: -.025em; text-transform: none; } body.theme-six-cordes .six-cordes-content h1 { max-width: 28ch; margin: 0; padding: 0; font-size: clamp(30px,3.2vw,44px); line-height: 1.18; color: var(--brand-dark); } .news-detail > header { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--line); } body.theme-six-cordes .six-cordes-content .news-detail > header > h1 { max-width: none; } .news-detail .news-body, .article-reading .news-rich-text { max-width: 78ch; font-family: 'Work Sans', system-ui, sans-serif; font-size: 16px; line-height: 1.5; color: var(--ink); } .article-reading .news-rich-text :is(h2,h3,h4,h5,h6) { margin-block: 1.45em .6em !important; font-family: 'Literata', Georgia, serif; line-height: 1.3; scroll-margin-top: 24px; } .article-reading .news-rich-text h2 { font-size: 26px; padding-bottom: 9px; border-bottom: 1px solid var(--line); } .article-reading .news-rich-text h3 { font-size: 21px; } .article-reading .news-rich-text h4 { font-size: 18px; } .article-reading .news-rich-text p { margin-block: 0 1em !important; } .article-reading .news-rich-text :is(ul,ol) { padding-inline-start: 1.35rem; } .article-reading .news-rich-text blockquote { margin-inline: 0; padding: 16px 20px; border-left: 3px solid var(--brand); border-radius: 0 6px 6px 0; background: var(--surface-soft); color: var(--muted); font-size: 1rem; } .article-reading .news-rich-text blockquote p:last-child { margin-bottom: 0 !important; } .article-reading .news-rich-text figure { max-width: 100%; margin-inline: 0; } .article-reading .news-rich-text img { height: auto; max-width: 100%; max-height: 520px; object-fit: contain; border-radius: 6px; } .article-reading figcaption { color: var(--muted); opacity: 1; font-size: 14px; line-height: 1.45; } .news-rich-text iframe, .news-rich-text video { max-width: 100%; } .article-breadcrumb { margin-bottom: 18px; color: var(--muted); font-size: 13px; line-height: 1.5; } .article-breadcrumb ol { gap: 4px 7px; } .article-breadcrumb li { display: inline; overflow-wrap: anywhere; } .article-breadcrumb li > span { margin-left: 7px; } .article-breadcrumb [aria-current=page] { font-weight: 500; color: var(--muted); } .article-heading-toc { margin: 0 0 20px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); color: var(--ink); } .article-heading-toc summary { min-height: 32px; color: var(--brand-dark); font-family: 'Literata', Georgia, serif; font-size: 19px; font-weight: 600; } .article-heading-toc ol { margin: 8px 0 0; } .article-heading-toc li { margin: 2px 0; } .article-heading-toc a { display: block; padding: 6px 0; font-size: 14px; text-decoration: none; color: var(--muted); line-height: 1.4; } .article-heading-toc a:hover, .article-heading-toc a[aria-current=location] { color: var(--brand-dark); background: var(--surface-soft); } .article-heading-toc a[aria-current=location] { box-shadow: -2px 0 var(--brand); } .article-series { margin: 0 0 20px; padding: 12px 16px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-soft); } .article-series summary { min-height: 32px; color: var(--brand-dark); font-size: 14px; line-height: 1.5; } .article-series-title { font-weight: 600; } .article-series ol { padding-left: 20px; font-size: 14px; } .article-series li { margin-block: 7px; } .article-series a { text-decoration-thickness: 1px; } .article-sequential-navigation { display: grid; gap: 16px; margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--line); } .article-sequential-link { font-family: 'Work Sans', system-ui, sans-serif; background: var(--surface-soft); border-color: var(--line); color: var(--ink); padding: 14px 16px; border-radius: 6px; } .article-sequential-link:hover { background: var(--brand-soft); color: var(--brand-dark); } .article-sequential-link small { color: var(--muted); font-size: 12px; letter-spacing: .04em; } .article-sequential-link strong { font-size: 15px; font-weight: 600; } .article-related { margin-top: 28px; padding-top: 20px; border-color: var(--line); } .article-related h2 { font-size: 21px; } .article-related a { text-decoration-thickness: 1px; } .article-table-scroll { margin: 20px 0; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); } .article-table-scroll table { margin: 0; } .article-table-scroll caption { padding: 12px; color: var(--brand-dark); font-family: 'Literata', Georgia, serif; font-size: 18px; } .article-table-scroll :is(th,td) { min-width: 7rem; padding: 11px 13px; font-size: 14px; line-height: 1.45; border-bottom-color: var(--line); } .article-table-scroll th { background: var(--brand-dark); color: #fffaf3; font-weight: 600; } .article-table-scroll tbody tr:nth-child(even) { background: var(--surface-soft); } .article-toc.article-toc-columns { columns: 2; column-gap: 32px; } .article-toc .article-category { break-inside: avoid; margin: 0 0 22px; } .article-toc :is(h2,h3,h4,h5,h6) { margin: 14px 0 8px; line-height: 1.3; } .article-toc h2 { font-size: 24px; } .article-toc h3 { font-size: 20px; } .article-toc .article-category-children { margin-inline-start: 5px; padding-inline-start: 12px; border-color: var(--line); } .article-toc li { margin: 6px 0; } .article-category-description { color: var(--muted); opacity: 1; font-size: 14px; } .content-heading { margin-bottom: 24px; } .content-heading h1 { margin-bottom: 12px !important; } .content-card .ql-align-center { text-align: center; } .content-card .ql-align-right { text-align: right; } .content-card .ql-align-justify { text-align: justify; } .content-card pre { max-width: 100%; overflow-x: auto; padding: 16px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 6px; } .news-card { border-color: var(--line); border-radius: 7px; box-shadow: none; } .news-card::before { background: var(--brand); width: 3px; } .news-card .news-summary, .contact-form label { color: var(--ink); } .contact-form input, .contact-form textarea { border-color: var(--line); border-radius: 5px; } .error-box { background: #fbece9; color: var(--danger); } body.theme-six-cordes .site-footer.six-cordes-footer { display: flex; flex-wrap: wrap; align-items: center; min-height: 90px; margin-top: 10px; padding: 24px 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; color: var(--muted); box-shadow: none; font-size: 14px; } .site-footer a { color: var(--brand); } .footer-login-link { display: inline-grid; order: 2; min-width: 44px; min-height: 44px; place-items: center; margin-left: auto; color: var(--muted); opacity: .75; } .volume-knob { display: grid; position: fixed; bottom: 18px; right: 16px; z-index: 20; width: 44px; height: 44px; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: var(--surface); color: var(--brand-dark); box-shadow: 0 4px 12px #35220d0c; text-decoration: none; font-size: 20px; } .reading-image-dialog { border-color: var(--line); color: var(--ink); background: var(--surface); } .reading-image-dialog button { color: #fff; } .reading-image-dialog a { color: var(--brand); } .reading-image-dialog p { color: var(--muted); } @media screen and (max-width: 900px), screen and (hover: none) and (pointer: coarse) { body.theme-six-cordes .site-shell { width: min(100% - 32px, 900px); margin: 0 auto; } body.theme-six-cordes .site-header { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; min-height: 0; padding: 14px 0; } body.theme-six-cordes .six-cordes-brand { width: auto; gap: 9px; } .clair-brand-mark { width: 34px; height: 38px; flex-basis: 34px; } .clair-brand-mark svg { width: 23px; height: 23px; } body.theme-six-cordes .six-cordes-brand .brand-copy strong { font-size: clamp(20px,5.2vw,26px); line-height: 1.15; } .brand-copy small { margin-top: 4px; font-size: 11px; letter-spacing: .06em; } body.theme-six-cordes .site-header-tools { display: contents; max-width: none; } body.theme-six-cordes .site-header-actions { grid-column: 2; grid-row: 1; width: auto; gap: 4px; } body.theme-six-cordes .site-header-search { grid-column: 1/-1; grid-row: 2; max-width: none; } body.theme-six-cordes .nav-toggle { display: inline-flex; padding: 8px 10px; } body.theme-six-cordes.is-authenticated .site-header { display: flex; gap: 10px; } body.theme-six-cordes.is-authenticated .six-cordes-brand { width: 100%; } body.theme-six-cordes.is-authenticated .site-header-tools { display: flex; max-width: none; width: 100%; justify-content: space-between; } body.theme-six-cordes.is-authenticated .site-header-actions { justify-content: flex-start; flex: 1 1 auto; } body.theme-six-cordes.is-authenticated .site-header-search { width: 100%; } body.theme-six-cordes .six-cordes-top-navigation { margin-top: 0; padding: 0; border-bottom: 1px solid var(--line); } .six-cordes-top-navigation > ul { padding: 8px 0; } .six-cordes-top-navigation a { padding: 10px; } .six-cordes-top-navigation .navigation-submenu { border: 0; box-shadow: none; background: var(--surface-soft); } body.theme-six-cordes .page-layout { gap: 28px; padding: 20px 0 24px; } body.theme-six-cordes .six-cordes-content { padding: 0; } body.theme-six-cordes .six-cordes-left { position: static; max-height: none; overflow: visible; } body.theme-six-cordes .six-cordes-content h1 { font-size: 28px; line-height: 1.2; margin: 0; max-width: 30ch; } body.theme-six-cordes .six-cordes-content .news-detail > header { padding-bottom: 16px; margin-bottom: 18px; } body.theme-six-cordes .article-reading .news-rich-text { font-size: 16px; line-height: 1.5; } body.theme-six-cordes .article-reading .news-rich-text h2 { font-size: 23px; } body.theme-six-cordes .article-reading .news-rich-text h3 { font-size: 20px; } body.theme-six-cordes .article-reading .news-rich-text :is(h2,h3,h4,h5,h6) { margin-block: 1.2em .55em !important; } body.theme-six-cordes .article-series, body.theme-six-cordes .article-heading-toc { margin-block: 0 16px; padding: 6px 12px; } body.theme-six-cordes .article-series summary, body.theme-six-cordes .article-heading-toc summary { min-height: 44px; padding-block: 10px; font-size: 15px; } .article-heading-toc a, .six-cordes-category-nav a { padding-block: 10px; } body.theme-six-cordes .article-sequential-navigation { gap: 8px; } body.theme-six-cordes .article-sequential-link { font-size: 14px; padding: 12px; } body.theme-six-cordes .volume-knob { display: grid; position: static; margin: 4px 16px 14px auto; } body.theme-six-cordes .site-footer.six-cordes-footer { min-height: 60px; padding: 16px 0; } html.no-js body.theme-six-cordes .six-cordes-top-navigation { display: block; } html.no-js .nav-toggle { display: none !important; } } @media (max-width: 700px) { .article-toc.article-toc-columns { columns: 1; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } @media print { body.theme-six-cordes { background: #fff; color: #000; } body.theme-six-cordes .site-shell { width: 100%; } body.theme-six-cordes .page-layout { display: block !important; } .six-cordes-left, .article-heading-toc, .article-series, .volume-knob, .p3-article-edit-link { display: none !important; } body.theme-six-cordes .six-cordes-content { display: block !important; padding: 0; } .article-reading .news-rich-text { max-width: none; font-size: 11pt; } } @media screen{:root,body.theme-six-cordes{background:#191a1c}} body.theme-six-cordes .site-shell { margin-block: 20px; } body.theme-six-cordes .site-header { min-height: 150px; padding: 24px 28px; border: 1px solid #424044; border-radius: 10px 10px 0 0; color: #f8f1e7; background-color: #171719; background-image: linear-gradient(90deg,rgba(8,10,12,.88),rgba(8,10,12,.58) 47%,rgba(8,10,12,.22)),url('assets/guitar-header.webp'); background-position: center 54%; background-size: cover; } body.theme-six-cordes .six-cordes-brand .brand-copy strong, body.theme-six-cordes .six-cordes-brand .brand-copy small { color: #fff3df; } body.theme-six-cordes .six-cordes-top-navigation { background: var(--canvas); padding-inline: 20px; border-radius: 0 0 6px 6px; } body.theme-six-cordes .six-cordes-content { background: var(--canvas); padding: 24px; border-radius: 7px; } body.theme-six-cordes .site-footer.six-cordes-footer { min-height: 104px; padding: 18px 28px; border: 1px solid #424044; border-radius: 0 0 10px 10px; color: #f1e8db; background-color: #171719; background-image: linear-gradient(90deg,rgba(8,10,12,.90),rgba(8,10,12,.66) 48%,rgba(8,10,12,.34)),url('assets/guitar-header.webp'); background-position: center 78%; background-size: cover; } body.theme-six-cordes .site-footer.six-cordes-footer a { color: #f0c18d; } @media screen and (max-width:900px), screen and (hover:none) and (pointer:coarse) { body.theme-six-cordes .site-shell { width: calc(100% - 12px); margin-block: 6px; } body.theme-six-cordes .site-header { min-height: 0; padding: 14px 10px; background-position: 58% 54%; } body.theme-six-cordes .six-cordes-top-navigation { padding-inline: 10px; } body.theme-six-cordes .page-layout { gap: 20px; padding-block: 12px; } body.theme-six-cordes .six-cordes-content { padding: 16px 10px; } body.theme-six-cordes .site-footer.six-cordes-footer { min-height: 86px; padding: 14px; background-position: 58% 78%; } } .article-reading .news-rich-text{display:flow-root;}.article-reading .news-rich-text img.portix-content-image{display:block;max-width:100%;height:auto;margin:1.25rem auto;}.article-reading .news-rich-text .portix-image-figure{display:block;box-sizing:border-box;max-width:100%;margin:1.25rem auto;}.article-reading .news-rich-text .portix-image-figure > img.portix-content-image{display:block;width:100%;max-width:100%;margin:0;float:none;}.article-reading .news-rich-text .portix-image-figure > figcaption{margin-top:.45rem;line-height:1.45;text-align:center;}.article-reading .news-rich-text img.portix-content-image.portix-image-size-25,.article-reading .news-rich-text .portix-image-figure.portix-image-size-25{width:25%;}.article-reading .news-rich-text img.portix-content-image.portix-image-size-33,.article-reading .news-rich-text .portix-image-figure.portix-image-size-33{width:33.333%;}.article-reading .news-rich-text img.portix-content-image.portix-image-size-50,.article-reading .news-rich-text .portix-image-figure.portix-image-size-50{width:50%;}.article-reading .news-rich-text img.portix-content-image.portix-image-size-66,.article-reading .news-rich-text .portix-image-figure.portix-image-size-66{width:66.667%;}.article-reading .news-rich-text img.portix-content-image.portix-image-size-75,.article-reading .news-rich-text .portix-image-figure.portix-image-size-75{width:75%;}.article-reading .news-rich-text img.portix-content-image.portix-image-size-100,.article-reading .news-rich-text .portix-image-figure.portix-image-size-100{width:100%;}.article-reading .news-rich-text img.portix-content-image.portix-image-align-left,.article-reading .news-rich-text .portix-image-figure.portix-image-align-left{float:left;margin:.35rem 1.25rem .8rem 0;}.article-reading .news-rich-text img.portix-content-image.portix-image-align-right,.article-reading .news-rich-text .portix-image-figure.portix-image-align-right{float:right;margin:.35rem 0 .8rem 1.25rem;}.article-reading .news-rich-text img.portix-content-image.portix-image-align-center,.article-reading .news-rich-text .portix-image-figure.portix-image-align-center{float:none;margin:1.25rem auto;}.article-reading .news-rich-text .portix-image-figure.portix-image-wrap-none{float:none;display:block;clear:both;}.article-reading .news-rich-text .portix-image-figure.portix-image-wrap-none.portix-image-align-right{margin-left:auto;margin-right:0;}.article-reading .news-rich-text .portix-image-figure.portix-image-wrap-none.portix-image-align-left{margin-left:0;margin-right:auto;}.article-reading .news-rich-text:is(td,th) .portix-image-figure{float:none;max-width:100%;margin:.5rem auto;}.article-reading .news-rich-text .ql-align-center > img.portix-content-image:not([class*="portix-image-align-"]){margin-left:auto;margin-right:auto;}.article-reading .news-rich-text .ql-align-right > img.portix-content-image:not([class*="portix-image-align-"]){margin-left:auto;margin-right:0;}.article-reading .news-rich-text .portix-image-figure[data-width="10"],.article-reading .news-rich-text img.portix-content-image[data-width="10"]{width:10%;}.article-reading .news-rich-text .portix-image-figure[data-width="11"],.article-reading .news-rich-text img.portix-content-image[data-width="11"]{width:11%;}.article-reading .news-rich-text .portix-image-figure[data-width="12"],.article-reading .news-rich-text img.portix-content-image[data-width="12"]{width:12%;}.article-reading .news-rich-text .portix-image-figure[data-width="13"],.article-reading .news-rich-text img.portix-content-image[data-width="13"]{width:13%;}.article-reading .news-rich-text .portix-image-figure[data-width="14"],.article-reading .news-rich-text img.portix-content-image[data-width="14"]{width:14%;}.article-reading .news-rich-text .portix-image-figure[data-width="15"],.article-reading .news-rich-text img.portix-content-image[data-width="15"]{width:15%;}.article-reading .news-rich-text .portix-image-figure[data-width="16"],.article-reading .news-rich-text img.portix-content-image[data-width="16"]{width:16%;}.article-reading .news-rich-text .portix-image-figure[data-width="17"],.article-reading .news-rich-text img.portix-content-image[data-width="17"]{width:17%;}.article-reading .news-rich-text .portix-image-figure[data-width="18"],.article-reading .news-rich-text img.portix-content-image[data-width="18"]{width:18%;}.article-reading .news-rich-text .portix-image-figure[data-width="19"],.article-reading .news-rich-text img.portix-content-image[data-width="19"]{width:19%;}.article-reading .news-rich-text .portix-image-figure[data-width="20"],.article-reading .news-rich-text img.portix-content-image[data-width="20"]{width:20%;}.article-reading .news-rich-text .portix-image-figure[data-width="21"],.article-reading .news-rich-text img.portix-content-image[data-width="21"]{width:21%;}.article-reading .news-rich-text .portix-image-figure[data-width="22"],.article-reading .news-rich-text img.portix-content-image[data-width="22"]{width:22%;}.article-reading .news-rich-text .portix-image-figure[data-width="23"],.article-reading .news-rich-text img.portix-content-image[data-width="23"]{width:23%;}.article-reading .news-rich-text .portix-image-figure[data-width="24"],.article-reading .news-rich-text img.portix-content-image[data-width="24"]{width:24%;}.article-reading .news-rich-text .portix-image-figure[data-width="25"],.article-reading .news-rich-text img.portix-content-image[data-width="25"]{width:25%;}.article-reading .news-rich-text .portix-image-figure[data-width="26"],.article-reading .news-rich-text img.portix-content-image[data-width="26"]{width:26%;}.article-reading .news-rich-text .portix-image-figure[data-width="27"],.article-reading .news-rich-text img.portix-content-image[data-width="27"]{width:27%;}.article-reading .news-rich-text .portix-image-figure[data-width="28"],.article-reading .news-rich-text img.portix-content-image[data-width="28"]{width:28%;}.article-reading .news-rich-text .portix-image-figure[data-width="29"],.article-reading .news-rich-text img.portix-content-image[data-width="29"]{width:29%;}.article-reading .news-rich-text .portix-image-figure[data-width="30"],.article-reading .news-rich-text img.portix-content-image[data-width="30"]{width:30%;}.article-reading .news-rich-text .portix-image-figure[data-width="31"],.article-reading .news-rich-text img.portix-content-image[data-width="31"]{width:31%;}.article-reading .news-rich-text .portix-image-figure[data-width="32"],.article-reading .news-rich-text img.portix-content-image[data-width="32"]{width:32%;}.article-reading .news-rich-text .portix-image-figure[data-width="33"],.article-reading .news-rich-text img.portix-content-image[data-width="33"]{width:33%;}.article-reading .news-rich-text .portix-image-figure[data-width="34"],.article-reading .news-rich-text img.portix-content-image[data-width="34"]{width:34%;}.article-reading .news-rich-text .portix-image-figure[data-width="35"],.article-reading .news-rich-text img.portix-content-image[data-width="35"]{width:35%;}.article-reading .news-rich-text .portix-image-figure[data-width="36"],.article-reading .news-rich-text img.portix-content-image[data-width="36"]{width:36%;}.article-reading .news-rich-text .portix-image-figure[data-width="37"],.article-reading .news-rich-text img.portix-content-image[data-width="37"]{width:37%;}.article-reading .news-rich-text .portix-image-figure[data-width="38"],.article-reading .news-rich-text img.portix-content-image[data-width="38"]{width:38%;}.article-reading .news-rich-text .portix-image-figure[data-width="39"],.article-reading .news-rich-text img.portix-content-image[data-width="39"]{width:39%;}.article-reading .news-rich-text .portix-image-figure[data-width="40"],.article-reading .news-rich-text img.portix-content-image[data-width="40"]{width:40%;}.article-reading .news-rich-text .portix-image-figure[data-width="41"],.article-reading .news-rich-text img.portix-content-image[data-width="41"]{width:41%;}.article-reading .news-rich-text .portix-image-figure[data-width="42"],.article-reading .news-rich-text img.portix-content-image[data-width="42"]{width:42%;}.article-reading .news-rich-text .portix-image-figure[data-width="43"],.article-reading .news-rich-text img.portix-content-image[data-width="43"]{width:43%;}.article-reading .news-rich-text .portix-image-figure[data-width="44"],.article-reading .news-rich-text img.portix-content-image[data-width="44"]{width:44%;}.article-reading .news-rich-text .portix-image-figure[data-width="45"],.article-reading .news-rich-text img.portix-content-image[data-width="45"]{width:45%;}.article-reading .news-rich-text .portix-image-figure[data-width="46"],.article-reading .news-rich-text img.portix-content-image[data-width="46"]{width:46%;}.article-reading .news-rich-text .portix-image-figure[data-width="47"],.article-reading .news-rich-text img.portix-content-image[data-width="47"]{width:47%;}.article-reading .news-rich-text .portix-image-figure[data-width="48"],.article-reading .news-rich-text img.portix-content-image[data-width="48"]{width:48%;}.article-reading .news-rich-text .portix-image-figure[data-width="49"],.article-reading .news-rich-text img.portix-content-image[data-width="49"]{width:49%;}.article-reading .news-rich-text .portix-image-figure[data-width="50"],.article-reading .news-rich-text img.portix-content-image[data-width="50"]{width:50%;}.article-reading .news-rich-text .portix-image-figure[data-width="51"],.article-reading .news-rich-text img.portix-content-image[data-width="51"]{width:51%;}.article-reading .news-rich-text .portix-image-figure[data-width="52"],.article-reading .news-rich-text img.portix-content-image[data-width="52"]{width:52%;}.article-reading .news-rich-text .portix-image-figure[data-width="53"],.article-reading .news-rich-text img.portix-content-image[data-width="53"]{width:53%;}.article-reading .news-rich-text .portix-image-figure[data-width="54"],.article-reading .news-rich-text img.portix-content-image[data-width="54"]{width:54%;}.article-reading .news-rich-text .portix-image-figure[data-width="55"],.article-reading .news-rich-text img.portix-content-image[data-width="55"]{width:55%;}.article-reading .news-rich-text .portix-image-figure[data-width="56"],.article-reading .news-rich-text img.portix-content-image[data-width="56"]{width:56%;}.article-reading .news-rich-text .portix-image-figure[data-width="57"],.article-reading .news-rich-text img.portix-content-image[data-width="57"]{width:57%;}.article-reading .news-rich-text .portix-image-figure[data-width="58"],.article-reading .news-rich-text img.portix-content-image[data-width="58"]{width:58%;}.article-reading .news-rich-text .portix-image-figure[data-width="59"],.article-reading .news-rich-text img.portix-content-image[data-width="59"]{width:59%;}.article-reading .news-rich-text .portix-image-figure[data-width="60"],.article-reading .news-rich-text img.portix-content-image[data-width="60"]{width:60%;}.article-reading .news-rich-text .portix-image-figure[data-width="61"],.article-reading .news-rich-text img.portix-content-image[data-width="61"]{width:61%;}.article-reading .news-rich-text .portix-image-figure[data-width="62"],.article-reading .news-rich-text img.portix-content-image[data-width="62"]{width:62%;}.article-reading .news-rich-text .portix-image-figure[data-width="63"],.article-reading .news-rich-text img.portix-content-image[data-width="63"]{width:63%;}.article-reading .news-rich-text .portix-image-figure[data-width="64"],.article-reading .news-rich-text img.portix-content-image[data-width="64"]{width:64%;}.article-reading .news-rich-text .portix-image-figure[data-width="65"],.article-reading .news-rich-text img.portix-content-image[data-width="65"]{width:65%;}.article-reading .news-rich-text .portix-image-figure[data-width="66"],.article-reading .news-rich-text img.portix-content-image[data-width="66"]{width:66%;}.article-reading .news-rich-text .portix-image-figure[data-width="67"],.article-reading .news-rich-text img.portix-content-image[data-width="67"]{width:67%;}.article-reading .news-rich-text .portix-image-figure[data-width="68"],.article-reading .news-rich-text img.portix-content-image[data-width="68"]{width:68%;}.article-reading .news-rich-text .portix-image-figure[data-width="69"],.article-reading .news-rich-text img.portix-content-image[data-width="69"]{width:69%;}.article-reading .news-rich-text .portix-image-figure[data-width="70"],.article-reading .news-rich-text img.portix-content-image[data-width="70"]{width:70%;}.article-reading .news-rich-text .portix-image-figure[data-width="71"],.article-reading .news-rich-text img.portix-content-image[data-width="71"]{width:71%;}.article-reading .news-rich-text .portix-image-figure[data-width="72"],.article-reading .news-rich-text img.portix-content-image[data-width="72"]{width:72%;}.article-reading .news-rich-text .portix-image-figure[data-width="73"],.article-reading .news-rich-text img.portix-content-image[data-width="73"]{width:73%;}.article-reading .news-rich-text .portix-image-figure[data-width="74"],.article-reading .news-rich-text img.portix-content-image[data-width="74"]{width:74%;}.article-reading .news-rich-text .portix-image-figure[data-width="75"],.article-reading .news-rich-text img.portix-content-image[data-width="75"]{width:75%;}.article-reading .news-rich-text .portix-image-figure[data-width="76"],.article-reading .news-rich-text img.portix-content-image[data-width="76"]{width:76%;}.article-reading .news-rich-text .portix-image-figure[data-width="77"],.article-reading .news-rich-text img.portix-content-image[data-width="77"]{width:77%;}.article-reading .news-rich-text .portix-image-figure[data-width="78"],.article-reading .news-rich-text img.portix-content-image[data-width="78"]{width:78%;}.article-reading .news-rich-text .portix-image-figure[data-width="79"],.article-reading .news-rich-text img.portix-content-image[data-width="79"]{width:79%;}.article-reading .news-rich-text .portix-image-figure[data-width="80"],.article-reading .news-rich-text img.portix-content-image[data-width="80"]{width:80%;}.article-reading .news-rich-text .portix-image-figure[data-width="81"],.article-reading .news-rich-text img.portix-content-image[data-width="81"]{width:81%;}.article-reading .news-rich-text .portix-image-figure[data-width="82"],.article-reading .news-rich-text img.portix-content-image[data-width="82"]{width:82%;}.article-reading .news-rich-text .portix-image-figure[data-width="83"],.article-reading .news-rich-text img.portix-content-image[data-width="83"]{width:83%;}.article-reading .news-rich-text .portix-image-figure[data-width="84"],.article-reading .news-rich-text img.portix-content-image[data-width="84"]{width:84%;}.article-reading .news-rich-text .portix-image-figure[data-width="85"],.article-reading .news-rich-text img.portix-content-image[data-width="85"]{width:85%;}.article-reading .news-rich-text .portix-image-figure[data-width="86"],.article-reading .news-rich-text img.portix-content-image[data-width="86"]{width:86%;}.article-reading .news-rich-text .portix-image-figure[data-width="87"],.article-reading .news-rich-text img.portix-content-image[data-width="87"]{width:87%;}.article-reading .news-rich-text .portix-image-figure[data-width="88"],.article-reading .news-rich-text img.portix-content-image[data-width="88"]{width:88%;}.article-reading .news-rich-text .portix-image-figure[data-width="89"],.article-reading .news-rich-text img.portix-content-image[data-width="89"]{width:89%;}.article-reading .news-rich-text .portix-image-figure[data-width="90"],.article-reading .news-rich-text img.portix-content-image[data-width="90"]{width:90%;}.article-reading .news-rich-text .portix-image-figure[data-width="91"],.article-reading .news-rich-text img.portix-content-image[data-width="91"]{width:91%;}.article-reading .news-rich-text .portix-image-figure[data-width="92"],.article-reading .news-rich-text img.portix-content-image[data-width="92"]{width:92%;}.article-reading .news-rich-text .portix-image-figure[data-width="93"],.article-reading .news-rich-text img.portix-content-image[data-width="93"]{width:93%;}.article-reading .news-rich-text .portix-image-figure[data-width="94"],.article-reading .news-rich-text img.portix-content-image[data-width="94"]{width:94%;}.article-reading .news-rich-text .portix-image-figure[data-width="95"],.article-reading .news-rich-text img.portix-content-image[data-width="95"]{width:95%;}.article-reading .news-rich-text .portix-image-figure[data-width="96"],.article-reading .news-rich-text img.portix-content-image[data-width="96"]{width:96%;}.article-reading .news-rich-text .portix-image-figure[data-width="97"],.article-reading .news-rich-text img.portix-content-image[data-width="97"]{width:97%;}.article-reading .news-rich-text .portix-image-figure[data-width="98"],.article-reading .news-rich-text img.portix-content-image[data-width="98"]{width:98%;}.article-reading .news-rich-text .portix-image-figure[data-width="99"],.article-reading .news-rich-text img.portix-content-image[data-width="99"]{width:99%;}.article-reading .news-rich-text .portix-image-figure[data-width="100"],.article-reading .news-rich-text img.portix-content-image[data-width="100"]{width:100%;}@media screen and (max-width:640px){.article-reading .news-rich-text img.portix-content-image.portix-image-align-left,.article-reading .news-rich-text img.portix-content-image.portix-image-align-right,.article-reading .news-rich-text .portix-image-figure.portix-image-align-left,.article-reading .news-rich-text .portix-image-figure.portix-image-align-right{float:none;}.article-reading .news-rich-text img.portix-content-image.portix-image-align-left,.article-reading .news-rich-text .portix-image-figure.portix-image-align-left{margin:.75rem auto .9rem 0;}.article-reading .news-rich-text img.portix-content-image.portix-image-align-right,.article-reading .news-rich-text .portix-image-figure.portix-image-align-right{margin:.75rem 0 .9rem auto;}} body.theme-six-cordes .six-cordes-top-navigation .submenu-toggle{display:inline-grid !important;min-width:44px;min-height:44px;padding:0 .5rem;color:var(--brand-dark);}body.theme-six-cordes .six-cordes-top-navigation .navigation-submenu{display:none !important;}body.theme-six-cordes .six-cordes-top-navigation .has-submenu.is-submenu-open > .navigation-submenu{display:block !important;}body.theme-six-cordes .six-cordes-top-navigation .navigation-submenu .navigation-submenu{display:none !important;}body.theme-six-cordes .six-cordes-top-navigation .navigation-submenu .has-submenu.is-submenu-open > .navigation-submenu{display:block !important;}body.theme-six-cordes .six-cordes-top-navigation .navigation-submenu .navigation-article{display:list-item !important;}body.theme-six-cordes .six-cordes-top-navigation > ul > .navigation-item > .navigation-submenu{position:absolute;top:100%;left:0;width:min(23rem,calc(100vw - 2rem));min-width:0;max-width:calc(100vw - 2rem);max-height:min(70vh,38rem);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;}body.theme-six-cordes .six-cordes-top-navigation .navigation-submenu .navigation-submenu{position:static;width:auto;min-width:0;max-width:none;max-height:none;margin:.2rem 0 .35rem .6rem;padding:.2rem 0 .2rem .7rem;overflow:visible;border:0;border-left:1px solid var(--line);border-radius:0;box-shadow:none;}body.theme-six-cordes .six-cordes-top-navigation .navigation-submenu a{white-space:normal;}body.theme-six-cordes .six-cordes-top-navigation .submenu-toggle > span{font-size:0;transform:none !important;}body.theme-six-cordes .six-cordes-top-navigation .submenu-toggle > span::before{content:'';display:inline-block;width:.46rem;height:.46rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);}body.theme-six-cordes .six-cordes-top-navigation .has-submenu.is-submenu-open > .navigation-link-row > .submenu-toggle > span::before{transform:rotate(225deg);}@media screen and (max-width:900px),screen and (hover:none) and (pointer:coarse){body.theme-six-cordes .six-cordes-top-navigation > ul > .navigation-item > .navigation-submenu{position:static;width:auto;max-width:100%;max-height:none;margin:.2rem 0 .5rem .5rem;padding:.15rem 0 .2rem .6rem;overflow:visible;border:0;border-left:1px solid var(--line);border-radius:0;box-shadow:none;}}.article-reading .news-rich-text .ql-size-small{font-size:.75em;}.article-reading .news-rich-text .ql-size-large{font-size:1.5em;}.article-reading .news-rich-text .ql-size-huge{font-size:2.5em;}.article-reading .news-rich-text .ql-font-serif{font-family:Georgia,'Times New Roman',serif;}.article-reading .news-rich-text .ql-font-monospace{font-family:Monaco,'Courier New',monospace;}.article-reading .news-rich-text .portix-formula{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;}.article-reading .news-rich-text .portix-formula[data-display="1"]{display:block;margin:1rem 0;overflow-x:auto;text-align:center;}.article-reading .news-rich-text .portix-video{position:relative;display:block;width:100%;max-width:100%;aspect-ratio:16 / 9;margin:1.4rem auto;overflow:hidden;border-radius:6px;background:#111827;}.article-reading .news-rich-text .portix-video iframe{display:block;width:100%;height:100%;border:0;}.article-reading .news-rich-text .portix-video[data-width="33"]{width:33.333%;}.article-reading .news-rich-text .portix-video[data-width="50"]{width:50%;}.article-reading .news-rich-text .portix-video[data-width="66"]{width:66.667%;}.article-reading .news-rich-text .portix-video[data-width="75"]{width:75%;}.article-reading .news-rich-text .portix-video[data-width="100"]{width:100%;}@media screen and (max-width:640px){.article-reading .news-rich-text .portix-video[data-width]{width:100%;}}.article-reading .news-rich-text .portix-media-block{display:flow-root;}body.theme-six-cordes .article-reading>.news-body.news-rich-text{width:100%;max-width:none;min-width:0;margin-inline:0}body.theme-six-cordes .portix-callout{--ug-callout-bg:#eaf3fc;--ug-callout-border:#91b8d9;--ug-callout-accent:#3b79aa;--ug-callout-label:#234e72;--callout-bg:var(--ug-callout-bg);--callout-border:var(--ug-callout-border);--callout-ink:var(--ug-callout-label);box-sizing:border-box;clear:both;margin:1.35rem 0;padding:16px 20px;border:1px solid var(--ug-callout-border);border-left:5px solid var(--ug-callout-accent);border-radius:8px;background:var(--ug-callout-bg);color:#25303b;box-shadow:0 1px 3px rgb(32 43 56 / 7%);overflow-wrap:anywhere}body.theme-six-cordes .portix-callout.portix-callout-advice{--ug-callout-bg:#edf5e9;--ug-callout-border:#a0c390;--ug-callout-accent:#598647;--ug-callout-label:#365c29}body.theme-six-cordes .portix-callout.portix-callout-warning{--ug-callout-bg:#fff0df;--ug-callout-border:#ddb072;--ug-callout-accent:#b87425;--ug-callout-label:#744312}body.theme-six-cordes .portix-callout.portix-callout-note{--ug-callout-bg:#f3eefa;--ug-callout-border:#b8a3d1;--ug-callout-accent:#8669a9;--ug-callout-label:#583f7b}body.theme-six-cordes .portix-callout>.portix-callout-label{margin:0 0 10px!important;font:700 14px/1.4 'Work Sans',system-ui,sans-serif!important;color:var(--ug-callout-label)!important}body.theme-six-cordes .portix-callout>.portix-callout-title{margin:0 0 10px!important;color:var(--ug-callout-label)!important;font-weight:700}body.theme-six-cordes .portix-callout a{color:var(--ug-callout-label);text-decoration:underline}body.theme-six-cordes .portix-callout>:last-child{margin-bottom:0!important}@media screen and (max-width:640px){body.theme-six-cordes .portix-callout{margin:1.1rem 0;padding:12px 14px;border-left-width:4px}}@media print{body.theme-six-cordes .portix-callout{background:#fff;color:#000;border-color:#666;border-left-color:#333;box-shadow:none;break-inside:avoid}}