.tip-topics{flex-wrap:wrap;gap:8px;display:flex}.tip-topics .chip{gap:8px}.tip-topics .chip small{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-sub)}.tip-topics .chip[aria-current] small{color:var(--color-brand)}.tip-cards{gap:24px;display:grid}.tip-card{display:flex}.tip-card-link{border:1px solid var(--color-line);border-radius:var(--radius-card);width:100%;transition:border-color var(--dur-1) var(--ease-std);background:#fff;flex-direction:column;display:flex;overflow:hidden}@media (hover:hover){.tip-card-link:hover{border-color:var(--color-brand)}.tip-card-link:hover .tip-card-title{color:var(--color-brand)}}.tip-card-art{aspect-ratio:3/2;background:var(--color-shade-2);display:block;position:relative}.tip-card-art picture,.tip-card-art img{object-fit:cover;width:100%;height:100%;display:block}.tip-card-body{flex-direction:column;flex:1;gap:6px;padding:18px 20px 20px;display:flex}.tip-card-meta{font-size:var(--text-fine);color:var(--color-sub);font-weight:600;line-height:18px}.tip-card-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;line-height:var(--text-xl--line-height);color:var(--color-ink);transition:color var(--dur-1) var(--ease-std)}.tip-card-text{font-size:var(--text-base);color:var(--color-body);line-height:24px}.tip-card-more{font-size:var(--text-sm);color:var(--color-link);align-items:center;gap:4px;margin-top:auto;padding-top:8px;font-weight:700;display:inline-flex}@media (min-width:768px){.tip-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.tip-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.tip-cards.is-feature>:first-child{grid-area:span 2/span 2}.tip-cards.is-feature>:first-child .tip-card-art{aspect-ratio:auto;flex:1;min-height:320px}.tip-cards.is-feature>:first-child .tip-card-body{flex:none}.tip-cards.is-feature>:first-child .tip-card-title{font-size:var(--text-3xl);line-height:var(--text-3xl--line-height)}}.tip-article{max-width:68ch;font-size:var(--text-lg);color:var(--color-body);line-height:30px}.tip-byline{font-size:var(--text-sm);color:var(--color-sub);margin-bottom:24px}.tip-byline a{color:var(--color-link);text-underline-offset:3px;text-decoration:underline}.tip-article .guide-body h2{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:600;line-height:var(--text-3xl--line-height);color:var(--color-ink);margin:40px 0 12px;scroll-margin-top:96px}.tip-article .guide-body:first-of-type h2:first-child{margin-top:0}.tip-article .guide-body h3{font-size:var(--text-xl);color:var(--color-ink);margin:24px 0 8px;scroll-margin-top:96px;font-weight:700}.tip-article .guide-body p{margin-bottom:18px}.tip-article .guide-body ul,.tip-article .guide-body ol{list-style:revert;margin-bottom:18px;padding-left:24px}.tip-article .guide-body li+li{margin-top:6px}.tip-article .guide-body a{color:var(--color-link);text-underline-offset:3px;text-decoration:underline}.tip-article .guide-body code{background:var(--color-shade);border-radius:4px;padding:1px 6px;font-size:.92em}.tip-figure{margin:32px 0;position:relative}.tip-figure-frame{border-radius:var(--radius-card);aspect-ratio:3/2;background:var(--color-shade-2);position:relative;overflow:hidden}.tip-figure-frame.is-wide{aspect-ratio:16/9}.tip-figure-frame picture,.tip-figure-frame img{object-fit:cover;width:100%;height:100%;display:block}.tip-figure figcaption{font-size:var(--text-sm);color:var(--color-sub);margin-top:8px;line-height:20px}.tip-sources{border-top:1px solid var(--color-line);font-size:var(--text-base);margin-top:40px;padding-top:24px}.tip-sources h2{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-ink);font-weight:600}.tip-sources a{min-height:44px;color:var(--color-link);text-underline-offset:3px;align-items:center;text-decoration:underline;display:inline-flex}.tip-layout{grid-template-areas:"toc""article""rail";gap:32px;display:grid}.tip-toc{grid-area:toc}.tip-article{grid-area:article}.tip-rail{grid-area:rail;align-content:start;gap:20px;display:grid}.tip-toc{border-radius:var(--radius-card);background:var(--color-shade);padding:18px 20px}.tip-toc-title{font-family:var(--font-heading);font-size:var(--text-sm);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-sub);font-weight:600}.tip-toc ol{counter-reset:toc;margin-top:8px}.tip-toc li{counter-increment:toc}.tip-toc a{border-top:1px solid var(--color-line);min-height:44px;font-size:var(--text-sm);color:var(--color-ink);transition:color var(--dur-1) var(--ease-std);grid-template-columns:24px minmax(0,1fr);align-items:baseline;padding:10px 0;line-height:20px;display:grid;position:relative}.tip-toc li:first-child a{border-top:0}.tip-toc a:before{content:counter(toc);font-family:var(--font-heading);color:var(--color-brand);font-weight:700}@media (hover:hover){.tip-toc a:hover{color:var(--color-brand)}}.tip-toc a[aria-current]{color:var(--color-brand);font-weight:700}.tip-toc a[aria-current]:after{content:"";background:var(--color-brand);border-radius:2px;width:3px;position:absolute;top:10px;bottom:10px;left:-20px}.tip-book{border-radius:var(--radius-card);background:var(--color-brand-900);color:#fff;padding:22px 20px}.tip-book>*{--focus-ring:var(--color-sun)}.tip-book .btn:not(.btn-outline){--btn-bg:var(--color-sun);--btn-bg-hover:color-mix(in oklab, var(--color-sun) 90%, var(--color-ink));--btn-bg-press:color-mix(in oklab, var(--color-sun) 80%, var(--color-ink));--btn-fg:var(--color-ink)}.tip-book-kicker{font-size:var(--text-fine);color:var(--color-on-bar-mute);font-weight:600}.tip-book-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:600;line-height:var(--text-2xl--line-height);margin-top:2px}.tip-book-store{font-size:var(--text-sm);color:var(--color-on-bar-mute);align-items:flex-start;gap:8px;margin:10px 0 16px;line-height:20px;display:flex}.tip-book-store svg{color:var(--color-sun);margin-top:2px}.tip-book-store a,.tip-book .link{color:#fff}.tip-service{border:1px solid var(--color-line);border-radius:var(--radius-card);transition:border-color var(--dur-1) var(--ease-std);background:#fff;display:block;overflow:hidden}@media (hover:hover){.tip-service:hover{border-color:var(--color-brand)}}.tip-service-art{aspect-ratio:3/2;background:var(--color-shade-2);display:block;position:relative}.tip-service-art picture,.tip-service-art img{object-fit:cover;width:100%;height:100%;display:block}.tip-service-body{gap:2px;padding:14px 16px 16px;display:grid}.tip-service-kicker{font-size:var(--text-fine);color:var(--color-sub);font-weight:600}.tip-service-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;line-height:var(--text-xl--line-height);color:var(--color-ink)}@media (min-width:1024px){.tip-layout{grid-template:"article toc""article rail"1fr/minmax(0,1fr) 300px;gap:20px 56px}.tip-toc,.tip-rail{align-self:start}.tip-rail{position:sticky;top:88px}}@media (min-width:1280px){.tip-layout{grid-template:"toc article rail"/232px minmax(0,720px) 300px;justify-content:space-between;column-gap:40px}.tip-toc{position:sticky;top:88px}}@media (max-width:767px){.tip-article{font-size:var(--text-base);line-height:27px}.tip-article .guide-body h2{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height)}.tip-figure{margin-inline:calc(-1 * var(--gutter))}.tip-figure-frame{border-radius:0}.tip-figure figcaption{padding-inline:var(--gutter)}.tip-toc a[aria-current]:after{display:none}}.ck-head>.ck-head-aside:has(>.tip-topics){flex:0 auto;min-width:0}