@import url('/css/pages/kolerovka.css');
.page-tikkurila .page-heading{max-width:1180px;border-bottom:1px solid var(--line);margin-bottom:32px}
.brand-article-kicker{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}
.brand-article-lead{font-size:20px;line-height:1.8}
.brand-figure{margin:28px 0 32px}
.brand-article .brand-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin:0;border-radius:12px}
.brand-figure figcaption,.brand-article-note{font-size:13px;color:var(--muted);line-height:1.6;margin-top:12px}
.source-link{font-size:13px;white-space:normal}
.brand-table-wrap{border:1px solid var(--line);border-radius:12px;overflow-x:auto;margin:24px 0}
.brand-colours{width:100%;border-collapse:collapse;font-size:15px}
.brand-colours caption{text-align:left;padding:18px 20px;font-weight:600;color:var(--brand);background:var(--tint)}
.brand-colours th,.brand-colours td{padding:16px 20px;border-bottom:1px solid var(--line);text-align:left}
.brand-colours thead{background:var(--tint)}
.brand-colours tbody th{white-space:nowrap;font-weight:600}
.brand-colours tr:last-child>*{border-bottom:0}
.colour-dot{display:inline-block;width:22px;height:22px;border-radius:50%;border:1px solid #0002;margin-right:10px;vertical-align:middle}
.ral-7016{background:#383e42}.ral-7035{background:#c5c7c4}.ral-9010{background:#f1ece1}.ral-9005{background:#101010}.ral-5010{background:#004f7c}.ral-6005{background:#0f4336}
@media(max-width:600px){.brand-article-lead{font-size:18px}.brand-colours{font-size:12px}.brand-colours th,.brand-colours td{padding:12px 8px}.colour-dot{width:14px;height:14px;margin-right:5px}.brand-colours tbody th{white-space:normal}.brand-figure figcaption{font-size:12px}}

/* Expandable questions: all answers open initially, native keyboard support. */
.page-tikkurila .brand-faq{display:grid;gap:16px;margin:32px 0}
.page-tikkurila .brand-faq-item{border:1px solid var(--line);border-radius:14px;background:var(--tint);overflow:hidden}
.page-tikkurila .brand-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;cursor:pointer;list-style:none;font-size:20px;line-height:1.45;font-weight:600;color:var(--brand)}
.page-tikkurila .brand-faq-item summary::-webkit-details-marker{display:none}
.page-tikkurila .brand-faq-item summary::marker{content:''}
.page-tikkurila .brand-faq-item summary:hover{background:#00000004}
.page-tikkurila .brand-faq-item summary:focus-visible{outline:3px solid var(--brand);outline-offset:-4px}
.page-tikkurila .brand-faq-icon{position:relative;flex:0 0 28px;height:28px;border:1px solid currentColor;border-radius:50%}
.page-tikkurila .brand-faq-icon::before,.page-tikkurila .brand-faq-icon::after{content:'';position:absolute;left:7px;right:7px;top:12px;height:2px;background:currentColor}
.page-tikkurila .brand-faq-icon::after{transform:rotate(90deg)}
.page-tikkurila .brand-faq-item[open] .brand-faq-icon::after{display:none}
.page-tikkurila .brand-faq-answer{padding:24px 28px;background:var(--bg,#faf9f6);border-top:1px solid var(--line)}
.page-tikkurila .brand-faq-answer p{margin:0 0 18px}
.page-tikkurila .brand-faq-answer>:last-child{margin-bottom:0}
.page-tikkurila .brand-faq-answer li{margin-bottom:12px}
@media(max-width:600px){.page-tikkurila .brand-faq-item summary{padding:18px 16px;font-size:17px;gap:12px}.page-tikkurila .brand-faq-answer{padding:20px 16px}.page-tikkurila .brand-faq-answer ul{padding-left:20px}}

.page-tikkurila .brand-faq-item summary h3{margin:0;font:inherit;color:inherit;letter-spacing:normal}
.page-tikkurila .brand-faq-item:nth-child(1) summary{background:#e9e2f3;color:#4b3564}
.page-tikkurila .brand-faq-item:nth-child(2) summary{background:#e1edf5;color:#294d68}
.page-tikkurila .brand-faq-item:nth-child(3) summary{background:#e4eee2;color:#355633}
.page-tikkurila .brand-faq-item:nth-child(4) summary{background:#fbefd8;color:#704f1d}
.page-tikkurila .brand-faq-item:nth-child(5) summary{background:#f5e2e5;color:#743e4a}

/* Explanatory inset before the metal colour chapter. */
.page-tikkurila .industrial-tinting-inset{margin:36px 0;padding:28px 32px;background:#f0eaf5;border:1px solid #ded2e8;border-left:5px solid #62457c;border-radius:0 14px 14px 0}
.page-tikkurila .industrial-tinting-inset h3{margin:0 0 16px;color:#503663;font-size:24px;line-height:1.35}
.page-tikkurila .industrial-tinting-inset p{margin:0 0 14px;font-size:17px;line-height:1.75}
.page-tikkurila .industrial-tinting-inset p:last-child{margin-bottom:0}
@media(max-width:600px){.page-tikkurila .industrial-tinting-inset{margin:28px 0;padding:22px 18px}.page-tikkurila .industrial-tinting-inset h3{font-size:20px}.page-tikkurila .industrial-tinting-inset p{font-size:16px}}