.lp { --lp-primary:var(--primary-color,#ff6a00); --lp-rgb:var(--primary-color-rgb,255,106,0); --lp-ink:#2d414c; --lp-muted:#70818b; --lp-line:#e5ecef; --lp-secondary:#4e978b; --lp-secondary-light:#edf7f3; --lp-offset:110px; background:#f8fafb; color:var(--lp-ink); font-family:'OpenSauceOne',sans-serif; text-align:left; padding-bottom:72px; }
.lp-refund { --lp-secondary:#8585b0; --lp-secondary-light:#f1f0f9; }
.lp *,.lp *::before,.lp *::after { box-sizing:border-box; }
.lp :is(h1,h2,h3,p) { margin:0; }
.lp a { color:inherit; text-decoration:none; }
.lp :is(a,summary):focus-visible { outline:3px solid var(--lp-secondary); outline-offset:4px; border-radius:4px; }
.lp [id] { scroll-margin-top:var(--lp-offset); }
.lp .lp-shell { width:calc(100% - 64px); max-width:1180px; margin:0 auto; }
.lp .lp-icon { display:inline-block; vertical-align:middle; width:22px; height:22px; flex-shrink:0; }
.lp .lp-hero { background:radial-gradient(ellipse at 80% 36%,rgba(var(--lp-rgb),.055),transparent 48%),linear-gradient(180deg,#fff,#fbfcfd); border-bottom:1px solid var(--lp-line); overflow:hidden; }
.lp .lp-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:40px; align-items:center; padding-top:42px; padding-bottom:42px; min-height:310px; }
.lp .lp-eyebrow { display:flex; align-items:center; gap:10px; font-size:9px; font-weight:700; line-height:1.8; letter-spacing:1.7px; color:var(--lp-muted); }
.lp .lp-eyebrow>span { width:6px; height:6px; border-radius:50%; background:var(--lp-primary); box-shadow:0 0 0 4px rgba(var(--lp-rgb),.07); }
.lp h1 { font-size:clamp(32px,3.4vw,45px); font-weight:800; line-height:1.22; letter-spacing:-1.7px; max-width:760px; margin-top:16px; text-wrap:balance; }
.lp .lp-intro { font-size:12px; line-height:1.95; max-width:560px; color:var(--lp-muted); margin-top:16px; }
.lp .lp-meta { display:flex; flex-wrap:wrap; align-items:center; gap:13px 24px; margin-top:24px; font-size:10px; }
.lp .lp-meta>span { display:flex; align-items:center; gap:8px; color:var(--lp-muted); }
.lp .lp-meta>span>.lp-icon { width:16px; height:16px; color:#8b9ba3; }
.lp .lp-meta>a { display:inline-flex; align-items:center; gap:13px; color:var(--lp-primary); font-weight:700; padding:4px 0; }
.lp .lp-meta>a>.lp-icon { height:16px; width:16px; transform:rotate(90deg); transition:transform .2s; }
.lp .lp-meta>a:hover>.lp-icon { transform:rotate(90deg) translateX(3px); }
.lp .lp-art { position:relative; height:236px; width:240px; color:var(--lp-primary); }
.lp .lp-art-orbit { position:absolute; width:220px; height:220px; border:1px dashed rgba(var(--lp-rgb),.19); border-radius:50%; top:8px; left:7px; background:radial-gradient(circle,rgba(var(--lp-rgb),.055),transparent 70%); }
.lp .lp-art-sheet { position:absolute; inset:23px 42px 15px 37px; padding:18px; border-radius:16px; background:linear-gradient(135deg,#fff,#fffcfa); border:1px solid #eee8e3; box-shadow:0 14px 35px #3548510a,6px 7px 0 #f3eeea; transform:rotate(-8deg); }
.lp .lp-art-label { display:block; font-size:7px; font-weight:700; color:#91a0a5; letter-spacing:1.1px; }
.lp .lp-art-emblem { display:grid; place-items:center; width:58px; height:58px; background:rgba(var(--lp-rgb),.065); border:1px solid rgba(var(--lp-rgb),.08); border-radius:18px; margin:18px 0; }
.lp .lp-art-emblem>.lp-icon { width:35px; height:35px; stroke-width:1.3; }
.lp .lp-art-sheet>i { display:block; height:4px; border-radius:4px; background:#e6ecee; width:100%; margin-top:7px; }
.lp .lp-art-sheet>i:nth-of-type(2) { width:82%; }
.lp .lp-art-sheet>i:nth-of-type(3) { width:57%; }
.lp .lp-art-sheet-footer { display:flex; justify-content:space-between; border-top:1px solid #edf0f1; margin-top:15px; padding-top:9px; }
.lp .lp-art-sheet-footer>span { height:3px; width:32px; border-radius:3px; background:#dde6e9; }
.lp .lp-art-sheet-footer>span+span { width:14px; background:rgba(var(--lp-rgb),.25); }
.lp .lp-art-seal { position:absolute; display:grid; place-items:center; width:61px; height:61px; bottom:23px; right:18px; background:var(--lp-secondary-light); border:5px solid #fff; border-radius:20px; color:var(--lp-secondary); box-shadow:0 6px 18px #3548510a; transform:rotate(9deg); }
.lp .lp-art-seal>.lp-icon { height:27px; width:27px; }
.lp .lp-art-dot { position:absolute; width:8px; height:8px; background:var(--lp-secondary); opacity:.35; border-radius:50%; }
.lp .lp-art-dot-one { left:14px; top:53px; }
.lp .lp-art-dot-two { right:19px; top:58px; width:5px; height:5px; background:var(--lp-primary); }
.lp .lp-layout { display:grid; grid-template-columns:266px minmax(0,1fr); gap:32px; align-items:start; padding-top:36px; }
.lp .lp-layout-simple { grid-template-columns:minmax(0,850px); justify-content:center; }
.lp .lp-sidebar { position:sticky; top:var(--lp-offset); min-width:0; }
.lp .lp-contents { background:#fff; border:1px solid var(--lp-line); border-radius:17px; overflow:hidden; }
.lp .lp-contents>summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:21px 19px; cursor:pointer; }
.lp .lp-contents>summary::-webkit-details-marker { display:none; }
.lp .lp-contents>summary>span { display:flex; gap:12px; align-items:center; font-size:12px; line-height:1.6; font-weight:700; }
.lp .lp-contents>summary>span>.lp-icon { color:var(--lp-primary); width:19px; height:19px; }
.lp .lp-contents>summary small { display:block; font-size:9px; font-weight:400; color:var(--lp-muted); margin-top:3px; }
.lp .lp-contents>summary>.lp-icon { width:15px; height:15px; color:#8a9ba4; transition:transform .2s; }
.lp .lp-contents[open]>summary>.lp-icon { transform:rotate(180deg); }
.lp .lp-contents-nav { display:grid; gap:3px; padding:0 10px 13px; max-height:calc(100dvh - var(--lp-offset) - 228px); min-height:100px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#d9e2e6 transparent; }
.lp .lp-contents-nav>a { display:flex; gap:10px; align-items:flex-start; padding:10px 9px; border-radius:9px; font-size:11px; line-height:1.7; color:#73858f; transition:color .2s,background .2s; }
.lp .lp-contents-number { display:grid; place-items:center; width:22px; min-height:22px; border:1px solid #e8eef0; background:#fafcfc; border-radius:7px; flex-shrink:0; font-size:9px; line-height:20px; font-variant-numeric:tabular-nums; color:#91a0a7; }
.lp .lp-contents-nav>a>span+span { padding-top:2px; }
.lp .lp-contents-nav>a:hover { color:var(--lp-ink); background:#f8fafb; }
.lp .lp-contents-nav>a[aria-current=location] { color:var(--lp-ink); background:rgba(var(--lp-rgb),.055); }
.lp .lp-contents-nav>a[aria-current=location] .lp-contents-number { color:var(--lp-primary); background:#fff; border-color:rgba(var(--lp-rgb),.23); }
.lp .lp-reading { display:grid; grid-template-columns:1fr auto; gap:10px; border-top:1px solid var(--lp-line); padding:16px 20px; font-size:9px; line-height:1.5; color:#8a9aa3; }
.lp .lp-reading[hidden] { display:none; }
.lp .lp-reading>span+span { color:var(--lp-primary); font-variant-numeric:tabular-nums; }
.lp .lp-reading>div { grid-column:1/-1; height:3px; border-radius:3px; overflow:hidden; background:#edf1f3; }
.lp .lp-reading i { display:block; height:100%; width:100%; background:var(--lp-primary); transform:scaleX(0); transform-origin:left; border-radius:3px; }
.lp .lp-help { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:17px; padding:19px 17px; border:1px solid var(--lp-line); border-radius:13px; background:#fff; font-size:10px; line-height:1.6; color:#8799a1; }
.lp .lp-help strong { display:block; font-size:10px; font-weight:600; margin-top:5px; color:var(--lp-secondary); }
.lp .lp-help>.lp-icon { height:17px; width:17px; color:var(--lp-secondary); transition:transform .2s; }
.lp .lp-help:hover>.lp-icon { transform:translateX(3px); }
.lp .lp-document-column { min-width:0; }
.lp .lp-document-header { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:20px 34px; border:1px solid var(--lp-line); border-bottom:none; border-radius:19px 19px 0 0; background:#fff; }
.lp .lp-document-header>span:first-child { display:flex; align-items:center; gap:10px; color:var(--lp-secondary); font-size:10px; font-weight:600; }
.lp .lp-document-header .lp-icon { width:18px; height:18px; }
.lp .lp-document-header>span+span { font-size:8px; letter-spacing:1.3px; color:#94a2aa; }
.lp .lp-document { padding:34px 38px 40px; border:1px solid var(--lp-line); border-radius:0 0 19px 19px; background:#fff; font-size:14px; line-height:1.95; color:#5f737f; overflow-wrap:anywhere; }
.lp .lp-document>:first-child { margin-top:0; }
.lp .lp-document :is(h1,h2,h3,h4,h5,h6) { color:var(--lp-ink); font-family:inherit; font-weight:700; line-height:1.65; letter-spacing:-.25px; font-size:17px; margin:30px 0 18px; }
.lp .lp-document>[data-lp-document-title],.lp .lp-document>h3:first-child { font-size:19px; line-height:1.7; letter-spacing:-.4px; margin-bottom:17px; }
.lp .lp-document [data-lp-section] { padding:18px 0 0 17px; border-top:1px solid var(--lp-line); border-left:3px solid rgba(var(--lp-rgb),.55); margin:39px 0 20px; }
.lp .lp-document p { margin:13px 0; font-size:inherit; line-height:inherit; color:inherit; }
.lp .lp-document strong { font-weight:600; color:#3d5563; }
.lp .lp-document p>strong:only-child { display:inline-block; padding-top:4px; }
.lp .lp-document :is(ul,ol) { margin:16px 0; padding-left:23px; list-style-position:outside; }
.lp .lp-document ul { list-style-type:disc; }
.lp .lp-document ol { list-style-type:decimal; }
.lp .lp-document li { margin:8px 0; padding-left:4px; }
.lp .lp-document li::marker { color:var(--lp-secondary); }
.lp .lp-document a { color:var(--lp-primary); text-decoration:underline; text-decoration-color:rgba(var(--lp-rgb),.25); text-underline-offset:3px; }
.lp .lp-document a:hover { text-decoration-color:currentColor; }
.lp .lp-document :is(img,video,iframe) { max-width:100%; height:auto; }
.lp .lp-document table { max-width:100%; display:block; overflow-x:auto; border-collapse:collapse; }
.lp .lp-document :is(th,td) { padding:10px; border:1px solid var(--lp-line); }
.lp .lp-document blockquote { border-left:3px solid var(--lp-secondary); background:var(--lp-secondary-light); padding:15px 20px; margin:20px 0; border-radius:0 10px 10px 0; }
.lp .lp-document-end { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:22px 5px 30px; color:#8b9ba4; font-size:9px; line-height:1.7; }
.lp .lp-document-end>span,.lp .lp-document-end>a { display:inline-flex; align-items:center; gap:8px; }
.lp .lp-document-end .lp-icon { width:15px; height:15px; }
.lp .lp-document-end>a { color:var(--lp-primary); font-weight:600; white-space:nowrap; }
.lp .lp-other { display:flex; align-items:center; gap:17px; padding:24px; border:1px solid var(--lp-line); border-radius:17px; background:#fff; transition:border-color .2s,box-shadow .2s; }
.lp .lp-other:hover { border-color:rgba(var(--lp-rgb),.25); box-shadow:0 7px 24px #35485105; }
.lp .lp-other-icon { width:45px; height:45px; display:grid; place-items:center; border-radius:13px; background:var(--lp-secondary-light); color:var(--lp-secondary); flex-shrink:0; }
.lp .lp-other>span:nth-child(2) { flex:1; min-width:0; }
.lp .lp-other small { display:block; font-size:8px; letter-spacing:1.1px; color:#90a0a9; line-height:1.8; }
.lp .lp-other strong { display:block; font-size:13px; font-weight:600; line-height:1.8; margin-top:6px; }
.lp .lp-other>.lp-icon { width:20px; height:20px; color:var(--lp-primary); transition:transform .2s; }
.lp .lp-other:hover>.lp-icon { transform:translateX(4px); }
@media(min-width:901px) { .lp .lp-contents>summary { pointer-events:none; } .lp .lp-contents>summary>.lp-icon { display:none; } }
@media(max-width:1100px) { .lp .lp-layout { grid-template-columns:240px minmax(0,1fr); gap:22px; } .lp .lp-document { padding:28px; } .lp .lp-document-header { padding:20px 28px; } .lp .lp-hero-grid { grid-template-columns:minmax(0,1fr) 210px; gap:20px; } .lp .lp-art { transform:scale(.9); transform-origin:center right; margin-left:-30px; } }
@media(max-width:900px) { .lp .lp-shell { width:calc(100% - 48px); } .lp .lp-layout { grid-template-columns:minmax(0,1fr); gap:20px; padding-top:25px; } .lp .lp-sidebar { position:static; } .lp .lp-contents>summary { padding:17px 20px; } .lp .lp-contents-nav { max-height:280px; grid-template-columns:repeat(2,minmax(0,1fr)); } .lp .lp-help,.lp .lp-reading { display:none; } .lp h1 { font-size:36px; } .lp .lp-hero-grid { padding-top:32px; padding-bottom:32px; } }
@media(max-width:600px) { .lp { padding-bottom:38px; } .lp .lp-shell { width:calc(100% - 32px); } .lp .lp-hero-grid { grid-template-columns:minmax(0,1fr); position:relative; gap:0; min-height:0; padding-top:30px; padding-bottom:27px; } .lp .lp-art { position:absolute; width:90px; height:90px; top:14px; right:-8px; transform:scale(.30); transform-origin:top right; pointer-events:none; } .lp .lp-art-orbit { display:none; } .lp .lp-art-sheet { width:155px; height:197px; inset:0 auto auto -155px; } .lp .lp-art-seal { width:61px; height:61px; top:140px; left:-50px; bottom:auto; right:auto; } .lp .lp-art-dot { display:none; } .lp .lp-eyebrow { min-height:27px; max-width:calc(100% - 75px); font-size:8px; letter-spacing:1.1px; gap:8px; } .lp h1 { font-size:29px; letter-spacing:-1px; line-height:1.3; max-width:100%; margin-top:25px; } .lp .lp-intro { font-size:11px; margin-top:13px; } .lp .lp-meta { gap:12px 20px; margin-top:18px; font-size:9px; } .lp .lp-meta>span { gap:7px; } .lp .lp-meta>a { gap:10px; } .lp .lp-contents { border-radius:13px; } .lp .lp-contents>summary { padding:15px 16px; } .lp .lp-contents-nav { grid-template-columns:minmax(0,1fr); max-height:300px; padding:0 8px 10px; } .lp .lp-contents-nav>a { font-size:11px; } .lp .lp-document-header { padding:16px 20px; border-radius:14px 14px 0 0; } .lp .lp-document-header>span+span { display:none; } .lp .lp-document { padding:24px 20px 27px; font-size:13px; line-height:1.95; border-radius:0 0 14px 14px; } .lp .lp-document>[data-lp-document-title],.lp .lp-document>h3:first-child { font-size:16px; } .lp .lp-document :is(h1,h2,h3,h4,h5,h6) { font-size:14px; line-height:1.8; letter-spacing:-.15px; } .lp .lp-document [data-lp-section] { margin:29px 0 17px; padding:13px 0 0 12px; } .lp .lp-document :is(ul,ol) { padding-left:19px; } .lp .lp-document-end { font-size:8px; gap:10px; margin:18px 2px 23px; } .lp .lp-document-end>span { gap:6px; } .lp .lp-other { padding:18px 16px; border-radius:13px; gap:12px; } .lp .lp-other-icon { height:38px; width:38px; border-radius:11px; } .lp .lp-other small { font-size:7px; letter-spacing:.65px; } .lp .lp-other strong { font-size:11px; margin-top:5px; } .lp .lp-other>.lp-icon { width:17px; height:17px; } }
@media(prefers-reduced-motion:reduce) { .lp *,.lp *::before,.lp *::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }
@media print { .header,header,.fb-footer,.lp .lp-sidebar,.lp .lp-art,.lp .lp-meta>a,.lp .lp-document-end,.lp .lp-other { display:none!important; } .lp { background:#fff; padding:0; } .lp .lp-shell { width:100%; max-width:none; } .lp .lp-hero-grid,.lp .lp-layout { display:block; padding:0; } .lp .lp-hero { background:none; padding:0 0 20px; } .lp .lp-document { border:none; padding:20px 0; font-size:11pt; color:#333; } .lp .lp-document-header { border:none; padding:20px 0 0; } .lp .lp-document [data-lp-section] { break-after:avoid; } .lp h1 { font-size:24pt; } }
