.qr-topic-page{color:#263b31}.topic-language-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:#52634c;max-width:230px;line-height:1.6;text-underline-offset:4px}.topic-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px;font-size:13px;color:#53664e}.topic-breadcrumb a{display:inline-flex;align-items:center;gap:7px;min-height:44px;text-underline-offset:4px}.topic-breadcrumb a:last-child{margin-left:auto}.qr-topic-page .generator-heading h1{max-width:780px;font-size:clamp(30px,3.5vw,46px);line-height:1.13;letter-spacing:-1.5px}.qr-topic-page .generator-heading>div:first-child>p{max-width:700px;line-height:1.7}.qr-topic-input-hint{font-size:13px;line-height:1.7;color:#53664e;margin:0 0 14px}.qr-topic-guide{margin-top:60px;scroll-margin-top:150px}.topic-section{padding:60px 0;border-top:1px solid #dce3d7;scroll-margin-top:150px}.topic-section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:end;margin-bottom:30px}.topic-kicker{color:#526849;font-size:11px;font-weight:600;letter-spacing:1.4px;line-height:1.8;margin:0 0 12px}.qr-topic-guide h2{font-size:clamp(27px,3vw,38px);font-weight:500;line-height:1.18;letter-spacing:-1px;margin:0}.qr-topic-guide h3{font-size:19px;font-weight:550;letter-spacing:-.4px;line-height:1.4;margin:0 0 12px}.qr-topic-guide p:not(.topic-kicker),.qr-topic-guide li{font-size:14px;line-height:1.85;color:#52634c}.topic-section-heading>p{max-width:420px;margin:0}.qr-topic-guide a:not(.button){color:#285d42;text-underline-offset:4px}.qr-topic-guide a svg{vertical-align:middle}.topic-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.topic-card{padding:30px;background:#f1f3ed;border-radius:14px}.topic-card p:last-child{margin-bottom:0}.topic-number{display:block;color:#567046;font-family:Georgia,serif;font-size:32px;margin-bottom:16px}.topic-designs,.topic-documents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.topic-design{text-align:left;border:1px solid #dce3d7;border-radius:14px;padding:0;overflow:hidden;background:#fff;transition:box-shadow .2s}.topic-design:hover{box-shadow:0 8px 26px #294a2c17}.topic-design-image{display:flex;align-items:center;justify-content:center;padding:28px;aspect-ratio:1.25}.topic-design-image img{width:78%;height:100%;object-fit:contain}.topic-design-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px}.topic-design-caption strong,.topic-design-caption small{display:block}.topic-design-caption strong{font-size:16px;font-weight:550}.topic-design-caption small{color:#52634c;margin-top:5px;font-size:12px}.qr-topic-guide .topic-caption{font-size:12px;margin-top:16px}.topic-steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:0}.topic-steps li{counter-increment:step}.topic-steps li:before{content:"0" counter(step);display:block;font-size:13px;font-weight:600;color:#386146;margin-bottom:16px}.topic-note{padding:26px 30px;border-left:3px solid #6d875a;background:#f0f3eb;border-radius:0 12px 12px 0;margin-top:30px}.topic-note h3{font-size:17px}.topic-note ul{padding-left:20px;margin:0}.topic-note li+li{margin-top:8px}.topic-note p{margin:0 0 10px}.topic-link-demo{display:grid;grid-template-columns:190px 24px 1fr 24px 1.5fr;align-items:center;gap:22px;padding:30px;border:1px solid #dce3d7;background:#f4f5ef;border-radius:16px}.topic-demo-code{display:flex;flex-direction:column;align-items:center;gap:14px}.topic-demo-code img{width:160px;height:160px}.topic-demo-code strong{font-size:13px}.topic-demo-link,.topic-demo-destination{display:grid;gap:12px;min-width:0}.topic-demo-link>span,.topic-demo-destination>span{font-size:12px;color:#52634c}.topic-demo-link strong{font-size:17px}.topic-demo-link small{font-size:12px;color:#52634c}.topic-demo-destination>div{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid #ced9c6;background:#fff;border-radius:10px}.topic-demo-destination code{font-size:12px;overflow-wrap:anywhere;color:#52634c}.topic-demo-destination .button{min-height:44px;font-size:12px;white-space:normal}.topic-table-wrap{overflow-x:auto;border:1px solid #dce3d7;border-radius:12px}.topic-comparison{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}.topic-comparison th,.topic-comparison td{padding:20px;font-size:14px;line-height:1.7;vertical-align:top;border-bottom:1px solid #dce3d7;overflow-wrap:break-word}.topic-comparison thead{background:#eaf0e3}.topic-comparison tbody th{font-weight:500}.topic-comparison td{color:#52634c}.topic-comparison tr:last-child>*{border-bottom:0}.topic-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.topic-controls article{padding:24px;border:1px solid #dce3d7;border-radius:12px}.topic-controls h3{font-size:17px}.topic-controls p{margin-bottom:0}.topic-document-cover{display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:240px;padding:28px;background:#e9eee3;border-radius:12px;margin-bottom:24px}.topic-documents article:nth-child(2) .topic-document-cover{background:#eee9de}.topic-documents article:nth-child(3) .topic-document-cover{background:#e4edeb}.topic-document-cover>span,.topic-document-cover>small{font-size:11px;letter-spacing:1.2px;color:#52634c}.topic-document-cover>strong{font-family:"DM Serif Display",Georgia,serif;font-size:34px;font-weight:400;max-width:220px;line-height:1.15}.topic-document-cover i{width:40px;height:2px;background:#65795a}.topic-faq{display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.topic-faq>div>a{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:20px;font-size:13px}.topic-faq details{border-bottom:1px solid #dce3d7}.topic-faq details:first-child{border-top:1px solid #dce3d7}.topic-faq summary{display:flex;justify-content:space-between;gap:16px;align-items:center;list-style:none;cursor:pointer;padding:20px 0;min-height:44px;font-size:15px;line-height:1.6}.topic-faq summary::-webkit-details-marker{display:none}.topic-faq summary svg{flex-shrink:0}.topic-faq details[open] summary svg{transform:rotate(180deg)}.topic-faq details p{margin:0 0 24px}.topic-membership{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;padding:40px;border-radius:16px;background:#eaf0e3}.topic-membership p:last-child{margin-bottom:0}.topic-membership-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.topic-membership-actions .button{min-height:48px}.topic-membership-actions .topic-text-link{min-height:44px;display:flex;align-items:center;font-size:13px}.topic-membership-actions span{font-size:12px;color:#52634c;display:flex;gap:7px;align-items:center}.topic-related{margin:55px 0 20px}.topic-related h2{font-size:25px}.topic-related>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.topic-related a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px;border:1px solid #dce3d7;border-radius:10px;font-size:14px}.topic-related a svg{flex-shrink:0}.qr-topic-page :is(a,button,summary):focus-visible{outline:3px solid #317454;outline-offset:4px}@media(max-width:1000px){.topic-link-demo{grid-template-columns:150px 20px 1fr;gap:18px}.topic-demo-link{display:none}.topic-demo-arrow:nth-of-type(2){display:none}.topic-demo-code img{width:140px;height:140px}}@media(max-width:700px){.qr-topic-page .generator-heading h1{font-size:32px;letter-spacing:-1px}.topic-section{padding:38px 0}.topic-section-heading,.topic-columns,.topic-steps,.topic-controls,.topic-faq,.topic-membership{grid-template-columns:1fr;gap:22px}.topic-section-heading>p{max-width:none}.topic-designs{grid-template-columns:1fr;gap:16px}.topic-design{display:grid;grid-template-columns:135px 1fr}.topic-design-image{aspect-ratio:1;padding:15px}.topic-design-image img{width:100%}.topic-design-caption{padding:16px}.topic-design-caption strong{font-size:14px}.topic-card,.topic-note{padding:24px}.topic-documents{grid-template-columns:1fr;gap:24px}.topic-document-cover{min-height:220px}.topic-link-demo{grid-template-columns:1fr;justify-items:center;padding:24px;gap:18px}.topic-demo-arrow{transform:rotate(90deg)}.topic-demo-destination{width:100%;text-align:center}.topic-comparison th,.topic-comparison td{padding:12px 10px;font-size:12px}.topic-membership{padding:26px}.topic-related>div{grid-template-columns:1fr;gap:12px}.topic-breadcrumb{font-size:12px;gap:8px}}.topic-logo-shortcut{min-height:44px}#qr-logo-controls{scroll-margin-top:155px}.topic-brand-example{display:block;width:min(100%,240px);height:auto;margin:0 auto 20px}
