.search-topics { margin: 40px auto; padding: 28px 24px; max-width: 1136px; color: #203647; background: #f1f7fa; border-radius: 12px; } .search-topics h2 { margin: 0 0 24px; font-size: clamp(1.35rem,2.2vw,1.8rem); line-height: 1.4; } .search-topic-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; } .search-topic-columns section { min-width: 0; } .search-topics h3 { margin: 0 0 12px; font-size: 1.15rem; } .search-topics p { margin: 10px 0; line-height: 1.75; } .search-topics a, .search-topic-guide a { color: #075b91; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; } .search-topics a:focus-visible, .search-topic-guide a:focus-visible { outline: 3px solid #075b91; outline-offset: 3px; } .search-topic-guide { max-width: 74ch; margin: 24px auto 48px; padding: 24px; background: #fff; color: #203647; font: 17px/1.85 system-ui,sans-serif; } .search-topic-guide h2 { margin: 36px 0 14px; font-size: 1.5rem; line-height: 1.5; } .search-topic-guide h3 { margin: 26px 0 10px; font-size: 1.12rem; } .search-topic-guide p, .search-topic-guide li { margin-block: 12px; } .topic-revision { font-size: 14px; color: #496174; } .topic-table-scroll { max-width: 100%; overflow-x: auto; } .search-topic-guide table { border-collapse: collapse; width: 100%; min-width: 480px; } .search-topic-guide th, .search-topic-guide td { padding: 12px; border: 1px solid #c5d7e3; vertical-align: top; text-align: left; } .search-topic-guide caption { text-align: left; margin-bottom: 10px; font-weight: 600; } @media(max-width:640px) { .search-topic-columns { grid-template-columns: 1fr; gap: 22px; } .search-topics { margin: 28px 16px; padding: 22px 18px; } .search-topic-guide { padding: 18px; font-size: 16px; overflow-wrap: anywhere; } } .post-template-default main > h1 { max-width: 74ch; margin: 28px auto; padding: 0 20px; font: 700 clamp(1.6rem,3vw,2.3rem)/1.45 system-ui,sans-serif; color: #203647; overflow-wrap: anywhere; }