{"style":"/* ---------- 1. Design tokens (feel free to overwrite) ---- */ :root{     --f9to10_art_text:      #222;     --f9to10_art_bg:        #fff;     --f9to10_art_border:    rgba(0,0,0,.15);     --f9to10_art_accent:    #2b7cff;     --f9to10_art_radius:    .5rem;     --f9to10_art_spacing:   1.25em;     --f9to10_art_font-code: ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace; } @media (prefers-color-scheme: dark){     :root{ --f9to10_art_border: rgba(255,255,255,.15); } }  /* ---------- 2. Fluid images & alignment ------------------ */ img.f9to10_art_img{max-width:100%;height:auto;} .f9to10_art_img-center{display:block;margin:var(--f9to10_art_spacing) auto;} .f9to10_art_img-left{float:left;margin:var(--f9to10_art_spacing) var(--f9to10_art_spacing) var(--f9to10_art_spacing) 0;} .f9to10_art_img-right{float:right;margin:var(--f9to10_art_spacing) 0 var(--f9to10_art_spacing) var(--f9to10_art_spacing);} @media(max-width:600px){     .f9to10_art_img-left,     .f9to10_art_img-right{float:none;display:block;margin:var(--f9to10_art_spacing) auto;} }  /* Optional captioned figure */ figure.f9to10_art_media{margin:var(--f9to10_art_spacing) 0;} figure.f9to10_art_media figcaption{font-size:.875em;text-align:center;margin-top:.5em;color:var(--f9to10_art_text);}  /* ---------- 3. Citations / pull quotes ------------------- */ blockquote.f9to10_art_citation{     position:relative;     margin:var(--f9to10_art_spacing) 0;     padding:var(--f9to10_art_spacing) var(--f9to10_art_spacing) var(--f9to10_art_spacing) 1.5rem;     background:rgba(0,0,0,.03);     border-left:.25rem solid var(--f9to10_art_accent);     color:var(--f9to10_art_text);     font-style:italic; } blockquote.f9to10_art_citation cite{     display:block;     margin-top:.5em;     font-size:.875em;     font-style:normal;     opacity:.8; }  /* ---------- 4. Nice, scroll-safe tables ------------------ */ .f9to10_art_table-wrapper{width:100%;overflow-x:auto;margin: var(--f9to10_art_spacing) 0;background: #fbfbfb;padding: 5px;} table.f9to10_art_table{width:100%;border-collapse:collapse;margin:0;} .f9to10_art_table th, .f9to10_art_table td{     padding:.75em 1em;     border:1px solid var(--f9to10_art_border);     text-align:left; } .f9to10_art_table-caption {     text-align: center;     margin-top: 5px;     font-style: italic;     font-size: 0.9em; } .f9to10_art_table thead{background:rgba(0,0,0,.05);} @media(prefers-color-scheme:dark){     .f9to10_art_table thead{background:rgba(255,255,255,.05);} }  /* ---------- 5. Highlight / call-out boxes ---------------- */ .f9to10_art_highlight{     background:rgba(255,151,0,.12);     border-left:.5rem solid rgba(255,151,0,.8);     border-radius:var(--f9to10_art_radius);     padding:calc(var(--f9to10_art_spacing)*.75) var(--f9to10_art_spacing);     margin:var(--f9to10_art_spacing) 0; }  /* Multi-purpose notes (info, success, warning, error) */ .f9to10_art_note{     border-left:.35rem solid var(--f9to10_art_accent);     background:rgba(0,0,0,.04);     border-radius:var(--f9to10_art_radius);     padding:calc(var(--f9to10_art_spacing)*.75) var(--f9to10_art_spacing);     margin:var(--f9to10_art_spacing) 0; } .f9to10_art_note--info   {--f9to10_art_accent:#2b7cff;} .f9to10_art_note--success{--f9to10_art_accent:#28a745;} .f9to10_art_note--warning{--f9to10_art_accent:#ffbf00;} .f9to10_art_note--error  {--f9to10_art_accent:#dc3545;}  /* ---------- 6. Helpful definition lists ------------------ */ dl.f9to10_art_def-box{     border:1px dashed var(--f9to10_art_accent);     background:rgba(0,0,0,.02);     border-radius:var(--f9to10_art_radius);     padding:var(--f9to10_art_spacing);     margin:var(--f9to10_art_spacing) 0; } .f9to10_art_def-box dt{font-weight:600;margin-bottom:.25em;} .f9to10_art_def-box dd{margin:0 0 .75em 0;}  /* ---------- 7. Enhanced lists ---------------------------- */ ul.f9to10_art_list, ol.f9to10_art_list{margin:0 0 var(--f9to10_art_spacing) 0;padding:0 0 0 1.25em;} .f9to10_art_list li{margin-bottom:.5em;line-height:1.5;}  /* 7.a Checklist style */ ul.f9to10_art_list--check{list-style:none;padding:0;} .f9to10_art_list--check li{     list-style:none;     position:relative;     padding-left:1.75em; } .f9to10_art_list--check li::before{     content:\"✔\";     position:absolute;     left:0;     color:var(--f9to10_art_accent); }  /* 7.b Dash style */ ul.f9to10_art_list--dash{list-style:none;padding:0;} .f9to10_art_list--dash li{position:relative;padding-left:1.25em;} .f9to10_art_list--dash li::before{content:\"—\";position:absolute;left:0;}  /* ---------- 8. Code blocks & inline code ----------------- */ pre.f9to10_art_code, code.f9to10_art_code{     font-family:var(--f9to10_art_font-code);     font-size:.9em;     background:rgba(0,0,0,.85);     color:#f8f8f2;     border-radius:var(--f9to10_art_radius); } pre.f9to10_art_code{     padding:1em;overflow-x:auto;margin:var(--f9to10_art_spacing) 0; } code.f9to10_art_inline{     background:rgba(0,0,0,.08);     color:var(--f9to10_art_text);     padding:.15em .35em;     border-radius:.3em;     font-family:var(--f9to10_art_font-code); }  /* ---------- 9. Footnotes --------------------------------- */ sup.f9to10_art_footnote-ref{vertical-align:super;font-size:.75em;} section.f9to10_art_footnotes{     border-top:1px solid var(--f9to10_art_border);     margin:var(--f9to10_art_spacing) 0 0;     padding:var(--f9to10_art_spacing) 0 0;     font-size:.85em; }  /* ---------- 10. Utility clearing for floated media ------- */ .f9to10_art_clearfix::after{content:\"\";display:block;clear:both;}.f9to10_art_cta{display:none;}.f9to10_art_cta_visible{display:block}"}