/* Dedicated to the custom-fields page. Brand colors/fonts and navigation are inherited. */
.cf-page{font-size:1rem;overflow-wrap:anywhere}
.cf-page .cf-wrap{max-width:1200px}
.cf-page .cf-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:72px;align-items:center;padding:44px 0 38px}
.cf-page h1{font-size:clamp(2rem,3.5vw,3rem);line-height:1.5;max-width:none}
.cf-page .doc-deck{font-size:1.125rem;line-height:1.95;margin:24px 0 18px}
.cf-page .cf-hero-answer{color:var(--body2);font-size:1rem;line-height:1.9;max-width:680px}
.cf-page .cf-plan-line{font-size:.8125rem;color:var(--sub);margin-top:24px;line-height:1.9}
.cf-page .cf-hero-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:26px}
.cf-page .cf-hero-links a{min-height:44px;display:inline-flex;align-items:center;font-size:.9375rem}
.cf-page .cf-hero-links a:first-child{background:var(--ink);color:var(--bg);padding:10px 22px;border-radius:9px;text-decoration:none;font-weight:600}
.cf-page .cf-version{font-size:.8125rem;color:var(--sub);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:0}
.cf-page .cf-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:54px;padding:42px 0 64px;align-items:start}
.cf-page .doc-toc{font-size:.8125rem;top:24px}
.cf-page .doc-toc a{padding:9px 0}
.cf-page h2{font-size:1.75rem;line-height:1.65;margin:0 0 22px}
.cf-page h3{font-size:1.125rem;line-height:1.7}
.cf-page .doc-section{margin-bottom:64px;scroll-margin-top:24px}
.cf-page .cf-section-number{color:var(--blue);font-size:.75rem;letter-spacing:.12em;margin:0 0 14px}
.cf-page .cf-mini-grid,.cf-page .cf-type-grid,.cf-page .cf-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cf-page .cf-mini-grid>div,.cf-page .cf-plan-grid>div{border:1px solid var(--line);border-radius:12px;padding:22px}
.cf-page .cf-mini-grid h3,.cf-page .cf-plan-grid h3{margin:0 0 12px}
.cf-page .cf-mini-grid p:last-child,.cf-page .cf-plan-grid p:last-child{margin-bottom:0}
.cf-page .cf-type{border-top:1px solid var(--line);padding:24px 0 16px;min-width:0}
.cf-page .cf-type-grid{gap:0 32px;margin-top:28px}
.cf-page .cf-type h3{margin:0 0 10px;color:var(--ink)}
.cf-page .cf-type p{font-size:.9375rem;margin-bottom:12px}
.cf-page .cf-type .cf-example-label{font-size:.8125rem;color:var(--sub)}
.cf-page .cf-type .cf-sample{border-left:2px solid var(--blue);padding-left:14px;color:var(--ink);font-size:1rem;font-weight:500}
.cf-page .note{font-size:.9375rem;padding:22px 24px}
.cf-page .note h3{margin:0 0 10px;font-size:1rem}
.cf-page .note ul{margin-bottom:0}
.cf-page .cf-limit,.cf-page .cf-small{font-size:.875rem;line-height:1.9;color:var(--sub)}
.cf-page .cf-step-pair{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:36px;align-items:start;margin:28px 0 38px}
.cf-page .cf-steps{list-style:decimal;padding-left:24px;margin:0}
.cf-page .cf-steps li{padding-left:8px;margin:0 0 24px}
.cf-page .cf-steps li::marker{color:var(--blue);font-weight:700}
.cf-page .cf-steps li p{font-size:.9375rem;margin:8px 0 0}
.cf-page .cf-shot{margin:0;min-width:0}
.cf-page .cf-shot .screen-link{display:block;position:relative;width:100%;max-width:240px;margin:auto;border-radius:16px}
.cf-page .cf-shot img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid var(--line);background:white;box-shadow:0 12px 30px #0002}
.cf-page .cf-shot figcaption{font-size:.75rem;max-width:260px;margin:12px auto 0;color:var(--sub);line-height:1.8}
.cf-page .cf-shot .zoom-label{font-size:.6875rem}
.cf-page .cf-shot.cf-wide{margin:24px 0 32px}
.cf-page .cf-shot.cf-wide .screen-link{max-width:100%}
.cf-page .cf-shot.cf-wide figcaption{max-width:none;font-size:.8125rem}
.cf-page .cf-case{border:1px solid var(--line);border-radius:14px;padding:28px;margin-top:22px}
.cf-page .cf-case h3{font-size:1.25rem;margin:10px 0 16px}
.cf-page .cf-case-tag{font-size:.75rem!important;letter-spacing:.06em;color:var(--blue)!important;margin:0 0 10px!important}
.cf-page .cf-case p:last-child{margin-bottom:0}
.cf-page .cf-record{margin:20px 0 24px;font-size:.9375rem}
.cf-page .cf-record>div{display:grid;grid-template-columns:40% minmax(0,1fr);gap:14px;border-top:1px solid var(--line);padding:12px 0}
.cf-page .cf-record dt{color:var(--sub)}
.cf-page .cf-record dd{margin:0;color:var(--ink)}
.cf-page .cf-analysis-list>div{border-top:1px solid var(--line);padding:24px 0 6px}
.cf-page .cf-analysis-list h3{margin:4px 0 14px}
.cf-page .cf-analysis-media{display:flex;justify-content:center;margin:24px 0 32px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.cf-page .cf-analysis-media .cf-shot{width:260px}
.cf-page .cf-plan-grid{margin-bottom:24px}
.cf-page .cf-faq h3{border-top:1px solid var(--line);padding-top:22px;margin-top:26px}
.cf-page .cf-related{border-top:1px solid var(--line);padding-top:28px}
.cf-page .cf-related h2{font-size:1.25rem;margin-bottom:12px}
.cf-page .cf-back-top{display:inline-flex;min-height:44px;align-items:center}
.cf-page .updated{font-size:.75rem;line-height:1.8;margin-top:30px}
.cf-page .image-viewer{max-width:calc(100vw - 28px)}
.cf-page .image-viewer button{min-height:44px;min-width:66px;font-size:1rem}
@media(min-width:1500px){.cf-page .cf-hero{gap:90px}}
@media(max-width:1000px){.cf-page .cf-layout{grid-template-columns:150px minmax(0,1fr);gap:30px}.cf-page .cf-step-pair{grid-template-columns:minmax(0,1fr) 170px;gap:24px}.cf-page .cf-hero{grid-template-columns:minmax(0,1fr) 220px;gap:34px}}
@media(max-width:760px){.cf-page .cf-wrap{width:calc(100% - 40px)}.cf-page .cf-hero{grid-template-columns:1fr;gap:28px;padding:30px 0}.cf-page h1{font-size:2rem}.cf-page .cf-hero .cf-shot .screen-link{max-width:190px}.cf-page .cf-hero .cf-shot figcaption{max-width:260px}.cf-page .cf-layout{display:block;padding-top:28px}.cf-page .doc-toc{position:static;margin-bottom:40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.cf-page .doc-toc p{grid-column:1/-1}.cf-page .doc-toc a{font-size:.8125rem;padding:10px 0;min-height:44px}.cf-page .doc-section{margin-bottom:48px}.cf-page h2{font-size:1.5rem}.cf-page .cf-step-pair{grid-template-columns:1fr;gap:12px}.cf-page .cf-step-pair .cf-shot .screen-link{max-width:210px}.cf-page .cf-type-grid{gap:0 24px}.cf-page .cf-mini-grid,.cf-page .cf-plan-grid{grid-template-columns:1fr}.cf-page .cf-mini-grid>div,.cf-page .cf-plan-grid>div{padding:20px}.cf-page .cf-case{padding:22px 20px}.cf-page .cf-record>div{grid-template-columns:1fr;gap:4px}.cf-page .note{padding:20px}.cf-page .cf-analysis-media{padding:22px 18px}.cf-page .cf-hero-links{gap:8px 18px}}
@media(max-width:480px){.cf-page .cf-type-grid{grid-template-columns:1fr}.cf-page .cf-hero-links{flex-direction:column;align-items:flex-start}.cf-page .doc-deck br{display:none}.cf-page .cf-hero-answer{margin-top:0}}
/* Browser review can enlarge the root font without clipping navigation or cards. */
@media(min-width:761px){.cf-page .site-bar{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.cf-page{scroll-behavior:auto}}