body>main>section{& h2{color:var(--libreoffice-dark);border-color:var(--libreoffice)}& h3{color:var(--libreoffice-dark);border-color:var(--libreoffice-light)}& p{&[data-type=note]{--p-background:var(--libreoffice-light);--p-border:var(--libreoffice)}&>a{color:var(--libreoffice-dark);&:hover{color:var(--libreoffice)}}}& a:has(>svg){outline-color:var(--libreoffice-dark);--a-background:var(--libreoffice);--text-color:var(--libreoffice-dark);width:fit-content;display:block;&:hover{color:var(--neutral-50)}}& code{font-weight:var(--fw-bold);color:var(--libreoffice-dark)}& figure{margin:var(--space-4) 0;text-align:center;& video{border-radius:var(--radius-lg);outline:var(--bw-medium) solid var(--libreoffice);width:100%;height:auto}& figcaption{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--neutral-600);font-style:italic}}& table{width:100%;margin-bottom:var(--space-5);border-collapse:collapse;font-size:var(--text-base);& caption{margin-bottom:var(--space-2);color:var(--neutral-700);font-size:var(--text-sm);text-align:left}& th,& td{padding:var(--space-2) var(--space-3);border-bottom:var(--bw-thin) solid var(--libreoffice);text-align:left}& th{color:var(--libreoffice-dark);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wider)}& tbody tr{transition:var(--duration-fast)}& tbody tr:hover{background:color-mix(in srgb, var(--libreoffice-light) 30%, transparent)}}&[aria-labelledby=faq] details{--details-color:var(--libreoffice);--details-active:var(--libreoffice-dark)}&:is([aria-labelledby=overview],[aria-labelledby=start]) a~p{text-align:center;font-size:var(--text-sm);color:var(--neutral-600);margin:var(--space-2) 0 0;& strong{color:var(--libreoffice-dark)}}&[aria-labelledby=install] ol{counter-reset:step;gap:var(--space-4);margin:var(--space-5) 0;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));padding:0;list-style:none;display:grid;& li{counter-increment:step;align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex;position:relative;&:not(:last-child):after{content:"";width:calc(100% - 3.5rem + var(--space-4));height:var(--bw-medium);background:repeating-linear-gradient(90deg, var(--libreoffice) 0 8px, transparent 8px 14px);position:absolute;top:1.4rem;left:calc(50% + 1.75rem)}&:before{content:counter(step);width:2.8rem;height:2.8rem;font-family:var(--font-title);font-size:var(--text-lg);font-weight:var(--fw-bold);color:#fff;background:var(--libreoffice);border-radius:var(--radius-full);box-shadow:0 0 0 6px color-mix(in srgb, var(--libreoffice-light) 60%, transparent);place-items:center;display:grid}& h3{font-size:var(--text-md);border:none;margin:0;padding:0}& p{font-size:var(--text-sm);line-height:var(--lh-normal);margin:0}}@media (width<=650px){& li:not(:last-child):after{display:none}}}&[aria-labelledby=template] dl{gap:var(--space-3);margin:var(--space-5) 0 0;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));display:grid;&>div{padding:0 var(--space-4) var(--space-4);border:var(--bw-thin) solid var(--neutral-300);border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;display:flex;& dt{width:fit-content;margin:calc(var(--space-3) * -1) 0 var(--space-3) calc(var(--space-4) * -1);padding:var(--space-1) var(--space-4);font-family:var(--font-title);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--libreoffice-dark);background:color-mix(in srgb, var(--libreoffice-light) 55%, white);border:var(--bw-thin) solid var(--libreoffice);border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:none}& dd{font-size:var(--text-sm);line-height:var(--lh-normal);color:var(--neutral-700);margin:0}}}&[aria-labelledby=check] table{font-variant-numeric:tabular-nums;& code{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:var(--text-sm);font-weight:var(--fw-regular);color:var(--neutral-800);white-space:nowrap}& td:nth-child(2){font-weight:var(--fw-bold);color:var(--libreoffice-dark);&:before{content:"✓ ";color:var(--libreoffice)}}& td:nth-child(3){color:var(--neutral-500)}& tfoot td{padding:var(--space-3);text-align:center;font-family:var(--font-title);font-weight:var(--fw-semibold);color:var(--libreoffice-dark);background:color-mix(in srgb, var(--libreoffice-light) 40%, transparent);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-bottom:none}@media (width<=650px){display:block;overflow-x:auto}}&[aria-labelledby=story]{& figure{margin:0 0 var(--space-5);padding:var(--space-6) var(--space-5) var(--space-4);text-align:left;background:color-mix(in srgb, var(--libreoffice-light) 18%, white);border-left:var(--bw-xl) solid var(--libreoffice);border-radius:0 var(--radius-xl) var(--radius-xl) 0;position:relative;&:before{content:"“";top:calc(var(--space-2) * -1);left:var(--space-4);font-family:var(--font-title);font-size:var(--text-6xl);line-height:var(--lh-none);color:var(--libreoffice);position:absolute}}& blockquote{margin:0;& p{font-size:var(--text-md);line-height:var(--lh-relaxed);color:var(--neutral-800);&:last-child{margin-bottom:0}}}& figcaption{align-items:center;gap:var(--space-3);margin-top:var(--space-4);text-align:left;color:var(--neutral-700);font-style:normal;display:flex;& img{width:var(--text-6xl);height:var(--text-6xl);object-fit:cover;object-position:center 25%;border-radius:var(--radius-full);border:var(--bw-medium) solid var(--libreoffice)}& span{font-size:var(--text-base);& strong{font-family:var(--font-title);color:var(--libreoffice-dark);display:block}& a{color:var(--libreoffice-dark);text-decoration:underline}}}& ul{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));display:grid;& li{gap:var(--space-1);padding:var(--space-4) var(--space-3);text-align:center;background:var(--libreoffice-dark);border-radius:var(--radius-lg);color:var(--neutral-100);transition:var(--duration-normal);flex-direction:column;display:flex;&:hover{box-shadow:var(--shadow-md);translate:0 -3px}& strong{font-family:var(--font-title);font-size:var(--text-lg);white-space:nowrap;color:var(--libreoffice-light)}& span{font-size:var(--text-sm)}}}}&[aria-labelledby=share]{gap:var(--space-2) var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));display:grid;&>:is(h2,p){grid-column:1/-1}&>p{margin:0 0 var(--space-2)}& article{padding:var(--space-4);border:var(--bw-medium) solid var(--libreoffice-light);border-radius:var(--radius-xl);transition:border-color var(--duration-normal);background:#fff;&:hover{border-color:var(--libreoffice)}& h3{font-size:var(--text-md);border:none;padding:0}& p{margin-bottom:var(--space-2)}& ol{gap:var(--space-2);padding-left:var(--space-5);font-size:var(--text-sm);line-height:var(--lh-normal);flex-direction:column;display:flex;& li::marker{font-weight:var(--fw-bold);color:var(--libreoffice-dark)}}}}&[aria-labelledby=troubleshooting] dl{gap:var(--space-2);flex-direction:column;margin:0;display:flex;&>div{gap:var(--space-4);padding:var(--space-3) var(--space-4);border-left:var(--bw-xl) solid var(--error);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;grid-template-columns:minmax(150px,220px) 1fr;align-items:center;display:grid;@media (width<=650px){gap:var(--space-1);grid-template-columns:1fr}& dt{font-weight:var(--fw-semibold);color:var(--neutral-900);& code{color:var(--error-hover)}}& dd{font-size:var(--text-sm);line-height:var(--lh-normal);color:var(--neutral-700);margin:0}}}}