/* Lists and articles share the same responsive header, content and form rules. */
html.ob-standalone body {margin:0;min-width:0}
.ob-root {width:100%;min-width:0;overflow-wrap:break-word}
.ob-root :is(.ob-post-main,.ob-post-layout,.ob-grid,.ob-hero-card,.ob-header__actions,.ob-brand__name) {min-width:0}
.ob-root :is(.ob-post-main,.ob-prose) img {max-width:100%;height:auto}
.ob-root .ob-prose :is(video,iframe,svg) {max-width:100%}
.ob-root .ob-prose iframe {width:100%;aspect-ratio:16/9;height:auto}
.ob-root .ob-prose pre {max-width:100%;overflow-x:auto}
.ob-root .ob-prose table {display:block;max-width:100%;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.ob-root .ob-prose :is(a,code) {overflow-wrap:anywhere}
.ob-root input[type=checkbox],.ob-root .ob-form-options input[type=radio] {
  appearance:none;-webkit-appearance:none;display:inline-block;flex:0 0 24px;width:24px;height:24px;min-height:24px;
  padding:0;margin:0 2px 0 0;border:1.5px solid #9caaba;border-radius:7px 10px 7px 10px;
  background:#fff center/19px 19px no-repeat;vertical-align:middle;cursor:pointer;box-shadow:0 2px 0 #e5e9ef;
}
.ob-root .ob-form-options input[type=radio] {border-radius:50%}
.ob-root input[type=checkbox]:checked,.ob-root .ob-form-options input[type=radio]:checked {
  background-color:var(--ob-accent,#3182f6);border-color:var(--ob-accent,#3182f6);background-image:url('./img/paw-check.svg');
}
.ob-root input[type=checkbox]:focus-visible,.ob-root .ob-form-options input[type=radio]:focus-visible {outline:3px solid var(--ob-accent,#3182f6);outline-offset:3px}
.ob-root input[type=checkbox]:disabled,.ob-root .ob-form-options input[type=radio]:disabled {opacity:.45;cursor:not-allowed}
@media (max-width:700px) {
  .ob-root .ob-container {padding-inline:18px;min-width:0}
  .ob-root .ob-header__inner {height:auto;min-height:110px;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding-block:12px}
  .ob-root .ob-brand {gap:8px;width:100%;min-width:0;font-size:18px;line-height:1.5}
  .ob-root .ob-brand__icon {flex:0 0 30px;width:30px;height:30px}
  .ob-root .ob-brand__logo {flex-shrink:0;max-width:42px;max-height:34px;object-fit:contain}
  .ob-root .ob-brand__name {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ob-root .ob-brand__badge {flex-shrink:0;font-size:10px;padding:3px 7px}
  .ob-root .ob-header__actions {display:flex;flex-wrap:wrap;width:100%;gap:8px}
  .ob-root .ob-header__actions>.ob-btn {flex:1 1 100px;min-width:0;min-height:44px;padding:9px 10px;font-size:13px;white-space:normal;word-break:keep-all;line-height:1.5}
  .ob-root .ob-header__actions>.ob-btn--primary {flex-grow:1.4}
  .ob-root .ob-header__actions>.ob-btn--ghost {background:var(--ob-surface);border-color:var(--ob-line)}
  .ob-root .ob-intro {padding-block:30px 24px}
  .ob-root .ob-intro__title {font-size:30px;line-height:1.4;letter-spacing:-.045em;word-break:keep-all;overflow-wrap:break-word}
  .ob-root .ob-intro__sub {font-size:16px;line-height:1.8;word-break:keep-all}
  .ob-root .ob-filter-bar {display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-bottom:24px;min-width:0;width:100%}
  .ob-root .ob-tabs {width:100%;min-width:0;flex:0 1 auto;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
  .ob-root .ob-tabs::-webkit-scrollbar {display:none}
  .ob-root .ob-tab {flex:0 0 auto;min-height:44px;padding:9px 14px;font-size:13px}
  .ob-root .ob-search-form {width:100%;min-width:0}
  .ob-root .ob-search-input {height:46px;font-size:16px;padding-right:48px}
  .ob-root .ob-search-btn {min-width:44px;min-height:44px;right:2px;padding:8px}
  .ob-root .ob-grid {grid-template-columns:minmax(0,1fr);gap:24px}
  .ob-root .ob-hero-card {grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}
  .ob-root :is(.ob-hero-card__body,.ob-card__body,.ob-empty) {min-width:0}
  .ob-root .ob-hero-card__title {font-size:24px;line-height:1.5;word-break:keep-all;overflow-wrap:break-word}
  .ob-root .ob-post-layout {grid-template-columns:minmax(0,1fr);gap:28px;margin-bottom:36px}
  .ob-root .ob-post-header {padding-block:28px 24px}
  .ob-root .ob-breadcrumb {flex-wrap:wrap;gap:6px;font-size:12px}
  .ob-root .ob-post-title {font-size:30px;line-height:1.45;letter-spacing:-.045em;word-break:keep-all;overflow-wrap:break-word}
  .ob-root .ob-post-subtitle {font-size:17px;line-height:1.8;word-break:keep-all}
  .ob-root .ob-byline {align-items:flex-start;flex-wrap:wrap;gap:14px}
  .ob-root .ob-author-chip {min-width:0;gap:10px}
  .ob-root .ob-author-chip>div:last-child {min-width:0;overflow-wrap:break-word}
  .ob-root .ob-author-chip__avatar {flex-shrink:0}
  .ob-root .ob-author-chip__meta {word-break:keep-all;overflow-wrap:break-word;line-height:1.8}
  .ob-root .ob-prose {font-size:17px;line-height:1.9;overflow-wrap:break-word}
  .ob-root .ob-prose h2 {font-size:24px;line-height:1.5;scroll-margin-top:140px}
  .ob-root .ob-prose h3 {font-size:20px;line-height:1.6;scroll-margin-top:140px}
  .ob-root .ob-prose :is(figure,blockquote) {margin-inline:0;max-width:100%}
  .ob-root .ob-prose :is(ul,ol) {padding-left:24px}
  .ob-root .ob-aside {position:static;min-width:0}
  .ob-root :is(.ob-tldr-box,.ob-inline-cta,.ob-lead-card) {padding:20px 16px;min-width:0}
  .ob-root .ob-inline-cta--img-left {grid-template-columns:minmax(0,1fr);flex-direction:column}
  .ob-root .ob-inline-cta__title {font-size:24px;line-height:1.5;word-break:keep-all}
  .ob-root .ob-inline-cta .ob-btn {max-width:100%;min-height:46px;white-space:normal;text-align:center;word-break:keep-all}
  .ob-root .ob-lead-grid {grid-template-columns:minmax(0,1fr);gap:16px}
  .ob-root :is(.ob-input,.ob-textarea,.ob-select,.ob-form-field input,.ob-form-field select,.ob-form-field textarea) {font-size:16px;min-width:0;max-width:100%;box-sizing:border-box}
  .ob-root .ob-form-options label {min-height:44px;line-height:1.7}
  .ob-root .ob-form-options input {flex:0 0 24px}
  .ob-root .ob-lead-card__head {align-items:flex-start;gap:12px}
  .ob-root .ob-footer__inner {flex-direction:column;align-items:flex-start;gap:14px;padding-block:24px}
  .ob-root .ob-footer__links {flex-wrap:wrap;gap:8px 18px}
  .ob-root .ob-footer__links a {display:inline-flex;align-items:center;min-height:44px;font-size:13px}
}
@media (forced-colors:active) {
  .ob-root input[type=checkbox],.ob-root .ob-form-options input[type=radio] {appearance:auto;-webkit-appearance:auto;background-image:none!important;box-shadow:none}
}
@media (max-width:360px) {
  .ob-root .ob-container {padding-inline:14px}
  .ob-root .ob-brand {font-size:17px}
  .ob-root .ob-brand__badge {display:none}
  .ob-root .ob-header__actions>.ob-btn {font-size:12px;padding-inline:8px}
  .ob-root :is(.ob-intro__title,.ob-post-title) {font-size:28px}
}