/* Modern preview for TIPK. Safe standalone CSS layer over the existing markup. */ :root { --tipk-ink: #18242f; --tipk-muted: #5b6774; --tipk-line: #dce4ea; --tipk-bg: #f4f7f9; --tipk-panel: #ffffff; --tipk-primary: #1d5fae; --tipk-primary-dark: #0f3f7a; --tipk-primary-soft: #eaf3ff; --tipk-primary-line: #b9d4f4; --tipk-primary-rgb: 29, 95, 174; --tipk-teal: var(--tipk-primary); --tipk-teal-dark: var(--tipk-primary-dark); --tipk-blue: var(--tipk-primary); --tipk-gold: #c99533; --tipk-red: #a33b3b; --tipk-shadow: 0 12px 32px rgba(24, 36, 47, 0.08); } *, *::before, *::after { box-sizing: border-box; } html { background: var(--tipk-bg); } body { min-width: 0 !important; margin: 0 !important; background: linear-gradient(180deg, rgba(255,255,255,0.9), rgba(244,247,249,0.96) 280px), var(--tipk-bg) !important; color: var(--tipk-ink) !important; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important; font-size: 16px; line-height: 1.55; letter-spacing: 0; } a { color: var(--tipk-blue); text-decoration: none; } a:hover, a:focus { color: var(--tipk-primary-dark); text-decoration: underline; } img { max-width: 100%; height: auto; } .body-to-content { width: min(1180px, calc(100% - 40px)) !important; min-width: 0 !important; max-width: none !important; margin-right: auto !important; margin-left: auto !important; } .header, .wrap-content, .column-left, .column-right, .column-center, .navi, .main-menu { min-width: 0 !important; max-width: 100% !important; } .bg-to-header { position: relative; height: auto !important; min-height: 228px; overflow: visible !important; background: linear-gradient(135deg, #0f3f7a 0%, #1d5fae 58%, #2f7dd0 100%) !important; border-bottom: 1px solid rgba(15, 63, 122, 0.28); } .bg-to-header::before, .bg-to-header::after { display: none !important; content: none !important; background: none !important; } .header { display: flex !important; height: auto !important; min-height: 228px !important; align-items: center; overflow: visible !important; padding: 24px 0 26px; } .left-header { display: grid !important; grid-template-columns: 112px minmax(0, 1fr); gap: 22px; float: none !important; width: min(690px, 100%) !important; height: auto !important; min-height: 0 !important; align-items: center; overflow: visible !important; } .logo { display: flex !important; width: 112px !important; height: 112px !important; align-items: center; justify-content: center; padding: 10px; background: rgba(255,255,255,0.96); border: 1px solid rgba(255,255,255,0.68); border-radius: 8px; box-shadow: var(--tipk-shadow); } .logo img { width: 88px !important; max-height: 88px; object-fit: contain; } .headline-of-header { float: none !important; width: auto !important; margin: 0 !important; color: #fff !important; } .header-tools { display: flex; align-items: center; flex-wrap: nowrap; gap: 8px; margin: 0 0 15px; } .headline-of-header blockquote { display: inline-flex !important; position: relative; width: auto !important; min-height: 0 !important; align-items: center; gap: 8px; margin: 0 !important; padding: 6px 8px !important; color: #fff; font-size: 13px !important; font-weight: 700; background: var(--tipk-primary) !important; border: 1px solid rgba(255,255,255,0.44); border-radius: 8px; box-shadow: 0 8px 18px rgba(15, 63, 122, 0.18); cursor: pointer; overflow: hidden; } .it-services-button { display: inline-flex !important; box-sizing: border-box; flex: 0 0 auto; align-items: center; justify-content: center; padding: 6px 8px !important; color: #fff !important; font-size: 13px !important; font-weight: 700; line-height: 1.2; text-decoration: none !important; white-space: nowrap; background: var(--tipk-primary) !important; border: 1px solid rgba(255,255,255,0.44); border-radius: 8px; box-shadow: 0 8px 18px rgba(15, 63, 122, 0.18); } .it-services-button:hover, .it-services-button:focus { color: #fff !important; background: var(--tipk-primary-dark) !important; text-decoration: none !important; } .theme-toggle { display: inline-flex !important; box-sizing: border-box; flex: 0 0 32px; width: 32px; height: 32px; align-items: center; justify-content: center; margin: 0; padding: 0 !important; color: #fff !important; background: var(--tipk-primary) !important; border: 1px solid rgba(255,255,255,0.44) !important; border-radius: 8px !important; box-shadow: 0 8px 18px rgba(15, 63, 122, 0.18); cursor: pointer; } .theme-toggle:hover, .theme-toggle:focus-visible { color: #fff !important; background: var(--tipk-primary-dark) !important; outline: 2px solid rgba(255,255,255,0.68); outline-offset: 2px; } .theme-toggle__icon { font-size: 18px; font-weight: 700; line-height: 1; } .theme-toggle__label { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .headline-of-header blockquote::before { content: ""; position: relative; z-index: 1; display: inline-block; width: 20px; height: 14px; border: 2px solid currentColor; border-radius: 50%; box-shadow: inset 0 0 0 4px rgba(255,255,255,0.18); } #specialButton { position: absolute !important; z-index: 3; inset: 0; display: block !important; width: 100% !important; height: 100% !important; opacity: 0; object-fit: cover; } .headline-of-header blockquote > .text-to-headline { position: relative; z-index: 1; font-size: 13px !important; white-space: nowrap; } .headline-of-header .it-services-button { font-size: 13px !important; } .text-to-headline { color: inherit !important; font-family: inherit !important; line-height: 1.25; text-shadow: none !important; } .text-to-headline small { display: block; max-width: 540px; color: rgba(255,255,255,0.86); font-size: 14px; line-height: 1.45; } .tipk-headline { max-width: 650px; margin: 7px 0 0 !important; color: #fff !important; font-size: 28px !important; font-weight: 800 !important; line-height: 1.12 !important; letter-spacing: 0 !important; } .header-right-line { display: none !important; } .wrap-navi { position: sticky; z-index: 30; top: 0; overflow: visible !important; background: rgba(255,255,255,0.96) !important; border-top: 1px solid rgba(24,36,47,0.06); border-bottom: 1px solid var(--tipk-line); box-shadow: 0 8px 20px rgba(24,36,47,0.06); } .content-menu, .navi { min-height: 0 !important; overflow: visible !important; } .wrap-navi .content-menu { width: min(1180px, calc(100% - 40px)) !important; padding: 5px 25px 5px 15px !important; } .wrap-navi .navi, .wrap-navi .main-menu { width: 100% !important; overflow: visible !important; } .main-menu, .main-menu ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } .main-menu { display: flex !important; flex-wrap: wrap; gap: 6px; overflow: visible !important; } .main-menu-li { position: relative; float: none !important; min-height: 0 !important; overflow: visible !important; } .main-menu-li-a { display: flex !important; min-height: 38px !important; align-items: center; padding: 0 14px !important; color: #fff !important; font-size: 14px !important; font-weight: 700; line-height: 1.2 !important; background: var(--tipk-primary) !important; border: 1px solid var(--tipk-primary); border-radius: 8px; box-shadow: 0 6px 14px rgba(15, 63, 122, 0.12); } .main-menu-li-a:hover, .main-menu-li-a.current, .main-menu-li-a.section { color: #fff !important; background: var(--tipk-primary-dark) !important; border-color: var(--tipk-primary-dark); box-shadow: 0 6px 14px rgba(15, 63, 122, 0.18); text-decoration: none; } .drop-down-mm, .drop-down-mm-vl { position: absolute !important; z-index: 3000; left: 0; top: calc(100% + 4px); display: none; visibility: hidden; opacity: 0; width: min(330px, 86vw) !important; padding: 8px !important; overflow: visible !important; background: #fff !important; border: 1px solid var(--tipk-line); border-radius: 8px; box-shadow: var(--tipk-shadow); } .drop-down-mm-vl { top: 0; left: calc(100% + 8px); } .main-menu-li:hover > .drop-down-mm, .main-menu-li.sfHover > .drop-down-mm, .drop-down-mm-li:hover > .drop-down-mm-vl, .drop-down-mm-li.sfHover > .drop-down-mm-vl { display: block !important; visibility: visible !important; opacity: 1 !important; } .drop-down-mm-li, .drop-down-mm-vl-li { position: relative; float: none !important; } .drop-down-mm-li-a, .drop-down-mm-vl-li-a { display: block !important; padding: 10px 12px !important; color: var(--tipk-ink) !important; font-size: 14px !important; line-height: 1.32 !important; background: transparent !important; border-radius: 6px; } .drop-down-mm-li-a:hover, .drop-down-mm-vl-li-a:hover { color: var(--tipk-primary-dark) !important; background: var(--tipk-primary-soft) !important; text-decoration: none; } .menu-submenu-toggle { display: none; } .wrap-content { display: grid !important; grid-template-columns: minmax(0, 1fr) 300px; grid-template-areas: "center side"; gap: 22px; align-items: start; margin-top: 0 !important; padding: 12px 0 38px; } .wrap-content:has(.column-left):has(.column-right:not(.page-right)) { grid-template-columns: 270px minmax(0, 1fr) 300px; grid-template-areas: "left center right"; } .wrap-content > aside { display: contents; } .column-left { grid-area: left; } .column-right { grid-area: right; } .page-right { grid-area: side; box-sizing: border-box !important; float: none !important; width: 300px !important; max-width: 100% !important; margin: 0 !important; justify-self: stretch; } .page-right .right-item { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; } .column-center { grid-area: center; min-width: 0; } .left-item, .right-item { margin: 0 0 18px !important; padding: 18px !important; background: var(--tipk-panel); border: 1px solid var(--tipk-line); border-radius: 8px; box-shadow: 0 8px 22px rgba(24,36,47,0.05); } .left-item:has(.head-column), .right-item:has(.head-column) { display: flex !important; flex-direction: column; align-items: center; text-align: center !important; } .head-column { position: static !important; display: flex !important; float: none !important; align-items: center; justify-content: center; align-self: stretch; width: 100% !important; height: auto !important; min-height: 34px !important; margin: 0 0 14px !important; padding: 0 0 10px !important; color: var(--tipk-primary-dark) !important; font-size: 18px !important; font-weight: 800 !important; line-height: 1.25; text-align: center !important; text-indent: 0 !important; background: none !important; border: 0 !important; border-bottom: 2px solid var(--tipk-primary-line) !important; border-radius: 0 !important; box-shadow: none !important; } .head-column::before, .head-column::after, .head-l::before, .head-l::after, .head-r::before, .head-r::after { display: none !important; content: none !important; background: none !important; border: 0 !important; box-shadow: none !important; } article { min-width: 0; padding: 26px 30px 32px !important; background: var(--tipk-panel); border: 1px solid var(--tipk-line); border-radius: 8px; box-shadow: var(--tipk-shadow); } article h1 { margin: 0 0 20px; color: var(--tipk-ink) !important; font-family: inherit; font-size: 30px; font-weight: 800 !important; line-height: 1.18; letter-spacing: 0 !important; } article h1:empty::after { content: none; } article h2, article h3 { margin: 24px 0 12px; color: var(--tipk-ink) !important; font-family: inherit; line-height: 1.25; } article h2 { font-size: 23px; } article h3 { font-size: 19px; } article p, article li, article td, article th, article span, article strong, article em, article a, article pre { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; line-height: 1.55; } article p, article li, article td, article th, article pre { color: var(--tipk-ink); font-size: 16px; } article p { margin: 0 0 14px; } article pre { max-width: 100%; margin: 0 0 12px !important; white-space: normal !important; word-break: normal; overflow-wrap: anywhere; background: transparent !important; border: 0 !important; } article strong { font-weight: 800; } article .text-left, article .left { text-align: left !important; } article .text-center, article .center { text-align: center !important; } article .text-right, article .right { text-align: right !important; } article .text-justify { text-align: justify !important; } article img.left, article figure.left { display: block; margin-right: auto !important; margin-left: 0 !important; } article img.center, article figure.center { display: block; margin-right: auto !important; margin-left: auto !important; } article img.right, article figure.right { display: block; margin-right: 0 !important; margin-left: auto !important; } article table { display: block; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; margin: 16px 0 !important; overflow-x: auto; border-collapse: collapse; border: 0 !important; border-spacing: 0 !important; background: transparent !important; } article tbody, article tr { max-width: 100%; } article td, article th { min-width: 0; padding: 8px 10px !important; vertical-align: top; border: 1px solid var(--tipk-line) !important; } article img { margin: 4px 8px 8px 0; border-radius: 4px; } article a { color: var(--tipk-blue) !important; font-weight: 700; } #breadcrumbs { margin: 0 0 14px !important; padding: 11px 14px !important; color: var(--tipk-muted); font-size: 14px; background: rgba(255,255,255,0.72); border: 1px solid var(--tipk-line); border-radius: 8px; } #breadcrumbs a { color: var(--tipk-primary-dark); font-weight: 700; } .documents { display: grid !important; grid-template-columns: 112px !important; align-self: center; justify-content: center; gap: 10px; } .doc-item { display: flex !important; align-items: center; justify-content: center; width: 112px !important; height: 112px !important; min-height: 112px; padding: 4px; overflow: hidden; background: #fff; border: 1px solid var(--tipk-primary-line); border-radius: 8px; } .doc-item img { display: block; width: 100%; height: 100%; margin: 0 !important; object-fit: contain; transition: none; } .doc-item:hover img { transform: none; } .news ul { display: grid; gap: 10px; margin: 0 !important; padding: 0 !important; list-style: none; } .news { display: flex; flex-direction: column; align-items: center; align-self: center; text-align: center !important; float: none !important; clear: both; width: 100% !important; margin: 0 !important; padding: 0 !important; } .news ul:empty { display: none !important; } .news ul:not(:has(li)) { display: none !important; } .news li { padding: 10px 0; border-bottom: 1px solid var(--tipk-line); } .link-all-news, #SearchForm_SearchForm_action_results { display: inline-flex !important; min-height: 38px; align-items: center; justify-content: center; padding: 0 14px !important; color: #fff !important; font-weight: 800; line-height: 1 !important; white-space: nowrap; background: var(--tipk-primary) !important; border: 0 !important; border-radius: 8px; text-decoration: none !important; } .link-all-news { min-width: 132px; position: static !important; align-self: center !important; float: none !important; margin: 0 auto !important; } .link-all-news:hover, #SearchForm_SearchForm_action_results:hover { background: var(--tipk-primary-dark) !important; } #SearchForm_SearchForm { margin: 0 !important; } #SearchForm_SearchForm fieldset { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; margin: 0 !important; padding: 0 !important; border: 0 !important; } #SearchForm_SearchForm_Search { width: 100% !important; min-height: 40px; padding: 0 12px !important; color: var(--tipk-ink); background: #fff; border: 1px solid var(--tipk-line); border-radius: 8px; } .form-group--no-label, .middleColumn { width: auto !important; margin: 0 !important; } .footer { display: grid !important; grid-template-columns: minmax(0, 560px) minmax(0, 520px); justify-content: center; align-items: start; column-gap: 36px; row-gap: 22px; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; overflow: visible !important; margin: 0 !important; padding: 30px 20px 22px !important; color: #fff !important; background: linear-gradient(135deg, rgba(15,63,122,0.98), rgba(29,95,174,0.96)) !important; border-top: 4px solid var(--tipk-gold); clear: both; } .footer-left-line, .footer-right-line, .footer > span { float: none !important; width: auto !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; overflow: visible !important; margin: 0 !important; color: rgba(255,255,255,0.88) !important; } .footer-left-line { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 18px; align-items: start; } .footer-left-line > img { float: none !important; width: 150px !important; height: 132px !important; margin: 0 !important; object-fit: cover; border-radius: 8px; } .footer-left-line div { float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; font-size: 14px !important; } .footer p { margin: 0 0 8px !important; } .footer h1 { margin: 14px 0 8px !important; color: #fff !important; } .footer-right-line { align-self: center; text-align: left !important; } .footer .tipk-headline { max-width: none; margin: 0 0 8px !important; color: #fff !important; font-size: 30px !important; } .footer-right-line > span { display: block; float: none !important; color: rgba(255,255,255,0.88) !important; font-size: 18px !important; line-height: 1.35 !important; } .footer > span { grid-column: 1 / -1; justify-self: stretch; position: static !important; align-self: auto; margin-top: 0 !important; padding-top: 14px; color: rgba(255,255,255,0.72) !important; font-size: 13px; line-height: 1.35; text-align: center; border-top: 0 !important; } .cookie-notice { right: auto !important; bottom: 20px !important; left: 50% !important; width: min(760px, calc(100% - 40px)) !important; transform: translateX(-50%) !important; color: var(--tipk-ink); background: #fff !important; border: 1px solid var(--tipk-line); border-radius: 8px !important; box-shadow: var(--tipk-shadow); } .cookie-notice__button { border-radius: 8px !important; } /* Blue usability pass: clearer targets, calmer panels, and primary blue actions. */ #specialButton { pointer-events: auto; } .wrap-navi .body-to-content { width: min(1180px, calc(100% - 40px)) !important; } .main-menu-li-a { letter-spacing: 0; } .main-menu-li-a:focus { outline: 2px solid rgba(var(--tipk-primary-rgb), 0.28); outline-offset: 2px; } .drop-down-mm, .drop-down-mm-vl { border-color: var(--tipk-primary-line); } .wrap-content { gap: 26px; } .left-item, .right-item, article { border-color: #d7e2ec; } .head-column, article h1, article h2, article h3 { color: var(--tipk-primary-dark) !important; } article h1 { padding-bottom: 12px; border-bottom: 1px solid var(--tipk-line); } article a, article a span, article a strong { color: var(--tipk-primary) !important; } article a:hover, article a:focus { color: var(--tipk-primary-dark) !important; } article table[style*="1719px"] { overflow: visible; } article table[style*="1719px"] tbody { display: grid; gap: 9px; } article table[style*="1719px"] tr, article table[style*="1719px"] td { display: block; width: 100% !important; height: auto !important; padding: 0 !important; } article table[style*="1719px"] pre { min-height: 46px; margin: 0 !important; padding: 10px 12px !important; color: var(--tipk-primary) !important; background: #f8fbff !important; border: 1px solid #d7e7f8 !important; border-radius: 8px; } article table[style*="1719px"] pre a { display: inline; min-height: 0; padding: 0; color: var(--tipk-primary) !important; background: transparent !important; border: 0 !important; text-decoration: none !important; } article table[style*="1719px"] pre a:hover, article table[style*="1719px"] pre a:focus { color: var(--tipk-primary-dark) !important; text-decoration: underline !important; } article table[style*="1719px"] pre:has(a:hover), article table[style*="1719px"] pre:has(a:focus) { background: var(--tipk-primary-soft) !important; border-color: var(--tipk-primary-line) !important; } article table[style*="1719px"] pre a:empty { display: none; } article table[style*="1719px"] pre a img { margin: 0 9px 0 0; vertical-align: middle; } .wrap-content:has(.column-left):has(.column-right:not(.page-right)) article h1 { display: none !important; } .wrap-content:has(.column-left):has(.column-right:not(.page-right)) article h1::before { content: none !important; } #SearchForm_SearchForm_action_results { min-width: 84px; } #SearchForm_SearchForm_Search:focus { outline: 2px solid rgba(var(--tipk-primary-rgb), 0.24); border-color: var(--tipk-primary); } .cookie-notice a { color: var(--tipk-primary) !important; font-weight: 700; } .cookie-notice__button, .cookie-notice__button--secondary { min-height: 38px; padding: 0 14px !important; color: #fff !important; font-weight: 800; line-height: 1 !important; background: var(--tipk-primary) !important; border: 1px solid var(--tipk-primary) !important; border-radius: 8px !important; text-decoration: none !important; } .cookie-notice__button:hover, .cookie-notice__button:focus, .cookie-notice__button--secondary:hover, .cookie-notice__button--secondary:focus { color: #fff !important; background: var(--tipk-primary-dark) !important; border-color: var(--tipk-primary-dark) !important; } @media (max-width: 1060px) { .body-to-content { width: min(100% - 28px, 940px) !important; } .header { padding: 18px 0 20px; } .left-header { width: min(760px, 100%) !important; grid-template-columns: 100px minmax(0, 1fr); gap: 16px; } .logo { width: 100px !important; height: 100px !important; } .logo img { width: 78px !important; max-height: 78px; } .header-tools { gap: 6px; margin-bottom: 10px; } .tipk-headline { font-size: 24px !important; } .wrap-content { grid-template-columns: minmax(0, 1fr); grid-template-areas: "center" "left" "right"; justify-items: center; } .wrap-content:has(.column-left):has(.column-right:not(.page-right)) { grid-template-columns: minmax(0, 1fr); grid-template-areas: "center" "left" "right"; } .column-left, .column-right, .page-right { box-sizing: border-box !important; float: none !important; display: block !important; width: min(100%, 300px) !important; max-width: 100% !important; margin-right: auto !important; margin-left: auto !important; justify-self: center !important; } .column-center { float: none !important; width: 100% !important; max-width: 100% !important; padding-right: 0 !important; padding-left: 0 !important; justify-self: stretch; } .left-item, .right-item, article { box-sizing: border-box !important; float: none !important; width: 100% !important; max-width: 100% !important; margin-right: auto !important; margin-left: auto !important; } .page-right { grid-area: right; margin-top: 0 !important; } .documents { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .bg-to-header { height: auto !important; min-height: 0; background: linear-gradient(135deg, #0f3f7a 0%, #1d5fae 58%, #2f7dd0 100%) !important; } .header { height: auto !important; min-height: 0 !important; align-items: flex-start; padding: 14px 0 16px; } .left-header { height: auto !important; grid-template-columns: 68px minmax(0, 1fr); gap: 12px; align-items: center; padding: 10px; background: rgba(255,255,255,0.88); border: 1px solid var(--tipk-primary-line); border-radius: 8px; } .headline-of-header { height: auto !important; min-height: 0 !important; overflow: visible !important; color: var(--tipk-primary-dark) !important; } .logo { width: 68px !important; height: 68px !important; margin: 0 !important; padding: 7px; } .logo img { width: 52px !important; max-height: 52px; } .headline-of-header blockquote { height: auto !important; max-width: 100%; flex-wrap: nowrap; justify-content: center; padding: 8px 10px !important; color: #fff; font-size: 12px; line-height: 1.2 !important; } .header-tools { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 36px; align-items: stretch; margin-bottom: 8px; } .header-tools > blockquote { grid-column: 1 / -1; width: 100% !important; } .headline-of-header .it-services-button { width: 100%; padding: 7px 8px !important; font-size: 12px !important; } .theme-toggle { width: 36px; height: 100%; min-height: 32px; } .headline-of-header blockquote > .text-to-headline { font-size: inherit !important; line-height: inherit !important; white-space: nowrap; } .headline-of-header blockquote::before { width: 18px; height: 12px; flex: 0 0 auto; } .text-to-headline small { color: var(--tipk-muted); font-size: 12px; } .tipk-headline { color: var(--tipk-primary-dark) !important; font-size: 16px !important; max-width: 100%; overflow-wrap: anywhere; } .wrap-navi { position: static; } .wrap-navi .content-menu { width: calc(100% - 20px) !important; padding: 5px 0 !important; } .navi { height: auto !important; overflow: visible !important; } .main-menu { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; overflow: visible !important; padding: 0 !important; } .main-menu-li { display: flex !important; position: relative; min-width: 0 !important; flex: none; } .main-menu-li.menu-has-children, .drop-down-mm-li.menu-has-children { display: block !important; } .main-menu-li.menu-has-children.submenu-open { grid-column: 1 / -1; } .main-menu-li-a { width: 100%; height: 100% !important; min-height: 52px !important; justify-content: center; padding: 7px 8px !important; font-size: 13px !important; line-height: 1.15 !important; text-align: center; white-space: normal; overflow-wrap: anywhere; } .main-menu-li.menu-has-children > .main-menu-li-a { height: auto !important; padding-right: 42px !important; } .menu-submenu-toggle { position: absolute; top: 7px; right: 7px; z-index: 2; display: flex !important; width: 32px; height: 32px; align-items: center; justify-content: center; padding: 0; color: #fff; background: rgba(15, 63, 122, 0.92); border: 1px solid rgba(255,255,255,0.42); border-radius: 8px; box-shadow: 0 4px 10px rgba(15, 63, 122, 0.16); cursor: pointer; } .menu-submenu-toggle::before { content: ""; display: block; width: 9px; height: 9px; margin-top: -4px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); } .submenu-open > .menu-submenu-toggle::before { margin-top: 4px; transform: rotate(225deg); } .drop-down-mm, .drop-down-mm-vl { display: none !important; visibility: hidden !important; opacity: 0 !important; } .main-menu-li:not(.submenu-open):hover > .drop-down-mm, .main-menu-li:not(.submenu-open).sfHover > .drop-down-mm, .drop-down-mm-li:not(.submenu-open):hover > .drop-down-mm-vl, .drop-down-mm-li:not(.submenu-open).sfHover > .drop-down-mm-vl { display: none !important; visibility: hidden !important; opacity: 0 !important; } .main-menu-li.submenu-open > .drop-down-mm, .drop-down-mm-li.submenu-open > .drop-down-mm-vl { position: static !important; display: block !important; width: 100% !important; margin: 5px 0 0 !important; visibility: visible !important; opacity: 1 !important; } .main-menu-li.submenu-open > .drop-down-mm { padding: 6px !important; background: #f8fbff !important; } .drop-down-mm-li.menu-has-children { position: relative; padding-right: 0; } .drop-down-mm-li.menu-has-children > .drop-down-mm-li-a { padding-right: 46px !important; } .drop-down-mm-li > .menu-submenu-toggle { top: 5px; right: 5px; width: 30px; height: 30px; color: var(--tipk-primary-dark); background: var(--tipk-primary-soft); border-color: var(--tipk-primary-line); box-shadow: none; } .drop-down-mm-vl { padding: 4px 0 0 12px !important; background: transparent !important; border: 0 !important; border-left: 2px solid var(--tipk-primary-line) !important; border-radius: 0 !important; box-shadow: none !important; } .wrap-content { gap: 16px; padding-top: 10px; } article { padding: 20px 18px 24px !important; } article h1 { font-size: 24px; } article p, article li, article td, article th, article pre { font-size: 15px; } article table[style*="648px"] { overflow: visible; } article table[style*="648px"], article table[style*="648px"] tbody, article table[style*="648px"] tr, article table[style*="648px"] td { display: block !important; width: 100% !important; height: auto !important; } article table[style*="648px"] td { padding: 0 !important; } article table[style*="648px"] td:first-child { margin-bottom: 12px; text-align: center !important; } article table[style*="648px"] td:first-child img { display: block !important; width: min(180px, 100%) !important; height: auto !important; margin: 0 auto !important; } article table[style*="648px"] ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } article table[style*="648px"] li { margin: 0 0 7px !important; padding: 0 !important; line-height: 1.45 !important; } .documents { grid-template-columns: repeat(2, minmax(0, 1fr)); } .footer { display: block !important; height: auto !important; padding-right: 20px !important; padding-left: 20px !important; } .footer-left-line { display: block !important; width: 100% !important; } .footer-left-line > img { display: block; width: 100% !important; height: 180px !important; margin: 0 0 14px !important; } .footer .tipk-headline { font-size: 26px !important; } .footer-right-line { display: block !important; width: 100% !important; margin-top: 18px !important; padding-top: 0; border-top: 0 !important; } .footer-right-line > span { font-size: 16px !important; } .footer > span { display: block; margin-top: 18px !important; } } @media (max-width: 480px) { .body-to-content { width: calc(100% - 20px) !important; } .left-header { grid-template-columns: 64px minmax(0, 1fr); } .logo { width: 64px !important; height: 64px !important; } .headline-of-header blockquote { font-size: 11px; } .headline-of-header .it-services-button { font-size: 11px !important; } #SearchForm_SearchForm fieldset { grid-template-columns: minmax(0, 1fr); } .documents { grid-template-columns: minmax(0, 1fr); } } .documents { grid-template-columns: 112px !important; justify-content: center; } /* Rollout marker: refresh mobile expandable menu styles. */ /* Feedback form: align UserForms with the current blue site UI. */ form.userform { width: 100%; max-width: 680px; margin: 18px auto 28px !important; padding: 22px !important; color: var(--tipk-ink); background: #fff; border: 1px solid var(--tipk-line); border-radius: 8px; box-shadow: 0 12px 28px rgba(24, 36, 47, 0.08); } article form.userform { max-width: 680px; margin: 20px auto 18px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0; box-shadow: none; } form.userform .message { margin: 0 0 14px !important; padding: 10px 12px !important; color: var(--tipk-red); background: #fff7f7; border: 1px solid rgba(163, 59, 59, 0.22); border-radius: 8px; } form.userform .userform-fields { display: grid; gap: 16px; } form.userform .field { margin: 0 !important; } form.userform label.left, form.userform .form-label { display: block !important; float: none !important; width: auto !important; margin: 0 0 7px !important; color: var(--tipk-primary-dark); font-size: 15px; font-weight: 800; line-height: 1.3; } form.userform .middleColumn { display: block; width: 100% !important; margin: 0 !important; } form.userform input.text, form.userform input.email, form.userform textarea { display: block; width: 100% !important; min-height: 44px; margin: 0 !important; padding: 10px 12px !important; color: var(--tipk-ink); font: inherit; line-height: 1.45; background: #f8fbff; border: 1px solid var(--tipk-line); border-radius: 8px; box-shadow: none; transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease; } form.userform textarea { min-height: 136px; resize: vertical; } form.userform input.text:focus, form.userform input.email:focus, form.userform textarea:focus { background: #fff; border-color: var(--tipk-primary); outline: 0; box-shadow: 0 0 0 3px rgba(var(--tipk-primary-rgb), 0.16); } form.userform .Actions { display: flex; justify-content: flex-start; width: 100%; margin: 18px 0 0 !important; padding: 0 !important; border: 0 !important; } form.userform .smart-captcha { width: 100%; min-height: 100px; margin: 2px 0 0; } form.userform .captcha-message { margin: -4px 0 0 !important; color: var(--tipk-muted); font-size: 14px; line-height: 1.4; } form.userform.userform--captcha-ready .captcha-message { color: #1f7a45; } form.userform.userform--captcha-error .captcha-message { color: var(--tipk-red); font-weight: 700; } form.userform .Actions input.action, #UserForm_Form_153_action_process { display: inline-flex !important; min-width: 128px; min-height: 40px; align-items: center; justify-content: center; padding: 0 18px !important; color: #fff !important; font-weight: 800; line-height: 1 !important; white-space: nowrap; background: var(--tipk-primary) !important; border: 0 !important; border-radius: 8px; text-decoration: none !important; cursor: pointer; } form.userform .Actions input.action:disabled, #UserForm_Form_153_action_process:disabled, form.userform .Actions input.action[aria-disabled="true"], #UserForm_Form_153_action_process[aria-disabled="true"] { color: rgba(255, 255, 255, 0.9) !important; background: #8aa8cc !important; cursor: not-allowed; opacity: 0.78; } form.userform .Actions input.action:hover, form.userform .Actions input.action:focus, #UserForm_Form_153_action_process:hover, #UserForm_Form_153_action_process:focus { color: #fff !important; background: var(--tipk-primary-dark) !important; } .feedback-return-home { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; margin-top: 10px; padding: 0 18px; color: #fff !important; font-weight: 800; line-height: 1; white-space: nowrap; background: var(--tipk-primary); border-radius: 8px; text-decoration: none !important; } .feedback-return-home:hover, .feedback-return-home:focus { color: #fff !important; background: var(--tipk-primary-dark); } @media (max-width: 640px) { form.userform { max-width: calc(100% - 20px); margin-top: 14px !important; padding: 16px !important; } form.userform .Actions { justify-content: center; } form.userform .smart-captcha { overflow: hidden; } form.userform .Actions input.action, #UserForm_Form_153_action_process { width: 100%; } } /* Dark theme. */ html[data-theme="dark"] { color-scheme: dark; --tipk-ink: #e7eef5; --tipk-muted: #aab9c7; --tipk-line: #34495b; --tipk-bg: #0d141b; --tipk-panel: #17232e; --tipk-primary-soft: #20384d; --tipk-primary-line: #426b8e; --tipk-blue: #79baf2; --tipk-shadow: 0 12px 32px rgba(0, 0, 0, 0.28); background: var(--tipk-bg); } html[data-theme="dark"] body { color: var(--tipk-ink) !important; background: linear-gradient(180deg, rgba(18,28,37,0.94), rgba(13,20,27,0.98) 300px), var(--tipk-bg) !important; } html[data-theme="dark"] a { color: #79baf2; } html[data-theme="dark"] a:hover, html[data-theme="dark"] a:focus { color: #acd6fa; } html[data-theme="dark"] .bg-to-header { background: linear-gradient(135deg, #091f38 0%, #103b67 58%, #18578e 100%) !important; border-bottom-color: #29465e; } html[data-theme="dark"] .logo { background: #dce5ed; border-color: #8da4b6; box-shadow: 0 10px 26px rgba(0,0,0,0.28); } html[data-theme="dark"] .headline-of-header blockquote, html[data-theme="dark"] .headline-of-header .it-services-button, html[data-theme="dark"] .theme-toggle, html[data-theme="dark"] .main-menu-li-a, html[data-theme="dark"] .link-all-news, html[data-theme="dark"] #SearchForm_SearchForm_action_results, html[data-theme="dark"] .cookie-notice__button, html[data-theme="dark"] .cookie-notice__button--secondary, html[data-theme="dark"] form.userform .Actions input.action, html[data-theme="dark"] #UserForm_Form_153_action_process, html[data-theme="dark"] .feedback-return-home { color: #fff !important; background: #245f99 !important; border-color: #397eb7 !important; } html[data-theme="dark"] .headline-of-header blockquote:hover, html[data-theme="dark"] .headline-of-header .it-services-button:hover, html[data-theme="dark"] .headline-of-header .it-services-button:focus, html[data-theme="dark"] .theme-toggle:hover, html[data-theme="dark"] .theme-toggle:focus-visible, html[data-theme="dark"] .main-menu-li-a:hover, html[data-theme="dark"] .main-menu-li-a.current, html[data-theme="dark"] .main-menu-li-a.section, html[data-theme="dark"] .link-all-news:hover, html[data-theme="dark"] #SearchForm_SearchForm_action_results:hover, html[data-theme="dark"] .cookie-notice__button:hover, html[data-theme="dark"] .cookie-notice__button:focus, html[data-theme="dark"] .cookie-notice__button--secondary:hover, html[data-theme="dark"] .cookie-notice__button--secondary:focus, html[data-theme="dark"] form.userform .Actions input.action:hover, html[data-theme="dark"] form.userform .Actions input.action:focus, html[data-theme="dark"] #UserForm_Form_153_action_process:hover, html[data-theme="dark"] #UserForm_Form_153_action_process:focus, html[data-theme="dark"] .feedback-return-home:hover, html[data-theme="dark"] .feedback-return-home:focus { color: #fff !important; background: #174873 !important; border-color: #2d6795 !important; } html[data-theme="dark"] .wrap-navi { background: rgba(13,21,28,0.97) !important; border-top-color: #263b4b; border-bottom-color: var(--tipk-line); box-shadow: 0 8px 20px rgba(0,0,0,0.24); } html[data-theme="dark"] .drop-down-mm, html[data-theme="dark"] .drop-down-mm-vl { background: #17232e !important; border-color: var(--tipk-line); } html[data-theme="dark"] .drop-down-mm-li-a, html[data-theme="dark"] .drop-down-mm-vl-li-a { color: var(--tipk-ink) !important; } html[data-theme="dark"] .drop-down-mm-li-a:hover, html[data-theme="dark"] .drop-down-mm-vl-li-a:hover { color: #acd6fa !important; background: var(--tipk-primary-soft) !important; } html[data-theme="dark"] .left-item, html[data-theme="dark"] .right-item, html[data-theme="dark"] article, html[data-theme="dark"] form.userform, html[data-theme="dark"] .cookie-notice { color: var(--tipk-ink); background: var(--tipk-panel) !important; border-color: var(--tipk-line) !important; box-shadow: var(--tipk-shadow); } html[data-theme="dark"] .cookie-notice__settings { color: var(--tipk-ink); background: #101b24; border-color: var(--tipk-line); } html[data-theme="dark"] .cookie-notice__option { color: var(--tipk-ink); } html[data-theme="dark"] .cookie-notice__option small, html[data-theme="dark"] .cookie-notice__text, html[data-theme="dark"] .captcha-message, html[data-theme="dark"] .tipk-feedback-consent { color: var(--tipk-muted); } html[data-theme="dark"] .cookie-notice__button--secondary { color: #9cccf5 !important; background: #17232e !important; border-color: #426b8e !important; } html[data-theme="dark"] .cookie-notice__button--secondary:hover, html[data-theme="dark"] .cookie-notice__button--secondary:focus { color: #fff !important; background: #20384d !important; } html[data-theme="dark"] .head-column, html[data-theme="dark"] article h1, html[data-theme="dark"] article h2, html[data-theme="dark"] article h3, html[data-theme="dark"] form.userform label.left, html[data-theme="dark"] form.userform .form-label { color: #a9d2f5 !important; } html[data-theme="dark"] article, html[data-theme="dark"] article p, html[data-theme="dark"] article li, html[data-theme="dark"] article td, html[data-theme="dark"] article th, html[data-theme="dark"] article pre, html[data-theme="dark"] .tipk-find-us, html[data-theme="dark"] .tipk-find-us__title, html[data-theme="dark"] .tipk-find-us__info strong { color: var(--tipk-ink) !important; } html[data-theme="dark"] article a, html[data-theme="dark"] article a span, html[data-theme="dark"] article a strong, html[data-theme="dark"] #breadcrumbs a, html[data-theme="dark"] .cookie-notice a, html[data-theme="dark"] .tipk-find-us__link { color: #79baf2 !important; } html[data-theme="dark"] article a:hover, html[data-theme="dark"] article a:focus, html[data-theme="dark"] #breadcrumbs a:hover, html[data-theme="dark"] #breadcrumbs a:focus, html[data-theme="dark"] .cookie-notice a:hover, html[data-theme="dark"] .cookie-notice a:focus, html[data-theme="dark"] .tipk-find-us__link:hover, html[data-theme="dark"] .tipk-find-us__link:focus { color: #acd6fa !important; } html[data-theme="dark"] #breadcrumbs { color: var(--tipk-muted); background: #131f29; border-color: var(--tipk-line); } html[data-theme="dark"] article td, html[data-theme="dark"] article th { color: var(--tipk-ink) !important; background-color: transparent !important; border-color: var(--tipk-line) !important; } html[data-theme="dark"] article table[style*="1719px"] pre { color: #79baf2 !important; background: #142637 !important; border-color: #355977 !important; } html[data-theme="dark"] article table[style*="1719px"] pre a { color: #79baf2 !important; } html[data-theme="dark"] article [style*="color: #000"], html[data-theme="dark"] article [style*="color:#000"], html[data-theme="dark"] article [style*="color: black"], html[data-theme="dark"] article [style*="color:black"] { color: var(--tipk-ink) !important; } html[data-theme="dark"] .doc-item { background: #eef3f7; border-color: #587894; } html[data-theme="dark"] #SearchForm_SearchForm_Search, html[data-theme="dark"] form.userform input.text, html[data-theme="dark"] form.userform input.email, html[data-theme="dark"] form.userform textarea, html[data-theme="dark"] input, html[data-theme="dark"] textarea, html[data-theme="dark"] select { color: var(--tipk-ink); background: #101b24 !important; border-color: var(--tipk-line) !important; } html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder { color: #8293a2; opacity: 1; } html[data-theme="dark"] #SearchForm_SearchForm_Search:focus, html[data-theme="dark"] form.userform input.text:focus, html[data-theme="dark"] form.userform input.email:focus, html[data-theme="dark"] form.userform textarea:focus { color: var(--tipk-ink); background: #0d1720 !important; border-color: #6aa8dc !important; box-shadow: 0 0 0 3px rgba(83,151,207,0.24); } html[data-theme="dark"] form.userform .message { color: #ff9ca6; background: #382126; border-color: #72414a; } html[data-theme="dark"] form.userform.userform--captcha-ready .captcha-message { color: #77d69c; } html[data-theme="dark"] form.userform .Actions input.action:disabled, html[data-theme="dark"] #UserForm_Form_153_action_process:disabled, html[data-theme="dark"] form.userform .Actions input.action[aria-disabled="true"], html[data-theme="dark"] #UserForm_Form_153_action_process[aria-disabled="true"] { color: rgba(255,255,255,0.72) !important; background: #42586b !important; cursor: not-allowed; } html[data-theme="dark"] .tipk-feedback-consent a { color: #79baf2 !important; } html[data-theme="dark"] input[type="checkbox"], html[data-theme="dark"] input[type="radio"] { accent-color: #4f96d0; } html[data-theme="dark"] .footer { background: linear-gradient(135deg, #091f38, #103b67) !important; border-top-color: #c99a42; } html[data-theme="dark"] .fancybox-skin, html[data-theme="dark"] #fancybox-outer, html[data-theme="dark"] #fancybox-content { background: var(--tipk-panel) !important; } @media (max-width: 760px) { html[data-theme="dark"] .left-header { color: var(--tipk-ink) !important; background: rgba(19,32,43,0.96) !important; border-color: var(--tipk-line); } html[data-theme="dark"] .headline-of-header { color: var(--tipk-ink) !important; } html[data-theme="dark"] .text-to-headline small { color: var(--tipk-muted); } html[data-theme="dark"] .tipk-headline { color: #dceaf6 !important; } html[data-theme="dark"] .main-menu-li.submenu-open > .drop-down-mm { background: #17232e !important; border-color: var(--tipk-line) !important; } html[data-theme="dark"] .drop-down-mm-li.submenu-open > .drop-down-mm-vl { background: transparent !important; border-left-color: var(--tipk-primary-line) !important; } html[data-theme="dark"] .drop-down-mm-li > .menu-submenu-toggle { color: #dceaf6; background: #234b6c; border-color: #426b8e; } } /* Home page: compact "How to find us" contact block. */ .footer-email { display: inline-flex; align-items: center; vertical-align: middle; } .footer-email__image { display: block; width: 148px; height: 19px; object-fit: contain; } .footer-email__image--on-dark { display: none; } .tipk-email-image { filter: brightness(0); } article img[alt="Email"][src^="data:image/"] { filter: none; } html[data-theme="dark"] .footer-email__image--on-light { display: none; } html[data-theme="dark"] .footer-email__image--on-dark { display: block; } html[data-theme="dark"] .tipk-email-image { filter: none; } html[data-theme="dark"] article img[alt="Email"][src^="data:image/"] { filter: invert(1); } .tipk-find-us { width: 100%; max-width: 900px; margin: 30px auto 24px; padding: 0 10px; color: var(--tipk-ink); box-sizing: border-box; } .tipk-find-us__title { margin: 0 0 14px; color: var(--tipk-ink); font-size: 18px; font-weight: 800; line-height: 1.3; } .tipk-find-us__grid { display: grid; grid-template-columns: minmax(220px, 250px) minmax(260px, 1fr); gap: 18px; align-items: start; } .tipk-find-us__map { display: block; width: 100%; max-width: 250px; height: auto; border: 1px solid var(--tipk-line); border-radius: 4px; } .tipk-find-us__info { margin: 0; padding: 0; font-size: 18px; line-height: 1.45; } .tipk-find-us__info p { margin: 0 0 6px; } .tipk-find-us__info strong { color: var(--tipk-ink); font-weight: 800; } .tipk-find-us__link { display: inline-block; margin-top: 14px; color: var(--tipk-primary) !important; font-style: italic; font-weight: 800; text-decoration: none !important; } .tipk-find-us__link:hover, .tipk-find-us__link:focus { color: var(--tipk-primary-dark) !important; text-decoration: underline !important; } @media (max-width: 640px) { .tipk-find-us { margin-top: 22px; padding: 0; } .tipk-find-us__grid { grid-template-columns: minmax(0, 1fr); gap: 14px; } .tipk-find-us__map { max-width: 250px; } .tipk-find-us__info { font-size: 16px; } } /* Contact images: black source with a transparent background. */ img.site-contact-email{display:inline-block!important;vertical-align:middle!important;max-width:100%!important;height:auto!important;margin:0!important;border:0!important;box-shadow:none!important;filter:brightness(0)!important} html[data-theme="dark"] img.site-contact-email{filter:brightness(0) invert(1)!important} .footer img.site-contact-email{filter:brightness(0) invert(1)!important} /* Preserve editor line spacing inside formatted text. */ article :is(p, li, h1, h2, h3, h4, h5, h6, blockquote)[style*="line-height"] :is(span, strong, em, a, b, i, u, s, sub, sup) { line-height: inherit; } article pre[class*="language-"] { white-space: pre !important; overflow-x: auto; } article pre[class*="language-"] code { font-family: monospace; } /* Protected phone-number images: black source on a transparent background. */ img.site-contact-phone{display:inline-block!important;vertical-align:middle!important;max-width:100%!important;height:auto!important;margin:0 2px!important;border:0!important;box-shadow:none!important;filter:brightness(0)!important} html[data-theme="dark"] img.site-contact-phone{filter:brightness(0) invert(1)!important} .footer img.site-contact-phone{filter:brightness(0) invert(1)!important} /* SVEDEN CONTENT V2 START */ .sveden-content-v2 { min-width: 0; color: var(--tipk-ink); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important; font-size: 16px; font-weight: 400; line-height: 1.5; letter-spacing: 0; overflow-wrap: anywhere; } .sveden-content-v2, .sveden-content-v2 * { box-sizing: border-box; } .sveden-content-v2 :is(p, li, div, td, th, span, strong, em, b, i, a) { color: inherit !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; letter-spacing: 0 !important; } .sveden-content-v2 :is(div, p, ul, ol, iframe, video, object, embed) { max-width: 100% !important; } .sveden-content-v2 :is(h2, h3, h4, h5, h6) { color: var(--tipk-heading) !important; font-family: inherit !important; font-weight: 800 !important; letter-spacing: 0 !important; } .sveden-content-v2 h2 { margin: 22px 0 12px !important; font-size: 24px !important; line-height: 1.25 !important; } .sveden-content-v2 h3 { margin: 20px 0 10px !important; font-size: 20px !important; line-height: 1.3 !important; } .sveden-content-v2 :is(h4, h5, h6) { margin: 16px 0 8px !important; font-size: 17px !important; line-height: 1.4 !important; } .sveden-content-v2 > :first-child { margin-top: 0 !important; } .sveden-content-v2 p { margin: 0 0 10px !important; text-align: left !important; } .sveden-content-v2 :is(strong, b) { font-weight: 700 !important; } .sveden-content-v2 :is(em, i) { font-style: italic !important; } .sveden-content-v2 ul, .sveden-content-v2 ol { margin: 8px 0 14px !important; padding-left: 24px !important; } .sveden-content-v2 li { margin: 3px 0 !important; text-align: left !important; } .sveden-content-v2 a { color: var(--tipk-primary) !important; } .sveden-content-v2 a:hover, .sveden-content-v2 a:focus { color: var(--tipk-primary-dark) !important; } .sveden-content-v2 hr { height: 1px !important; margin: 16px 0 !important; border: 0 !important; background: var(--tipk-line) !important; } .sveden-content-v2 img { max-width: 100% !important; height: auto; } .sveden-content-v2 table { display: block; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 14px 0 18px !important; overflow-x: auto; border: 1px solid var(--tipk-line) !important; border-collapse: collapse !important; border-spacing: 0 !important; background: var(--tipk-panel) !important; -webkit-overflow-scrolling: touch; } .sveden-content-v2 table :is(td, th) { min-width: 100px; height: auto !important; padding: 8px 10px !important; color: var(--tipk-ink) !important; font-size: 15px !important; line-height: 1.4 !important; text-align: left !important; vertical-align: top !important; background: var(--tipk-panel) !important; border: 1px solid var(--tipk-line) !important; } .sveden-content-v2 table th, .sveden-content-v2 table tr:first-child > :is(td, th) { font-weight: 700 !important; vertical-align: middle !important; background: var(--tipk-panel) !important; border-bottom-width: 2px !important; } .sveden-content-v2 table p { margin-bottom: 4px !important; } .sveden-content-v2 table p:last-child { margin-bottom: 0 !important; } .sveden-content-v2--index > p { margin: 0 !important; border-bottom: 1px solid var(--tipk-line); } .sveden-content-v2--index > p > strong > a, .sveden-content-v2--index > p > a { display: flex; min-height: 54px; padding: 9px 2px; gap: 12px; align-items: center; font-size: 16px !important; line-height: 1.3 !important; text-decoration: none !important; } .sveden-content-v2--index > p img { flex: 0 0 32px; width: 32px !important; height: 32px !important; margin: 0 !important; object-fit: contain; } html[data-theme="dark"] .sveden-content-v2 a { color: var(--tipk-blue) !important; } html[data-theme="dark"] .sveden-content-v2 table, html[data-theme="dark"] .sveden-content-v2 table :is(td, th), html[data-theme="dark"] .sveden-content-v2 table tr:first-child > :is(td, th) { background: var(--tipk-panel) !important; } @media (max-width: 760px) { .sveden-content-v2 { font-size: 15px; line-height: 1.45; } .sveden-content-v2 h2 { font-size: 21px !important; } .sveden-content-v2 h3 { font-size: 18px !important; } .sveden-content-v2 :is(h4, h5, h6) { font-size: 16px !important; } .sveden-content-v2 ul, .sveden-content-v2 ol { padding-left: 20px !important; } .sveden-content-v2 table { margin: 12px 0 16px !important; } .sveden-content-v2 table :is(td, th) { min-width: 115px; padding: 7px 8px !important; } .sveden-content-v2--index > p > strong > a, .sveden-content-v2--index > p > a { min-height: 50px; font-size: 15px !important; } } /* SVEDEN TABLE REPAIR START */ .sveden-content-v2 .sveden-table-scroll { width: 100%; max-width: 100% !important; margin: 14px 0 18px !important; overflow-x: auto; overflow-y: hidden; border: 0; background: transparent; -webkit-overflow-scrolling: touch; } .sveden-content-v2 .sveden-table-scroll > table { display: table !important; width: 100% !important; max-width: none !important; height: auto !important; margin: 0 !important; overflow: visible !important; table-layout: auto !important; border-collapse: collapse !important; border-spacing: 0 !important; } .sveden-content-v2 .sveden-table--data { border: 1px solid var(--tipk-line) !important; background: var(--tipk-panel) !important; } .sveden-content-v2 .sveden-table--data :is(td, th) { min-width: 0 !important; padding: 8px 10px !important; color: var(--tipk-ink) !important; font-size: 15px !important; line-height: 1.4 !important; text-align: left !important; vertical-align: top !important; background: var(--tipk-panel) !important; border: 1px solid var(--tipk-line) !important; } .sveden-content-v2 .sveden-table--data th, .sveden-content-v2 .sveden-table--data tr:first-child > :is(td, th) { font-weight: 700 !important; vertical-align: middle !important; background: var(--tipk-panel) !important; border-bottom-width: 2px !important; } .sveden-content-v2 .sveden-table--layout { border: 0 !important; background: transparent !important; } .sveden-content-v2 .sveden-table--layout :is(td, th), .sveden-content-v2 .sveden-table--layout tr:first-child > :is(td, th) { min-width: 0 !important; padding: 0 12px 10px 0 !important; color: var(--tipk-ink) !important; font-size: 16px !important; line-height: 1.5 !important; text-align: left !important; vertical-align: top !important; background: transparent !important; border: 0 !important; } html[data-theme="dark"] .sveden-content-v2 .sveden-table--data, html[data-theme="dark"] .sveden-content-v2 .sveden-table--data :is(td, th), html[data-theme="dark"] .sveden-content-v2 .sveden-table--data tr:first-child > :is(td, th) { background: var(--tipk-panel) !important; } @media (max-width: 760px) { .sveden-content-v2 .sveden-table-scroll { margin: 12px 0 16px !important; } .sveden-content-v2 .sveden-table--data { min-width: 640px !important; } .sveden-content-v2 .sveden-table--layout { min-width: 560px !important; } .sveden-content-v2 .sveden-table--layout :is(td, th) { font-size: 15px !important; } } /* SVEDEN TABLE REPAIR END */ /* SVEDEN CONTENT V2 END */ /* GRADUATES CONTENT V2 START */ .graduates-content-v2 { min-width: 0; color: var(--tipk-ink); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important; font-size: 16px; font-weight: 400; line-height: 1.5; letter-spacing: 0; overflow-wrap: anywhere; } .graduates-content-v2, .graduates-content-v2 * { box-sizing: border-box; } .graduates-content-v2 :is(p, li, div, td, th, span, strong, em, b, i, a) { color: inherit !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; letter-spacing: 0 !important; } .graduates-content-v2 :is(h2, h3, h4, h5, h6) { color: var(--tipk-heading) !important; font-family: inherit !important; font-weight: 800 !important; letter-spacing: 0 !important; } .graduates-content-v2 h2 { margin: 22px 0 12px !important; font-size: 24px !important; line-height: 1.25 !important; } .graduates-content-v2 h3 { margin: 20px 0 10px !important; font-size: 20px !important; line-height: 1.3 !important; } .graduates-content-v2 :is(h4, h5, h6) { margin: 16px 0 8px !important; font-size: 17px !important; line-height: 1.4 !important; } .graduates-content-v2 > :first-child { margin-top: 0 !important; } .graduates-content-v2 p { margin: 0 0 10px !important; text-align: left !important; } .graduates-content-v2 > div { margin: 0 0 10px !important; } .graduates-content-v2 :is(strong, b) { font-weight: 700 !important; } .graduates-content-v2 :is(em, i) { font-style: italic !important; } .graduates-content-v2 ul, .graduates-content-v2 ol { margin: 8px 0 14px !important; padding-left: 24px !important; } .graduates-content-v2 li { margin: 3px 0 !important; text-align: left !important; } .graduates-content-v2 a { color: var(--tipk-primary) !important; } .graduates-content-v2 a:hover, .graduates-content-v2 a:focus { color: var(--tipk-primary-dark) !important; } .graduates-content-v2 img { max-width: 100% !important; height: auto; } .graduates-content-v2 .graduates-table-scroll { width: 100%; max-width: 100%; margin: 14px 0 18px !important; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; } .graduates-content-v2 .graduates-table-scroll > table { display: table !important; width: 100% !important; max-width: none !important; height: auto !important; margin: 0 !important; table-layout: auto !important; border-collapse: collapse !important; border-spacing: 0 !important; } .graduates-content-v2 .graduates-table--layout, .graduates-content-v2 .graduates-table--layout :is(td, th) { color: var(--tipk-ink) !important; text-align: left !important; vertical-align: top !important; background: transparent !important; border: 0 !important; } .graduates-content-v2 .graduates-table--layout :is(td, th) { padding: 0 14px 14px 0 !important; } .graduates-content-v2 .graduates-table--data { border: 1px solid var(--tipk-line) !important; background: var(--tipk-panel) !important; } .graduates-content-v2 .graduates-table--data :is(td, th) { min-width: 0 !important; padding: 8px 10px !important; color: var(--tipk-ink) !important; text-align: left !important; vertical-align: top !important; background: var(--tipk-panel) !important; border: 1px solid var(--tipk-line) !important; } .graduates-content-v2 .graduates-table--data th, .graduates-content-v2 .graduates-table--data tr:first-child > :is(td, th) { font-weight: 700 !important; border-bottom-width: 2px !important; } html[data-theme="dark"] .graduates-content-v2 a { color: var(--tipk-blue) !important; } @media (max-width: 760px) { .graduates-content-v2 { font-size: 15px; line-height: 1.45; } .graduates-content-v2 h2 { font-size: 21px !important; } .graduates-content-v2 h3 { font-size: 18px !important; } .graduates-content-v2 ul, .graduates-content-v2 ol { padding-left: 20px !important; } .graduates-content-v2 .graduates-table--layout, .graduates-content-v2 .graduates-table--layout > :is(tbody, thead, tfoot), .graduates-content-v2 .graduates-table--layout > tbody > tr, .graduates-content-v2 .graduates-table--layout > tbody > tr > :is(td, th) { display: block !important; width: 100% !important; max-width: 100% !important; } .graduates-content-v2 .graduates-table--layout > tbody > tr > :is(td, th) { padding: 0 0 12px !important; } .graduates-content-v2 .graduates-table--data { min-width: 640px !important; } } /* GRADUATES CONTENT V2 END */ /* GRADUATES GALLERY V3 */ .graduates-content-v2 .graduates-gallery-v3 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 16px 0 18px !important; } .graduates-content-v2 .graduates-gallery-v3 > p { display: flex; align-items: center; justify-content: center; min-width: 0; height: 360px; margin: 0 !important; padding: 8px; border: 1px solid var(--tipk-line); background: var(--tipk-panel); } .graduates-content-v2 .graduates-gallery-v3 > p > img { display: block !important; float: none !important; width: 100% !important; height: 100% !important; max-width: 100% !important; margin: 0 !important; object-fit: contain; } @media (max-width: 600px) { .graduates-content-v2 .graduates-gallery-v3 { grid-template-columns: minmax(0, 1fr); } } /* GRADUATES GALLERY LINKS V1 */ .graduates-content-v2 .graduates-gallery-v3 > p > a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-width: 0; overflow: hidden; cursor: zoom-in; } .graduates-content-v2 .graduates-gallery-v3 > p > a:focus-visible { outline: 2px solid var(--tipk-primary); outline-offset: -2px; } .graduates-content-v2 .graduates-gallery-v3 > p > a > img { display: block !important; float: none !important; width: 100% !important; height: 100% !important; max-width: 100% !important; margin: 0 !important; object-fit: contain; } /* HOME SCHEDULE 20261005 */ article .home-schedule-20261005 { min-width: 0; margin: 0 0 28px; color: var(--tipk-ink); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; line-height: 1.5; letter-spacing: 0; } article .home-schedule-20261005 > h2 { margin: 0 0 12px !important; color: var(--tipk-heading, var(--tipk-primary-dark)) !important; font-size: 21px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: 0 !important; } article .home-schedule-20261005__list { margin: 0; padding: 0; } article .home-schedule-20261005__list > div { display: grid; grid-template-columns: 108px minmax(0, 1fr); gap: 0 16px; padding: 6px 0; } article .home-schedule-20261005__list :is(dt, dd) { margin: 0; padding: 0; color: inherit !important; font: inherit; text-align: left; letter-spacing: 0; } article .home-schedule-20261005__list dt { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; } article .home-schedule-20261005__concert { margin-top: 6px; color: var(--tipk-blue, var(--tipk-primary)) !important; font-weight: 700; } html[data-theme="dark"] article .home-schedule-20261005 > h2 { color: var(--tipk-blue) !important; } @media (max-width: 600px) { article .home-schedule-20261005 { margin-bottom: 24px; font-size: 15px; } article .home-schedule-20261005 > h2 { font-size: 19px !important; } article .home-schedule-20261005__list > div { grid-template-columns: 100px minmax(0, 1fr); column-gap: 12px; } } /* HOME SCHEDULE CENTER 20261005 */ article .home-schedule-20261005 { text-align: center; } article .home-schedule-20261005 > h2 { text-align: center !important; } article .home-schedule-20261005__list > div { display: block; } article .home-schedule-20261005__list :is(dt, dd) { display: inline; text-align: inherit; } article .home-schedule-20261005__list dd { margin-left: 10px; } /* STUDENT SCHEDULE V1 START */ article .student-schedule-v1 { min-width: 0; color: var(--tipk-ink); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; line-height: 1.5; letter-spacing: 0; } article .student-schedule-v1 :is(p, h2, a, th, td, strong) { font-family: inherit !important; letter-spacing: 0 !important; } article .student-schedule-v1 .student-schedule__intro { margin: 0 0 28px; text-align: center; } article .student-schedule-v1 .student-schedule__action { margin: 0 0 12px !important; } article .student-schedule-v1 a.student-schedule__button { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; max-width: 100%; padding: 10px 18px; border: 1px solid var(--tipk-primary); border-radius: 8px; background: var(--tipk-primary); color: #fff !important; font-size: 16px !important; font-weight: 700; line-height: 1.3 !important; text-align: center; text-decoration: none; } article .student-schedule-v1 a.student-schedule__button:hover { background: var(--tipk-primary-dark); border-color: var(--tipk-primary-dark); color: #fff !important; } article .student-schedule-v1 a.student-schedule__button:focus-visible { outline: 2px solid var(--tipk-blue); outline-offset: 3px; } article .student-schedule-v1 .student-schedule__note { max-width: 540px; margin: 0 auto !important; color: var(--tipk-muted) !important; font-size: 15px !important; font-weight: 400; line-height: 1.5 !important; text-align: center !important; } article .student-schedule-v1 .student-schedule__note strong { color: var(--tipk-ink) !important; font-size: inherit !important; } article .student-schedule-v1 h2 { margin: 0 0 14px !important; color: var(--tipk-primary-dark) !important; font-size: 21px !important; font-weight: 700 !important; line-height: 1.3 !important; text-align: center !important; } article .student-schedule-v1 .student-schedule__table-wrap { width: 100%; max-width: 520px; margin: 0 auto; overflow-x: auto; } article .student-schedule-v1 table.student-schedule__table { display: table !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; margin: 0 auto !important; border: 1px solid var(--tipk-line) !important; border-collapse: collapse !important; border-spacing: 0 !important; table-layout: fixed; background: var(--tipk-panel) !important; font-variant-numeric: tabular-nums; } article .student-schedule-v1 .student-schedule__pair-col { width: 20%; } article .student-schedule-v1 .student-schedule__lesson-col { width: 24%; } article .student-schedule-v1 .student-schedule__time-col { width: 56%; } article .student-schedule-v1 .student-schedule__table :is(th, td) { padding: 13px 12px !important; border: 1px solid var(--tipk-line) !important; color: var(--tipk-ink) !important; font-size: 16px !important; line-height: 1.4 !important; text-align: center !important; vertical-align: middle !important; background: transparent !important; white-space: nowrap; } article .student-schedule-v1 .student-schedule__table thead th { color: var(--tipk-primary-dark) !important; font-weight: 700 !important; background: var(--tipk-bg) !important; } article .student-schedule-v1 .student-schedule__table tbody tr:nth-child(even) { background: var(--tipk-bg) !important; } article .student-schedule-v1 .student-schedule__table tbody th, article .student-schedule-v1 .student-schedule__table tbody td:last-child { font-weight: 700; } article .student-schedule-v1 .student-schedule__attachments { margin: 20px 0 0; padding-left: 22px; } html[data-theme="dark"] article .student-schedule-v1 h2, html[data-theme="dark"] article .student-schedule-v1 .student-schedule__table thead th { color: var(--tipk-blue) !important; } @media (max-width: 600px) { article .student-schedule-v1 { font-size: 15px; } article .student-schedule-v1 h2 { font-size: 19px !important; } article .student-schedule-v1 .student-schedule__table :is(th, td) { padding: 12px 6px !important; font-size: 15px !important; } } /* STUDENT SCHEDULE V1 END */ /* HOME QUICK LINKS V1 */ article .home-quick-links-v1 { min-width: 0; max-width: 800px; margin: 20px auto; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; line-height: 1.55; letter-spacing: 0; } article .home-quick-links-v1 :is(p, a, span) { font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; letter-spacing: 0 !important; } article .home-quick-links-v1 > p { margin: 0 0 14px !important; } article .home-quick-links-v1 > p:last-child { margin-bottom: 0 !important; } article .home-quick-links-v1 a.home-quick-link { display: grid; grid-template-columns: 18px minmax(0, 1fr); column-gap: 8px; align-items: start; color: var(--tipk-primary) !important; font-weight: 700; text-align: left !important; text-decoration: none; overflow-wrap: anywhere; } article .home-quick-links-v1 a.home-quick-link:hover { color: var(--tipk-primary-dark) !important; text-decoration: underline; } article .home-quick-links-v1 a.home-quick-link:focus-visible { outline: 2px solid var(--tipk-blue); outline-offset: 3px; } article .home-quick-links-v1 a.home-quick-link--icon { grid-template-columns: 44px minmax(0, 1fr); column-gap: 10px; align-items: center; min-height: 42px; } article .home-quick-links-v1 .home-quick-link--icon img { display: block !important; float: none !important; max-width: 42px !important; max-height: 42px; height: auto !important; margin: 0 !important; border: 0; object-fit: contain; } article .home-quick-links-v1 .home-quick-link__mark { display: block; width: 18px; color: inherit; text-align: center; } article .home-quick-links-v1 .home-quick-link__text { min-width: 0; } html[data-theme="dark"] article .home-quick-links-v1 a.home-quick-link { color: var(--tipk-blue) !important; } html[data-theme="dark"] article .home-quick-links-v1 a.home-quick-link:hover { color: #acd6fa !important; } @media (max-width: 600px) { article .home-quick-links-v1 { font-size: 15px; } } /* HOME QUICK LINKS WITHOUT MARKS */ article .home-quick-links-v1 a.home-quick-link:not(.home-quick-link--icon) { grid-template-columns: minmax(0, 1fr); column-gap: 0; }