.fr-guide{--fr-blue:#08008b;--fr-ink:#27252a;--fr-muted:#615d63;--fr-paper:#f7f4ed;--fr-line:#ded8d0;color:var(--fr-ink);background:var(--fr-paper);font:17px/1.72 Arial,Helvetica,sans-serif}.fr-guide *{box-sizing:border-box}.fr-guide .fr-wrap{max-width:1320px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}.fr-guide h1,.fr-guide h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08;letter-spacing:-.035em;text-wrap:balance;color:var(--fr-ink)}.fr-guide h1{font-size:clamp(38px,4.5vw,66px);margin:0 0 25px}.fr-guide h2{font-size:clamp(31px,3.1vw,46px);margin:0 0 24px}.fr-guide h3{font:700 21px/1.3 Arial,Helvetica,sans-serif;margin:28px 0 12px;text-wrap:balance}.fr-guide h4{font:700 19px/1.35 Arial,Helvetica,sans-serif;margin:0 0 10px}.fr-guide p{margin:0 0 20px}.fr-guide a{color:var(--fr-blue);text-underline-offset:4px;text-decoration-thickness:1px}.fr-guide a:hover{text-decoration-thickness:2px}.fr-guide a:focus-visible,.fr-guide summary:focus-visible{outline:3px solid #c56b32;outline-offset:5px}.fr-guide img{display:block;max-width:100%;height:auto}.fr-guide figure{margin:0}.fr-guide figcaption{font-size:14px;line-height:1.5;color:var(--fr-muted);margin-top:12px}.fr-guide .fr-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--fr-blue);margin-bottom:20px}.fr-guide .fr-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:46px;align-items:center;padding:60px 0 64px}.fr-guide .fr-lead{font-size:21px;line-height:1.5}.fr-guide .fr-hero-copy>p:not(.fr-kicker):not(.fr-lead){color:var(--fr-muted)}.fr-guide .fr-hero-image img{width:100%;aspect-ratio:4/4.5;object-fit:cover;border-radius:3px}.fr-guide .fr-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:28px}.fr-guide .fr-button{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 19px;min-height:48px;background:var(--fr-blue);color:#fff;text-decoration:none;font-size:15px;font-weight:700;line-height:1.4;border-radius:4px}.fr-guide .fr-button:hover{background:#24209c}.fr-guide .fr-link{font-size:15px;font-weight:700}.fr-guide .fr-section{padding:60px 0;border-top:1px solid var(--fr-line);scroll-margin-top:120px}.fr-guide [id]{scroll-margin-top:120px}.fr-guide .fr-intro{max-width:830px;font-size:19px;color:var(--fr-muted);margin-bottom:30px}.fr-guide .fr-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.fr-guide .fr-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--fr-line);border-radius:6px;overflow:hidden}.fr-guide .fr-card>img{width:100%;aspect-ratio:1.35;object-fit:cover}.fr-guide .fr-card>img.fr-contain{object-fit:contain;background:#efebe4;padding:12px}.fr-guide .fr-card-copy{padding:24px;display:flex;flex-direction:column;flex:1}.fr-guide .fr-card h3{font:400 29px/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.025em;margin:0 0 18px}.fr-guide .fr-card p{font-size:16px;line-height:1.6}.fr-guide .fr-card p.fr-tag{font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:var(--fr-blue);margin-bottom:14px}.fr-guide .fr-card p.fr-small{font-size:14px;color:var(--fr-muted)}.fr-guide .fr-card .fr-button{margin-top:auto;font-size:14px}.fr-guide .fr-note{border-left:3px solid var(--fr-blue);padding:22px 26px;background:#fff;margin:30px 0}.fr-guide .fr-note>strong{display:block;margin-bottom:7px}.fr-guide .fr-note p:last-child{margin-bottom:0}.fr-guide .fr-toc{background:#eae5da;padding:26px 30px;margin-bottom:10px;border-radius:4px}.fr-guide .fr-toc>strong{display:block;margin-bottom:13px}.fr-guide .fr-toc>div{display:flex;flex-wrap:wrap;gap:10px 24px}.fr-guide .fr-toc a{font-size:15px}.fr-guide .fr-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:46px;align-items:start}.fr-guide .fr-text-columns{margin-top:10px}.fr-guide .fr-detail{padding-top:12px}.fr-guide .fr-detail img{width:100%;border-radius:4px;background:white}.fr-guide .fr-tinted{background:#eee9df;margin:0 -26px;padding-left:26px;padding-right:26px;border-radius:6px;border-top:0}.fr-guide .fr-steps{list-style:none;counter-reset:steps;padding:0;margin:28px 0 36px;display:grid;grid-template-columns:1fr 1fr;gap:28px 38px}.fr-guide .fr-steps>li{counter-increment:steps;position:relative;padding-left:48px}.fr-guide .fr-steps>li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;font-size:17px;font-weight:bold;color:var(--fr-blue);border-top:2px solid var(--fr-blue);padding-top:5px}.fr-guide .fr-steps h3{margin:0 0 12px}.fr-guide .fr-steps p{font-size:16px;margin-bottom:0}.fr-guide .fr-example{padding:30px;background:#fff;border-radius:5px;margin:30px 0}.fr-guide .fr-example>h3{margin-top:0}.fr-guide .fr-example>p{max-width:950px}.fr-guide .fr-disclosure{border-bottom:1px solid var(--fr-line);margin:0}.fr-guide summary{padding:21px 32px 21px 0;cursor:pointer;font-weight:700;font-size:18px;line-height:1.45}.fr-guide .fr-disclosure>div{padding:0 20px 4px 0;max-width:940px}.fr-guide .fr-disclosure+.fr-button{margin-top:28px}.fr-guide .fr-glossary{display:grid;grid-template-columns:1fr 1fr;gap:0 38px;margin:28px 0}.fr-guide .fr-glossary>div{padding:22px 0;border-bottom:1px solid var(--fr-line)}.fr-guide dt{font-weight:700;font-size:18px;margin-bottom:8px}.fr-guide dd{font-size:16px;margin:0;color:var(--fr-muted)}.fr-guide .fr-design-grid,.fr-guide .fr-mistakes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.fr-guide .fr-design-grid article{border-top:2px solid #b99973;padding:0 8px 8px 0}.fr-guide .fr-mistakes{grid-template-columns:repeat(3,minmax(0,1fr))}.fr-guide .fr-mistakes article{padding:22px;background:#fff;border:1px solid var(--fr-line);border-radius:5px}.fr-guide .fr-mistakes h3{font-size:18px;margin:0 0 10px}.fr-guide .fr-mistakes p{font-size:15px;margin:0}.fr-guide .fr-finish{background:var(--fr-blue);color:#fff;border-radius:6px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:36px;margin:20px 0 30px}.fr-guide .fr-finish h2,.fr-guide .fr-finish .fr-kicker,.fr-guide .fr-finish a{color:#fff}.fr-guide .fr-finish p:last-child{margin-bottom:0}.fr-guide .fr-finish-links{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:14px}.fr-guide .fr-finish .fr-button{border:1px solid #ffffff70}.fr-guide .fr-editorial{font-size:13px;color:var(--fr-muted);padding-bottom:38px;max-width:900px}.fr-guide .fr-diagram svg{display:block;max-width:100%;height:auto;margin:auto}.fr-guide .fr-video{margin-top:30px}.fr-guide .fr-video video{display:block;width:100%;max-height:620px;background:#e5e0d7;border-radius:4px}.fr-guide .fr-video-details{max-width:860px}.fr-guide .fr-media-label{font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:var(--fr-muted)}
@media(max-width:1000px){.fr-guide .fr-hero{gap:28px}.fr-guide .fr-card-copy{padding:18px}.fr-guide .fr-card h3{font-size:26px}.fr-guide .fr-two{gap:28px}.fr-guide .fr-mistakes{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.fr-guide .fr-hero{grid-template-columns:1fr;padding:36px 0 44px}.fr-guide .fr-hero-image img{aspect-ratio:16/10}.fr-guide .fr-cards{grid-template-columns:1fr}.fr-guide .fr-card{display:grid;grid-template-columns:35% 65%}.fr-guide .fr-card>img{height:100%;aspect-ratio:auto;min-height:240px}.fr-guide .fr-card-copy{padding:24px}.fr-guide .fr-two,.fr-guide .fr-finish{grid-template-columns:1fr}.fr-guide .fr-two{gap:14px}.fr-guide .fr-hero-copy{max-width:750px}.fr-guide .fr-detail{max-width:680px;margin:auto}.fr-guide .fr-tinted{margin:0 -12px;padding-left:12px;padding-right:12px}}
@media(max-width:600px){.fr-guide{font-size:16px}.fr-guide .fr-wrap{padding:0 20px}.fr-guide .fr-section{padding-top:40px;padding-bottom:40px}.fr-guide .fr-lead{font-size:19px}.fr-guide .fr-intro{font-size:18px}.fr-guide .fr-card{display:flex}.fr-guide .fr-card>img{height:auto;min-height:0;aspect-ratio:1.5}.fr-guide .fr-card-copy{padding:22px}.fr-guide .fr-card h3{font-size:30px}.fr-guide .fr-toc{padding:22px}.fr-guide .fr-toc>div{display:grid;grid-template-columns:1fr;gap:10px}.fr-guide .fr-steps,.fr-guide .fr-glossary,.fr-guide .fr-design-grid,.fr-guide .fr-mistakes{grid-template-columns:1fr}.fr-guide .fr-steps{gap:28px}.fr-guide .fr-example{padding:20px 16px}.fr-guide .fr-note{padding:20px}.fr-guide .fr-finish{padding:26px 22px;gap:24px}.fr-guide h3{font-size:20px}.fr-guide summary{font-size:17px}.fr-guide .fr-actions{align-items:flex-start;flex-direction:column}.fr-guide .fr-tinted{border-radius:0}.fr-guide .fr-editorial{padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){.fr-guide *{scroll-behavior:auto!important}}
@media print{.fr-guide{font-size:11pt;background:#fff;color:#000}.fr-guide .fr-wrap{max-width:none;padding:0}.fr-guide .fr-hero,.fr-guide .fr-two,.fr-guide .fr-cards{display:block}.fr-guide .fr-hero-image,.fr-guide .fr-card>img,.fr-guide .fr-video,.fr-guide .fr-toc{display:none}.fr-guide .fr-section{padding:18pt 0;break-inside:auto}.fr-guide .fr-button{background:none;color:#08008b;border:1px solid #aaa}.fr-guide .fr-finish{background:white;color:black}.fr-guide .fr-finish h2,.fr-guide .fr-finish .fr-kicker,.fr-guide .fr-finish a{color:#000}.fr-guide h2,.fr-guide h3{break-after:avoid}}
.fr-guide .fr-video-stage{aspect-ratio:16/9;max-width:900px;background:#e5e0d7;position:relative;overflow:hidden;border-radius:5px}.fr-guide .fr-video-start{display:block;position:relative;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:#e5e0d7;color:#fff;font:700 17px/1.4 Arial,sans-serif}.fr-guide .fr-video-start img{width:100%;height:100%;object-fit:contain}.fr-guide .fr-video-start>span{position:absolute;inset:auto 20px 20px;display:flex;justify-content:center;gap:12px;padding:18px;background:#08008be8;border-radius:4px}.fr-guide .fr-video-stage iframe{display:block;width:100%;height:100%;border:0;position:absolute;inset:0}.fr-guide .fr-video-note{font-size:13px;color:var(--fr-muted);margin-top:12px}.fr-guide .fr-video-start:focus-visible{outline:4px solid #c56b32;outline-offset:-4px}.fr-guide .fr-diagram--shadowgap{max-width:600px;margin:24px auto!important}
.fr-guide .fr-breadcrumb{display:flex;gap:12px;padding-top:22px;font-size:13px;line-height:1.4;color:var(--fr-muted)}.fr-guide .fr-breadcrumb a{color:var(--fr-muted)}