/* LyfPDF v89: shared reading layout. Does not style tool canvases or exports. */
body[data-lyf-ui="89"]{--lyf-reading:960px;--lyf-reading-pad:24px;--lyf-content-ink:#172d40;--lyf-content-muted:#475569;--lyf-content-line:#dce5eb;--lyf-content-accent:#0f766e}
body[data-lyf-ui="89"] main :is(.prose,.tt-reading,.cal87-guide-body),
body[data-lyf-ui="89"] main .iv-content>.container,
body[data-lyf-ui="89"] main .container.iv-content{width:100%;max-width:var(--lyf-reading);margin-inline:auto;padding-inline:var(--lyf-reading-pad);min-width:0;font-family:var(--ff);font-size:16px;line-height:1.75;color:var(--lyf-content-ink);text-align:start;overflow-wrap:break-word}
/* Reading sections keep the common light surface when the invoice editor is dark. */
html[data-is-theme="dark"] body[data-lyf-ui="89"] main :is(.is-seo,.iv-content){background:#f4f8f7;color:var(--lyf-content-ink)}
body[data-lyf-ui="89"] main :is(.prose,.tt-reading,.cal87-guide-body) h2,
body[data-lyf-ui="89"] main .iv-content h2{font-size:clamp(23px,2.4vw,29px);line-height:1.3;letter-spacing:-.025em;margin-block:32px 14px;color:inherit;text-align:start}
body[data-lyf-ui="89"] main :is(.prose,.tt-reading,.cal87-guide-body) h3,
body[data-lyf-ui="89"] main .iv-content h3{font-size:19px;line-height:1.4;margin-block:24px 10px;color:inherit;text-align:start}
body[data-lyf-ui="89"] main :is(.prose,.tt-reading,.cal87-guide-body)>:first-child{margin-block-start:0}
body[data-lyf-ui="89"] main :is(.prose,.tt-reading,.cal87-guide-body) p{line-height:1.75;margin-block:0 16px}
body[data-lyf-ui="89"] main :is(.prose,.tt-reading,.cal87-guide-body) :is(ul,ol){padding-inline-start:24px}
body[data-lyf-ui="89"] main :is(.prose,.tt-reading,.cal87-guide-body) :is(li,td,th){overflow-wrap:anywhere}
body[data-lyf-ui="89"] main :is(.prose,.tt-reading,.cal87-guide-body) a:not(.btn){text-underline-offset:3px}
/* Keep the byline, breadcrumb and introduction on the same reading edges. */
body[data-lyf-page="reading"] main>.container,
body[data-lyf-page="reading"] main>:is(.tool-hero,.iv-hero)>.container{max-width:var(--lyf-reading);padding-inline:var(--lyf-reading-pad);width:100%}
body[data-lyf-page="reading"] main>:is(.tool-hero,.iv-hero){padding-block:32px 24px;text-align:start}
body[data-lyf-page="reading"] main>:is(.tool-hero,.iv-hero) :is(h1,p){text-align:start!important;max-width:none!important;margin-inline:0!important}
body[data-lyf-page="reading"] main>:is(.tool-hero,.iv-hero) h1{font-size:clamp(28px,3.6vw,42px);line-height:1.16}
body[data-lyf-page="reading"] .author-card{max-width:none;margin-block:16px 0;align-items:flex-start}
body[data-lyf-page="reading"] .author-dates{flex-wrap:wrap}
body[data-lyf-page="reading"] .fig{max-width:none;margin-block:24px 0}
body[data-lyf-page="reading"] main>.section{padding-block:28px}
body[data-lyf-ui="89"] main .section:has(>.prose),
body[data-lyf-ui="89"] .tt-resource-area>.section{padding-block:32px}
/* Native details: one shared accordion treatment, no hidden answer content. */
body[data-lyf-ui="89"] main :is(.faq,.tt-faq,.cal87-faq){margin-block:20px 28px;text-align:start}
body[data-lyf-ui="89"] main :is(.faq,.tt-faq,.cal87-faq) details{padding:0;margin:0 0 10px;border:1px solid var(--lyf-content-line);border-radius:12px;background:#fff;box-shadow:0 1px 3px #102a4310;overflow:hidden;color:var(--lyf-content-ink)}
body[data-lyf-ui="89"] main :is(.faq,.tt-faq,.cal87-faq) summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:16px 20px;font-family:var(--ff);font-size:16px;font-weight:650;line-height:1.5;list-style:none;cursor:pointer;color:inherit;text-align:start}
body[data-lyf-ui="89"] main :is(.faq,.tt-faq,.cal87-faq) summary::-webkit-details-marker{display:none}
body[data-lyf-ui="89"] main :is(.faq,.tt-faq,.cal87-faq) summary::after{content:"+";display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border:0;border-radius:50%;background:#eaf6f3;color:var(--lyf-content-accent);font:700 21px/1 var(--ff);transform:none;transition:transform .15s}
body[data-lyf-ui="89"] main :is(.faq,.tt-faq,.cal87-faq) details[open]{border-color:#8cbdb4;box-shadow:0 2px 8px #102a430a}
body[data-lyf-ui="89"] main :is(.faq,.tt-faq,.cal87-faq) details[open]>summary::after{transform:rotate(45deg)}
body[data-lyf-ui="89"] main :is(.faq,.tt-faq,.cal87-faq) details>p{padding:0 20px 16px;margin:0;font-size:16px;line-height:1.75;color:var(--lyf-content-muted)}
body[data-lyf-ui="89"] main :is(.faq,.tt-faq,.cal87-faq) details>:is(ul,ol,div){margin:0 20px 16px}
body[data-lyf-ui="89"] main :is(.faq,.tt-faq,.cal87-faq) summary:focus-visible{outline:3px solid #0f766e;outline-offset:-3px;border-radius:11px}
/* Consistent tutorial steps, retaining each list's original order and text. */
body[data-lyf-ui="89"] main :is(.prose,.tt-reading) :is(.howto,.tt-steps){counter-reset:lyf-step;list-style:none;padding:0;margin:20px 0 28px}
body[data-lyf-ui="89"] main :is(.prose,.tt-reading) :is(.howto,.tt-steps)>li{position:relative;margin:0;padding:0 0 20px 46px;border:0;min-height:42px;line-height:1.75}
body[data-lyf-ui="89"] main :is(.prose,.tt-reading) :is(.howto,.tt-steps)>li::before{counter-increment:lyf-step;content:counter(lyf-step);position:absolute;inset-inline-start:0;top:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--lyf-content-accent);color:#fff;font-size:14px;font-weight:700;line-height:1}
body[data-lyf-ui="89"][dir="rtl"] main :is(.howto,.tt-steps)>li,
html[dir="rtl"] body[data-lyf-ui="89"] main :is(.prose,.tt-reading) :is(.howto,.tt-steps)>li{padding-inline-start:46px;padding-inline-end:0}
body[data-lyf-ui="89"] main :is(.prose,.tt-reading) :is(.howto,.tt-steps)>li:last-child{padding-bottom:0}
/* Learning cards: predictable rows, never CSS newspaper columns. */
body[data-lyf-ui="89"] main :is(.article-cards,.pillar-map,.iv-guide-grid,.tt-info-grid,.tt-related,.cal87-ggrid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));columns:auto;gap:16px;margin-block:24px;align-items:stretch}
body[data-lyf-ui="89"] main :is(.article-card,.pillar-card,.iv-guide-card,.tt-info-card,.tt-related>a,.cal87-gcard){min-width:0;border:1px solid var(--lyf-content-line);border-radius:14px;padding:20px;background:#fff;box-shadow:0 2px 6px #102a4308;overflow-wrap:anywhere;color:var(--lyf-content-ink);text-align:start;margin:0}
body[data-lyf-ui="89"] main :is(.article-card,.pillar-card,.iv-guide-card,.tt-info-card,.cal87-gcard) :is(h2,h3){font-size:19px;line-height:1.4;margin:0 0 10px}
body[data-lyf-ui="89"] main :is(.article-card,.pillar-card,.iv-guide-card,.tt-info-card,.cal87-gcard) p{font-size:15px;line-height:1.7;margin:0 0 12px}
body[data-lyf-ui="89"] main :is(.article-card,.pillar-card,.iv-guide-card,.tt-info-card,.cal87-gcard)>:last-child{margin-bottom:0}
body[data-lyf-ui="89"] main :is(.article-card,.iv-guide-card)>:is(b,strong){font-size:18px;line-height:1.4;display:block;margin-bottom:10px}
body[data-lyf-ui="89"] main .cal87-ggrid .cal87-gwide{grid-column:1/-1}
body[data-lyf-ui="89"] main .cal87-guide-body{padding-block:28px}
body[data-lyf-ui="89"] main .cal87-guide-body :is(.cal87-ghead,.cal87-gintro,.cal87-lead,.cal87-gsec,.cal87-faqwrap){max-width:none;margin-inline:0;text-align:start}
body[data-lyf-ui="89"] main .cal87-guide-body .cal87-steps{max-width:none;margin-block:24px;gap:16px}
body[data-lyf-ui="89"] main .cal87-guide-body .cal87-related{max-width:none;justify-content:flex-start;text-align:start}
body[data-lyf-ui="89"] main .cal87-guide-body .cal87-related h3{text-align:start}
body[data-lyf-ui="89"] main .cal87-guide-body .cal87-faq-cat{font-size:14px!important;margin-block:24px 10px!important;letter-spacing:.04em}
/* Wide reference tables scroll within the reading column, not the whole page. */
body[data-lyf-ui="89"] main :is(.cmp-wrap,.iv-table-scroll,.lyf-table-scroll){max-width:100%;overflow:auto;overscroll-behavior-inline:contain;border-radius:12px;margin-block:20px}
body[data-lyf-ui="89"] main .lyf-table-scroll table{width:100%;border-collapse:collapse;min-width:540px;font-size:14px;line-height:1.6}
body[data-lyf-ui="89"] main .lyf-table-scroll :is(td,th){border:1px solid var(--lyf-content-line);padding:12px 14px;vertical-align:top;text-align:start}
body[data-lyf-ui="89"] main .lyf-table-scroll th{background:#f0f7f6}
body[data-lyf-ui="89"] main :is(.prose,.tt-reading,.cal87-guide-body) :is(img,video){max-width:100%;height:auto}
body[data-lyf-ui="89"] .site-footer{margin-top:32px}
body[data-lyf-ui="89"] .site-footer :is(li,p,a){overflow-wrap:anywhere}
body[data-lyf-ui="89"] main :is(.prose,.tt-reading,.cal87-guide-body) [id]{scroll-margin-top:90px}
@media(max-width:880px){body[data-lyf-ui="89"] .site-header .nav{gap:12px}body[data-lyf-ui="89"] .site-header .nav-links{gap:12px}}
@media(max-width:720px){
 body[data-lyf-ui="89"]{--lyf-reading-pad:18px}
 body[data-lyf-ui="89"] .site-header .nav-links.open{max-height:calc(100vh - 68px);max-height:calc(100dvh - 68px);overflow-y:auto;overscroll-behavior:contain;align-items:stretch;margin:0}
 body[data-lyf-ui="89"] .site-header .nav-links.open a{min-height:44px;display:flex;align-items:center}
 body[data-lyf-ui="89"] .site-header .mega{min-width:0;gap:12px}
 body[data-lyf-ui="89"] .site-header .mega>div{min-width:0;overflow-wrap:anywhere}
 body[data-lyf-ui="89"] main :is(.article-cards,.pillar-map,.iv-guide-grid,.tt-info-grid,.tt-related,.cal87-ggrid){grid-template-columns:1fr}
 body[data-lyf-ui="89"] main :is(.prose,.tt-reading,.cal87-guide-body) h2{font-size:24px}
 body[data-lyf-ui="89"] main :is(.faq,.tt-faq,.cal87-faq) summary{padding:14px 16px}
 body[data-lyf-ui="89"] main :is(.faq,.tt-faq,.cal87-faq) details>p{padding:0 16px 16px}
 body[data-lyf-ui="89"] main .section:has(>.prose),body[data-lyf-ui="89"] .tt-resource-area>.section{padding-block:24px}
 body[data-lyf-page="reading"] main>:is(.tool-hero,.iv-hero){padding-block:24px 18px}
 body[data-lyf-ui="89"] .cookie{left:10px;right:10px;bottom:10px;max-height:calc(100dvh - 24px);overflow:auto}
 body[data-lyf-ui="89"] .cookie p{min-width:0;flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){body[data-lyf-ui="89"]{scroll-behavior:auto}}
@media print{body[data-lyf-ui="89"] main :is(.prose,.tt-reading,.cal87-guide-body){max-width:none}body[data-lyf-ui="89"] main .lyf-table-scroll{overflow:visible}body[data-lyf-ui="89"] main .lyf-table-scroll table{min-width:0}}