.article-reading-time{font-size:.85rem;font-weight:700;margin:.5rem 0 1rem}.article-toc{max-width:760px;margin:1rem 0 2rem;background:#f1f4fc;border:1px solid #dce2ef;border-radius:16px;padding:1rem 1.2rem}.article-toc summary{font-weight:800;cursor:pointer}.article-toc ol{padding-left:1.3rem;display:grid;gap:.5rem;margin-bottom:.3rem}.article-toc a{font-size:.9rem;text-underline-offset:3px}.article-body h2[id],.article-body h3[id]{scroll-margin-top:190px}.article-recommendations{margin:3rem 0 2rem;padding-top:2rem;border-top:1px solid #dce2ef}.article-recommendations-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.article-recommendations-heading h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:.25rem 0}.article-recommendations-heading>a{font-size:.85rem;font-weight:700;white-space:nowrap}.article-recommendations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.article-recommendations-grid .blog-card{min-width:0}.article-recommendations-grid .blog-card>a{display:flex;flex-direction:column;height:100%}.article-recommendations-grid .blog-card-image{display:block;width:100%;height:160px;flex:0 0 auto;background:var(--blue,#4669df);overflow:hidden}.article-recommendations-grid .blog-card-image img{display:block;width:100%;height:100%;object-fit:contain}.article-recommendations-grid .blog-card-copy{padding:1rem}.article-recommendations-grid .blog-card h3{font-size:1.25rem;line-height:1.25;margin:.5rem 0}.article-recommendations-grid .blog-card p{font-size:.85rem;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.article-recommendations-grid .blog-meta{font-size:.7rem}.article-recommendations-grid .blog-card strong{font-size:.8rem}.article-toc a:focus-visible,.article-recommendations a:focus-visible{outline:3px solid #f7a600;outline-offset:3px}
@media(max-width:700px){.article-toc{padding:.85rem 1rem}.article-recommendations-heading{align-items:flex-start}.article-recommendations-heading>a{font-size:.75rem}.article-recommendations-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.8rem;padding:3px 2px 12px;scrollbar-width:thin}.article-recommendations-grid .blog-card{flex:0 0 min(78vw,280px);scroll-snap-align:start}.article-recommendations-grid .blog-card-image{height:140px}.article-recommendations-grid .blog-card h3{font-size:1.15rem}.article-body h2[id],.article-body h3[id]{scroll-margin-top:180px}}

.article-place-photo{margin:32px 0;overflow:hidden;border-radius:12px;background:#f4f5f8;border:1px solid #e4e6ed}.article-place-photo img{display:block;width:100%;height:clamp(190px,32vw,360px);object-fit:cover}.article-place-photo figcaption{padding:12px 16px;font-size:1rem;line-height:1.5;color:#3b455a}.article-place-photo figcaption small{display:block;margin-top:5px;font-size:.8rem;color:#5b6372}.article-place-photo figcaption a{color:inherit}.article-photo-hero{margin:0;align-self:center}.article-photo-hero img{height:220px}.article-photo-hero figcaption{font-size:.9rem}.article-photo-hero figcaption small{font-size:.72rem}@media(max-width:700px){.article-place-photo img{height:220px}.article-photo-hero{max-width:100%;margin-bottom:10px}.article-head-with-image{gap:20px}}

.article-comparison{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid #dbe1ef;border-radius:12px;background:white}.article-comparison:focus-visible{outline:3px solid #f7a600;outline-offset:3px}.article-comparison table{width:100%;min-width:580px;border-collapse:collapse;font-size:.94rem;line-height:1.5}.article-comparison th,.article-comparison td{padding:13px 15px;border-bottom:1px solid #dbe1ef;text-align:left;vertical-align:top}.article-comparison thead{background:#172b55;color:white}.article-comparison tbody th{font-weight:700;color:#172b55}.article-comparison tbody tr:nth-child(even){background:#f3f6ff}.article-comparison tr:last-child td,.article-comparison tr:last-child th{border-bottom:0}