:root{--ink:#16233b;--text:#1b2537;--muted:#566074;--paper:#eef1f5;--surface:#fff;--inset:#f6f8fb;--line:#c7cdd8;--gold:#b9821b;--gold-bright:#e3a52a;--danger:#a62922;--page-gap:clamp(20px, 3.3vw, 48px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{min-width:0;margin:0}button,input,select{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,input:focus-visible+span{outline:3px solid var(--gold);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink);text-wrap:balance}p{line-height:1.55}[hidden]{display:none!important}.frame{padding-inline:var(--page-gap)}.visually-hidden,.skip-link:not(:focus){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{z-index:5;background:var(--surface);padding:12px;position:fixed;top:8px;left:8px}.site-header{justify-content:space-between;align-items:center;gap:20px;min-height:80px;display:flex}.brand{white-space:nowrap;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.brand img{flex:none;width:42px;height:42px}.site-header nav{align-items:center;gap:32px;font-size:15px;font-weight:600;display:flex}.intro{flex-direction:column;align-items:flex-start;gap:12px;padding-top:28px;padding-bottom:14px;display:flex}.intro h1,.content-section h2,.extension h2{letter-spacing:-.035em;font-family:Georgia,Times New Roman,serif;font-weight:400}.intro h1{font-size:clamp(42px,5vw,70px);line-height:1.02}.intro p{max-width:48ch;font-size:18px}.install-first{width:fit-content;display:flex}.intro .install-note{color:var(--muted);margin-top:4px;font-size:14px;line-height:20px}.work-grid{background:var(--surface);grid-template:"result examples""result source"1fr/minmax(0,.91fr) minmax(0,1.09fr);align-items:stretch;display:grid}.result-column{background:var(--ink);min-width:0;color:var(--surface);grid-area:result;padding:clamp(24px,3vw,42px)}.result-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.result-heading h3{color:#fff;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:400}.result-heading>span{color:#dfe6f1;white-space:nowrap;font-weight:600}.choice-group{border:0;min-width:0;margin:0;padding:0}.choice-group legend,.field>:is(label,span){margin-bottom:8px;font-size:15px;font-weight:650;display:block}.result-column .choice-group legend{color:#dfe6f1}.segmented{background:#e8edf3;border-radius:6px;gap:4px;padding:4px;display:flex}.segmented label{cursor:pointer;flex:1 1 0;min-width:0;position:relative}.segmented input{opacity:0;width:1px;height:1px;position:absolute}.segmented span{text-align:center;min-height:40px;color:var(--text);border-radius:4px;justify-content:center;align-items:center;padding:7px 8px;font-size:15px;font-weight:600;line-height:1.2;display:flex}.segmented input:checked+span{background:var(--surface);color:var(--ink)}.result-column .segmented{background:#2d3d58}.result-column .segmented span{color:#e2e9f3}.result-column .segmented input:checked+span{background:var(--surface);color:var(--ink)}.result-switches{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.result-body{grid-template-rows:auto 1fr;min-block-size:228px;display:grid}.intext-options{gap:18px;margin-top:20px;display:grid}.citation-sheet{background:var(--surface);color:var(--text);grid-row:2;margin-top:24px;padding:22px}.result-label{color:var(--muted);margin-bottom:14px;font-size:14px;font-weight:700}.citation{overflow-wrap:anywhere;font-family:Georgia,Times New Roman,serif;font-size:19px;line-height:1.52}.citation.empty{color:var(--muted);font-family:inherit;font-size:16px}.result-help{color:#dfe6f1;min-block-size:3.1em;margin-top:16px;font-size:14px}.button{text-align:center;-webkit-user-select:none;user-select:none;border:0;border-radius:6px;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;font-size:16px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.button:active{filter:brightness(.92)}.primary{color:var(--ink);background:var(--gold-bright)}.header-install{color:#fff;background:var(--ink);min-height:44px;padding:10px 16px;font-size:14px}.copy-row{grid-template-columns:minmax(0,1fr);gap:6px;min-height:48px;margin-top:20px;display:grid}.copy-row.has-offer{grid-template-columns:repeat(2,minmax(0,1fr)) 44px}.copy-row.has-offer .button{padding:4px 6px}.install-inline{color:var(--ink);background:#fff;font-size:14px}.inline-close{color:#fff;background:0 0;border:1px solid #aab7c9;border-radius:6px;min-height:48px;padding:0;font-size:26px;line-height:1}.copy-button:disabled{color:#dfe6f1;cursor:default;background:#2d3d58}.status{color:#fff;min-block-size:1.55em;margin-top:8px;font-size:14px;font-weight:600}.status.error-status{color:#ffd5d1}.source-form{grid-area:source;min-width:0;padding:0 clamp(24px,3.2vw,48px) clamp(24px,3.2vw,48px)}.example-area{grid-area:examples;min-width:0;padding:clamp(24px,3.2vw,48px) clamp(24px,3.2vw,48px) 0}.example-label{color:var(--muted);margin-bottom:8px;font-size:14px;font-weight:650}.form-heading{margin-bottom:16px}.example-picker{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.example-picker button{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);border-radius:6px;padding:8px 12px;font-size:14px;font-weight:600}.example-picker button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--surface)}.form-heading h3{margin-bottom:8px;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:400}.form-heading p{max-width:50ch;color:var(--muted);font-size:16px}.field-stack{gap:20px;display:grid}.field{min-width:0;display:block}.field :is(input,select){width:100%;min-width:0;height:48px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:10px 13px;font-size:16px;display:block}.field input::placeholder{color:#697489;opacity:1}.field input[aria-invalid=true]{border:2px solid var(--danger)}small{color:var(--muted);margin-top:7px;font-size:14px;line-height:1.4;display:block}.error{color:var(--danger);font-weight:600}.error:empty{display:none}.required{color:var(--danger)}.optional{color:var(--muted);font-weight:400}.name-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.date-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.author-row>.field+.name-grid,.author-row>.field+.field,.author-row>.segmented~:is(.name-grid,.field){margin-top:12px}.author-row>.remove-author,.date-grid+.checkbox{margin-top:8px}.source-extra{border-top:1px solid var(--line);padding-top:14px}.source-extra summary{width:fit-content;color:var(--ink);cursor:pointer;padding-block:5px;font-weight:650;line-height:1.4}.source-extra>.field-stack{margin-top:14px}@supports selector(details::details-content) and (interpolate-size:allow-keywords) and (transition-behavior:allow-discrete) and (interactivity:inert){@media (prefers-reduced-motion:no-preference){.source-extra::details-content{interpolate-size:allow-keywords;contain:layout;block-size:0}.source-extra[open]::details-content{block-size:auto}.source-extra:not([open])>.field-stack{interactivity:inert}.source-extra.pointer-toggle::details-content{overflow-clip-margin:6px;transition:block-size .26s ease-in-out, content-visibility .26s allow-discrete, display .26s allow-discrete;overflow:clip}}}.checkbox{align-items:center;gap:10px;width:fit-content;min-height:32px;font-size:16px;display:inline-flex}.checkbox input{width:19px;height:19px;accent-color:var(--ink);margin:0}.content-section{padding-block:110px}.extension h2{font-size:clamp(38px,4vw,56px);line-height:1.05}.how{background:var(--surface)}.walkthrough-frame{border:0;width:100%;height:650px;display:block}.extension{color:#fff;background:var(--ink)}.extension-inner{grid-template-columns:1fr 1fr;gap:48px;padding-block:90px;display:grid}.extension h2{color:#fff;max-width:15ch}.extension p{max-width:44ch;font-size:18px}.gold{color:var(--ink);background:var(--gold-bright);margin-top:25px}.site-footer{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;padding-block:38px;font-size:15px;display:flex}.site-footer p{color:var(--muted)}.site-footer div{flex-wrap:wrap;gap:24px;display:flex}.noscript{padding:20px var(--page-gap);background:#fff}@media (hover:hover) and (pointer:fine){a:hover{text-decoration-thickness:2px}.button:hover{filter:brightness(.94)}.segmented label:hover span{text-underline-offset:4px;text-decoration:underline}}@media (width>=761px){.work-grid{overflow-anchor:none}.result-sticky{top:min(24px, calc(100dvh - var(--result-height) - 24px));position:sticky}}@media (width>=761px) and (width<=1100px){.result-switches .segmented span{min-height:44px}}@media (width>=1370px),(width>=700px) and (width<=760px){.result-help{min-block-size:1.55em}}@media (width>=761px) and (width<=1060px){.result-body{min-block-size:250px}}@media (width>=761px) and (width<=900px) and (height>=761px){.result-body{min-block-size:278px}}@media (width>=761px) and (height<=760px){.site-header{min-height:64px}.intro{gap:8px;padding-block:12px 4px}.intro h1{font-size:clamp(42px,4.5vw,52px)}.result-column{padding:24px}.result-heading{margin-bottom:12px}.citation-sheet{margin-top:14px;padding:16px}.result-label{margin-bottom:8px}.copy-row{margin-top:14px}}@media (width>=901px) and (height<=760px){.result-body{min-block-size:221px}}@media (width<=760px){:root{--page-gap:20px}.site-header{min-height:68px}.site-header nav{gap:10px}.nav-example,.nav-how{display:none}.header-install{padding-inline:12px;font-size:13px}.brand{font-size:15px}.brand img{width:36px;height:36px}.intro{gap:10px;padding-top:12px;padding-bottom:10px}.intro h1{font-size:clamp(39px,9vw,52px)}.intro p{font-size:16px}.intro .install{display:none}.work-grid{flex-direction:column;display:flex}.result-column,.source-form{padding:24px var(--page-gap)}.example-area{padding:12px var(--page-gap) 0}.example-picker{margin-bottom:12px}.result-heading{margin-bottom:8px}.result-heading h3,.form-heading h3{font-size:26px}.result-column .style-choice .segmented span,.result-column .output-choice .segmented span{padding-inline:4px;font-size:14px}.result-body{min-block-size:200px}.citation-sheet{margin-top:16px;padding:16px}.result-label{margin-bottom:6px}.result-help{margin-top:10px}.copy-row{margin-top:14px}.status{margin-top:5px}.source-form{padding-block:32px 40px}.content-section{padding-block:70px}.walkthrough-frame{height:880px}.extension h2{font-size:38px}.extension-inner{padding-block:65px;display:block}.extension p{margin-top:22px;font-size:16px}.site-footer{gap:15px;padding-block:32px;display:grid}}@media (width<=470px){.result-body{min-block-size:221px}}@media (width<=385px){.result-body{min-block-size:229px}}@media (width<=400px){.copy-row .button{padding:5px;font-size:13px}}@media (width<=360px){:root{--page-gap:16px}.result-switches{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.three span{padding-inline:3px;font-size:13px}.result-column .style-choice .segmented span,.result-column .output-choice .segmented span{font-size:13px}.name-grid{gap:10px}}@media (width<=350px){.brand{gap:6px;font-size:13px}.header-install{padding-inline:8px;font-size:12px}}@media (width<=340px){.result-body{min-block-size:250px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}.context-action,.offer-continue{width:fit-content;color:var(--ink);text-align:left;text-underline-offset:4px;background:0 0;border:0;padding:0;font-weight:650;line-height:1.4;text-decoration:underline}.result-action{color:#fff;margin-top:12px}.install-dialog{width:min(460px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--text);background:var(--surface);border:1px solid var(--line);padding:24px;overflow-y:auto}.install-dialog:modal{overscroll-behavior:contain}.install-dialog::backdrop{overscroll-behavior:contain;background:#16233ba6;overflow:hidden}.offer-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.offer-head h2{font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:400;line-height:1.15}.offer-close{width:40px;height:40px;color:var(--ink);background:0 0;border:0;flex:none;place-items:center;margin:-8px -8px 0 0;padding:0;font-size:28px;line-height:1;display:grid}.install-dialog form>p{margin-top:12px}.install-dialog form>.button{margin-top:18px}.install-dialog form>.offer-continue{min-height:36px;margin-top:16px;display:block}@media (width<=760px){.install-dialog{padding:20px}}@media (width>=761px) and (width<=900px){.result-switches{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.result-column .style-choice .segmented span,.result-column .output-choice .segmented span{font-size:13px}}