/* Seven Letters · reading edition. The V10 artwork and all lesson sources are retained. */
body[data-sl-experience]{--sl-paper:#f7eddf;--sl-sheet:#fffaf2;--sl-ink:#352823;--sl-muted:#6a584e;--sl-wine:#793246;--sl-sage:#526653;--sl-line:rgba(72,47,36,.17);--sl-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--sl-serif:"Songti SC","STSong",Georgia,serif}
body[data-sl-experience] :is(a,button,input,summary):focus-visible{outline:2px solid var(--sl-wine);outline-offset:5px}
body[data-sl-experience] [hidden]{display:none!important}
body[data-sl-experience] :is(.v4-header,.topbar,.longform-header){position:relative;z-index:80;min-height:72px;background:rgba(247,237,223,.96);color:var(--sl-ink);border-bottom:1px solid var(--sl-line);box-shadow:none;padding:12px clamp(20px,4vw,64px)}
body[data-sl-experience] :is(.v4-header,.topbar,.longform-header) nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
body[data-sl-experience] :is(.v4-header,.topbar,.longform-header) nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;font:500 13px/1.3 var(--sl-sans);color:var(--sl-ink);border-radius:999px;text-decoration:none}
body[data-sl-experience] .bw-account-chip{position:static;box-shadow:none;border:1px solid var(--sl-line);background:transparent;backdrop-filter:none;font:500 13px/1.3 var(--sl-sans);padding:0 14px;min-height:44px}
body[data-sl-experience] .bw-account-chip i{width:6px;height:6px;background:var(--sl-sage)}
body[data-sl-experience] .bw-cloud-note[data-kind=ok]{display:none}
body[data-sl-experience] .bw-cloud-note{position:relative;width:min(720px,calc(100% - 40px));margin:18px auto;padding:18px 20px;border-radius:14px;box-shadow:none;font:15px/1.7 var(--sl-sans)}
body[data-sl-experience] .bw-cloud-note button{min-height:44px;margin:10px 0 0;display:block;padding:10px 18px}
body[data-sl-experience][data-cloud-loading] [data-current-action]{pointer-events:none;opacity:.5}
body[data-sl-experience][data-cloud-loading] [data-current-action] strong{font-size:0}
body[data-sl-experience][data-cloud-loading] [data-current-action] strong::after{content:"正在连接进度…";font-size:15px}
body[data-sl-experience][data-cloud-state]:not([data-cloud-state=ready]) [data-learning-portal]>:not(.bw-cloud-note){visibility:hidden}
body[data-sl-reader][data-cloud-state]:not([data-cloud-state=ready]) .sl-reader-dock a:last-child{display:none}
/* The public artwork remains the anchor; navigation and rhythm are made truthful. */
body[data-sl-experience].v10-home .v6-arrival-number strong{font-family:var(--sl-serif);font-size:clamp(100px,14vw,190px);font-weight:400}
body[data-sl-experience].v10-home .v6-arrival-number span{font-size:12px;line-height:1.9;letter-spacing:.15em}
body[data-sl-experience].v10-home .v6-arrival-object::after{content:"VII"}
body[data-sl-experience].v10-home .v6-hero-actions .v4-text-link{display:inline-flex;align-items:center;min-height:44px}
body[data-sl-experience].v10-home .v6-arrival-copy ol li{min-height:88px}
/* Current letter: one invitation, followed by the route when needed. */
body[data-sl-experience].v6-course .v6-course-position{display:none}
body[data-sl-experience].v6-course .v9-current-letter{min-height:0;padding:60px clamp(24px,6vw,90px) 72px;gap:52px;grid-template-columns:1.15fr .85fr}
body[data-sl-experience].v6-course .v6-current-count{font-size:60px;opacity:.13;top:28px;left:24px}
body[data-sl-experience].v6-course .v6-current-copy{padding:0}
body[data-sl-experience].v6-course .v6-current-copy h1{font-size:clamp(38px,4.5vw,66px);line-height:1.23;max-width:13em}
body[data-sl-experience].v6-course .current-subtitle{font-size:20px;line-height:1.7;margin:20px 0}
body[data-sl-experience].v6-course .current-summary{font-size:16px;line-height:1.9;max-width:34em}
body[data-sl-experience].v6-course .v6-current-art{max-width:410px;justify-self:center}
body[data-sl-experience].v6-course .wait-message:not([data-sl-locked]){display:none}
body[data-sl-experience].v6-course .v9-postal-details{margin:0 auto 20px;width:min(1160px,calc(100% - 48px));border-radius:18px;box-shadow:none}
body[data-sl-experience].v6-course .v9-postal-details summary{min-height:72px;padding:18px 24px}
body[data-sl-experience].v6-course .v9-postal-details summary small{display:none}
body[data-sl-experience].v6-course .v9-postal-details summary em{font-size:13px;color:var(--sl-muted)}
body[data-sl-experience].v6-course .v6-roadmap{padding-top:48px}
body[data-sl-experience].v6-course .path-phase{border-radius:18px;box-shadow:none;margin-bottom:16px;border-color:var(--sl-line)}
body[data-sl-experience].v6-course .path-phase header{padding:24px}
body[data-sl-experience].v6-course .path-phase header p{font-size:11px}
body[data-sl-experience].v6-course .path-phase header h3{font-size:28px}
body[data-sl-experience].v6-course .path-phase .v6-phase-toggle{width:44px;height:44px;min-width:44px}
body[data-sl-experience].v6-course .path-phase li{padding-block:19px}
body[data-sl-experience].v6-course .path-phase li a{display:block;min-height:44px;align-content:center}
body[data-sl-experience].v6-course .portal-note{padding-block:24px}
/* Opened letter. Artwork remains present, without a full-screen lobby before every lesson. */
body[data-sl-reader]{background:var(--sl-paper);overflow-x:clip;padding-bottom:86px}
body[data-sl-reader] :is(.topbar,.longform-header){position:sticky;top:0;backdrop-filter:blur(16px)}
body[data-sl-reader] .document{background:var(--sl-sheet)}
body[data-sl-reader][data-v7-theme] .lesson-head,
body[data-sl-reader][data-v5-resource] .lesson-head{min-height:0;padding:58px 46% 56px max(28px,calc((100vw - 1080px)/2))!important;border-radius:0 0 30px 30px;box-shadow:0 12px 38px rgba(53,40,35,.055)}
body[data-sl-reader][data-v7-theme] .lesson-head::before,
body[data-sl-reader][data-v5-resource] .lesson-head::before{inset:30px max(28px,calc((100vw - 1140px)/2)) 30px 61%;height:auto;border:9px solid rgba(255,250,242,.84);border-radius:18px;filter:none;background-size:contain!important}
body[data-sl-reader] .lesson-head::after{display:none}
body[data-sl-reader][data-v7-theme] .lesson-head h1,
body[data-sl-reader][data-v5-resource] .lesson-head h1{font-size:clamp(36px,4vw,60px);line-height:1.3;letter-spacing:-.045em;margin:18px 0}
body[data-sl-reader] .lesson-head .meta{font-size:16px;line-height:1.8;margin:12px 0 0;max-width:26em}
body[data-sl-reader] .v6-lesson-marker{margin-bottom:20px;max-width:450px;font:12px/1.5 var(--sl-sans)}
body[data-sl-reader] .v6-lesson-marker :is(b,strong,span){color:var(--sl-muted)!important;opacity:1}
body[data-sl-reader] .v6-lesson-marker i{display:none}
body[data-sl-reader] .lesson-head .eyebrow{display:none}
body[data-sl-reader] :is(.v7-lesson-index,.v6-longform-index){display:none}
body[data-sl-reader] :is(.content,.longform-content){width:min(720px,calc(100% - 48px));padding:48px 0 64px!important;margin-inline:auto;color:var(--sl-ink);font-family:var(--sl-serif);font-size:20px;line-height:1.95;letter-spacing:.01em}
body[data-sl-reader] :is(.content,.longform-content) :is(p,li){font-size:inherit;line-height:inherit}
body[data-sl-reader] :is(.content,.longform-content) p{margin:1.15em 0}
body[data-sl-reader] :is(.content,.longform-content) strong{color:var(--sl-ink)}
body[data-sl-reader] :is(.content,.longform-content) h2,
body[data-sl-reader] :is(.content,.longform-content) h2.v9-scene-break{position:relative;left:auto;translate:none;width:auto;min-height:0;margin:2.6em 0 1em;padding:20px 0 0;border:0;border-top:1px solid var(--sl-line);border-radius:0;background:none;box-shadow:none;color:var(--sl-wine);font:500 clamp(28px,3vw,36px)/1.45 var(--sl-serif);letter-spacing:-.03em}
body[data-sl-reader] :is(.content,.longform-content) h2::before,
body[data-sl-reader] :is(.content,.longform-content) h2::after{display:none}
body[data-sl-reader] :is(.content,.longform-content) h2.letter-restart{margin-top:0;padding-top:0;border:0;font-size:28px}
body[data-sl-reader] :is(.content,.longform-content) h3{font-size:25px;line-height:1.55;margin:2em 0 .85em;color:var(--sl-ink)}
body[data-sl-reader] :is(.content,.longform-content) a{color:var(--sl-wine);text-decoration-color:rgba(121,50,70,.5);text-underline-offset:.22em;overflow-wrap:anywhere}
body[data-sl-reader] :is(.content,.longform-content) :is(.note,.notion-aside,blockquote,.daily-task,.reference-reading,.lesson-toc,.toc-section){padding:24px!important;border-radius:12px!important;box-shadow:none!important;transform:none!important;border-color:var(--sl-line)!important;max-width:100%;margin-inline:0;background:#f5ecdf!important}
body[data-sl-reader] :is(.content,.longform-content) .note.deep{color:var(--sl-ink)!important;background:#eee0d0!important}
body[data-sl-reader] :is(.content,.longform-content) .note.deep :is(p,strong){color:inherit!important}
body[data-sl-reader] :is(.content,.longform-content) .v9-letter-fragment::after{display:none}
body[data-sl-reader] :is(.content,.longform-content) .note :is(p,li),body[data-sl-reader] .notion-aside :is(p,li){font-size:inherit!important}
body[data-sl-reader] .sl-original-index{margin:0 0 32px;border-block:1px solid var(--sl-line);padding:0 2px}
body[data-sl-reader] .sl-original-index>summary{font:500 15px/1.5 var(--sl-sans);color:var(--sl-wine);min-height:56px;cursor:pointer;align-content:center}
body[data-sl-reader] .sl-original-index> :is(.toc-section,.lesson-toc){margin:0 0 20px;padding:20px!important}
body[data-sl-reader] :is(.content,.longform-content) img{height:auto!important;max-width:100%;object-fit:contain}
body[data-sl-reader] :is(.content,.longform-content) :is(.v9-art-wide,.v9-art-pair,.v9-welcome-manuscript){width:min(960px,calc(100vw - 48px));max-width:calc(100vw - 48px)}
body[data-sl-reader] .v9-attachment{transform:none!important;box-shadow:0 8px 28px rgba(53,40,35,.08)}
body[data-sl-reader] .sl-image-open{display:block;min-height:44px;margin:8px auto 0;padding:8px 12px;border:0;background:none;color:var(--sl-muted);font:13px/1.5 var(--sl-sans);cursor:pointer;text-decoration:underline;text-underline-offset:4px}
body[data-sl-reader] .sl-read-entry{display:flex;justify-content:space-between;align-items:center;gap:12px;width:min(720px,calc(100% - 48px));margin:20px auto 0;padding:0 0 16px;border-bottom:1px solid var(--sl-line);font:13px/1.5 var(--sl-sans);color:var(--sl-muted)}
body[data-sl-reader] .sl-read-entry a{min-height:44px;align-content:center;text-decoration:none;color:var(--sl-wine)}
body[data-sl-reader] .sl-resume{font:14px/1.6 var(--sl-sans);padding:8px 0 0}
body[data-sl-reader] .sl-resume button{background:none;border:0;color:var(--sl-wine);text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:0 12px 0 0;font:inherit;cursor:pointer}
body[data-sl-reader] .v6-reading-progress{height:2px;z-index:81;top:0;background:transparent}
body[data-sl-reader] .v6-reading-progress i{background:var(--sl-wine)}
body[data-sl-reader] .v6-mobile-dock{display:none!important}
body[data-sl-reader] .sl-reader-dock{position:fixed;z-index:90;bottom:16px;left:50%;translate:-50% 0;display:flex;align-items:center;gap:4px;padding:6px 8px;width:min(430px,calc(100% - 32px));border:1px solid var(--sl-line);border-radius:999px;background:rgba(255,250,242,.96);backdrop-filter:blur(16px);box-shadow:0 6px 28px rgba(53,40,35,.1)}
body[data-sl-reader] .sl-reader-dock :is(a,button){display:flex;flex:1;justify-content:center;align-items:center;border:0;min-height:44px;padding:10px;font:500 13px/1.3 var(--sl-sans);color:var(--sl-ink);text-decoration:none;background:none;cursor:pointer;border-radius:999px}
body[data-sl-reader] .sl-reader-dock a:last-child{background:var(--sl-wine);color:var(--sl-sheet);flex:1.3}
body[data-sl-reader] .sl-reader-dock.is-at-end{display:none}
body[data-sl-reader] .v5-completion{width:min(1000px,calc(100% - 48px));min-height:0;margin:24px auto 56px;padding:60px clamp(24px,7vw,100px);border-radius:26px;background:#efe0cf;color:var(--sl-ink);box-shadow:0 12px 36px rgba(53,40,35,.06);text-align:left}
body[data-sl-reader] .v5-completion::before{display:none}
body[data-sl-reader] .v6-completion-seal{float:right;position:static;translate:none;margin:0 0 20px 20px;width:54px;height:54px;font-size:25px;background:var(--sl-wine);box-shadow:inset 0 1px 2px rgba(255,255,255,.2),0 4px 10px rgba(53,40,35,.1)}
body[data-sl-reader] .v5-completion-kicker{font:500 12px/1.5 var(--sl-sans);letter-spacing:.1em;color:var(--sl-wine)}
body[data-sl-reader] .v5-completion h2{font:500 clamp(28px,4vw,42px)/1.4 var(--sl-serif);color:var(--sl-ink);margin:16px 0 24px;max-width:16em}
body[data-sl-reader] .v5-response-box{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;max-width:none}
body[data-sl-reader] .v5-response-box label{display:flex;align-items:center;gap:12px;min-height:44px;color:var(--sl-ink);font:15px/1.7 var(--sl-sans);flex:1 1 280px;cursor:pointer}
body[data-sl-reader] .v5-response-box label input{width:22px;height:22px;flex:none;accent-color:var(--sl-wine)}
body[data-sl-reader] .v5-response-box label::before{display:none}
body[data-sl-reader] .v5-response-box label strong{font-weight:500;color:inherit}
body[data-sl-reader] .v5-response-box button{min-height:52px;padding:14px 24px;border:0;border-radius:999px;background:var(--sl-wine);color:var(--sl-sheet);font:600 15px/1.5 var(--sl-sans);box-shadow:none;cursor:pointer;flex:0 0 auto}
body[data-sl-reader] .v5-response-box button:disabled{opacity:.4;cursor:default}
body[data-sl-reader] .v5-completion.is-done .v5-response-box button{background:var(--sl-sage)}
body[data-sl-reader] .v5-completion.is-done .v5-response-box label{display:none}
body[data-sl-reader] .v5-arrival-copy{color:var(--sl-muted);font:15px/1.8 var(--sl-sans);margin:20px 0}
body[data-sl-reader] .v5-completion-nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:28px;border-top:1px solid var(--sl-line);padding-top:12px}
body[data-sl-reader] .v5-completion-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--sl-muted);font:14px/1.5 var(--sl-sans)}
body[data-sl-reader] .longform-hero{min-height:0;gap:36px;padding:52px max(28px,calc((100vw - 1080px)/2));grid-template-columns:1.4fr .6fr;background:#f0e2d3;color:var(--sl-ink);border-radius:0 0 30px 30px}
body[data-sl-reader] .longform-title h1{font-size:clamp(42px,5vw,68px);line-height:1.25}
body[data-sl-reader] .longform-title h2{font-size:25px;color:var(--sl-muted);margin:18px 0}
body[data-sl-reader] .longform-title>p{color:var(--sl-wine);font-size:11px;margin-bottom:16px}
body[data-sl-reader] .longform-meta{margin-top:18px}
body[data-sl-reader] .longform-meta span{color:var(--sl-muted);border:0;padding:0 16px 0 0;font-size:12px}
body[data-sl-reader] .longform-hero figure{max-width:240px;padding:12px;background:var(--sl-sheet);border:0;border-radius:16px;transform:rotate(1deg)}
body[data-sl-reader] .longform-hero img{height:auto;width:100%;object-fit:contain;filter:none;border-radius:8px}
body[data-sl-reader] .longform-hero figcaption{font-size:12px;color:var(--sl-muted)}
/* Directory: pages on a table, not a wall of repeated software cards. */
body[data-sl-experience]:is(.v5-library,.reading-index) .library-hero{min-height:0;padding:56px clamp(24px,7vw,100px);gap:28px;grid-template-columns:1fr 1fr;align-items:center;border-radius:0 0 24px 24px}
body[data-sl-experience]:is(.v5-library,.reading-index) .library-hero h1{font-size:clamp(42px,5vw,64px);line-height:1.2}
body[data-sl-experience]:is(.v5-library,.reading-index) .library-hero>p{font-size:16px;line-height:1.9;color:var(--sl-muted)}
body[data-sl-experience]:is(.v5-library,.reading-index) .v4-kicker:not(.pale){color:var(--sl-wine)}
body[data-sl-experience].v5-library .library-section>header{margin-bottom:28px}
body[data-sl-experience].v5-library .library-section>header h2{font-size:clamp(30px,4vw,44px);line-height:1.4}
body[data-sl-experience].v5-library .library-section>header p:last-child{font-size:16px;line-height:1.8}
body[data-sl-experience].v5-library .library-grid{gap:0;display:block}
body[data-sl-experience].v5-library .library-grid>a{border:0;border-bottom:1px solid var(--sl-line);border-radius:0;min-height:0;margin:0;padding:26px 18px;box-shadow:none;background:transparent;display:grid;grid-template-columns:120px 1fr auto;gap:8px 24px;align-items:center;transform:none}
body[data-sl-experience].v5-library .library-grid>a small{grid-row:1/3;margin:0;color:var(--sl-muted);font-size:13px}
body[data-sl-experience].v5-library .library-grid>a strong{grid-column:2;font-size:24px;line-height:1.45;color:var(--sl-ink);margin:0}
body[data-sl-experience].v5-library .library-grid>a>span{grid-column:2;font-size:14px;line-height:1.7;color:var(--sl-muted);margin:0}
body[data-sl-experience].v5-library .library-grid>a .v6-directory-state{grid-column:3;grid-row:1/3;position:static;margin:0;font-size:13px;white-space:nowrap}
body[data-sl-experience].v5-library .library-grid>a>b{display:none}
body[data-sl-experience].v5-library .library-grid>a.is-current{border-left:3px solid var(--sl-wine);background:#f4e6d6}
body[data-sl-experience].v5-library .library-grid>a.is-locked{opacity:1}
body[data-sl-experience].v5-library .library-grid>a.is-locked strong{color:#78665b}
body[data-sl-experience].v5-library .library-section{padding-block:48px}
/* Native reading drawer: keyboard, focus restoration, touch and browser back all remain usable. */
.sl-drawer,.sl-lightbox{box-sizing:border-box;color:#352823;border:1px solid rgba(72,47,36,.17);background:#fffaf2;box-shadow:0 24px 100px rgba(53,40,35,.22);font-family:var(--sl-sans);padding:0}
.sl-drawer{width:min(560px,calc(100% - 40px));max-height:min(800px,calc(100svh - 48px));border-radius:24px}
.sl-drawer::backdrop,.sl-lightbox::backdrop{background:rgba(53,40,35,.46);backdrop-filter:blur(5px)}
.sl-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(72,47,36,.12);position:sticky;top:0;background:#fffaf2;z-index:2}
.sl-drawer-head h2{font:500 25px/1.5 var(--sl-serif);margin:0}
.sl-drawer-head button,.sl-lightbox>button{border:1px solid rgba(72,47,36,.15);border-radius:999px;background:none;color:#352823;width:44px;height:44px;font:24px/1 var(--sl-sans);cursor:pointer}
.sl-drawer-tabs{display:flex;gap:8px;padding:16px 24px 0}
.sl-drawer-tabs button{min-height:44px;padding:8px 18px;border-radius:999px;border:1px solid rgba(72,47,36,.15);background:none;color:#6a584e;font:500 14px/1.5 var(--sl-sans);cursor:pointer}
.sl-drawer-tabs button[aria-selected=true]{background:#793246;border-color:#793246;color:#fffaf2}
.sl-drawer-body{padding:20px 24px 28px}
.sl-drawer-body h3{font:600 13px/1.5 var(--sl-sans);color:#793246;margin:28px 0 12px}
.sl-drawer-body ol{padding:0;margin:0;list-style:none}
.sl-drawer-body li :is(a,button){display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:0;border-bottom:1px solid rgba(72,47,36,.1);border-radius:0;background:none;padding:15px 0;min-height:56px;text-decoration:none;color:#352823;font:15px/1.7 var(--sl-sans);cursor:pointer}
.sl-drawer-body li small{font:11px/1.5 var(--sl-sans);min-width:44px;color:#6a584e}
.sl-drawer-body li em{font:12px/1.5 var(--sl-sans);color:#6a584e;font-style:normal;margin-left:auto;min-width:36px}
.sl-drawer-body li.is-current :is(a,button){color:#793246;font-weight:600}
.sl-drawer-body li.is-locked :is(a,button){color:#78665b}
.sl-drawer-status{font:13px/1.7 var(--sl-sans);color:#793246;min-height:22px;margin:16px 0 0}
.sl-drawer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid rgba(72,47,36,.12);font:13px/1.5 var(--sl-sans)}
.sl-drawer-footer a{min-height:44px;align-content:center;text-decoration:none;color:#793246}
body.sl-dialog-open{overflow:hidden}
.sl-lightbox{width:calc(100% - 32px);max-width:1200px;height:calc(100svh - 32px);border-radius:20px}
.sl-lightbox>button{position:sticky;top:12px;margin:12px 12px 12px auto;display:block;background:#fffaf2;z-index:2}
.sl-lightbox img{display:block;width:auto;max-width:none;height:auto;min-width:100%;margin:0 auto;padding:0 20px 24px;box-sizing:border-box}
/* Account page belongs to the same letter, not a separate SaaS product. */
body[data-access-page][data-sl-experience] .access-grid{min-height:calc(100svh - 130px)}
body[data-access-page][data-sl-experience] .access-intro h1{font-size:clamp(42px,5.5vw,72px);line-height:1.15;letter-spacing:-.04em;color:var(--sl-wine)}
body[data-access-page][data-sl-experience] .access-intro>p:last-child{font:16px/1.9 var(--sl-sans);color:var(--sl-muted);max-width:26em}
body[data-access-page][data-sl-experience] .access-card{border-radius:18px 18px 26px 26px;border-top:3px solid var(--sl-wine);box-shadow:0 12px 42px rgba(53,40,35,.07);position:relative}
body[data-access-page][data-sl-experience] .access-card::after{content:"";position:absolute;pointer-events:none;right:14px;bottom:-7px;left:14px;height:14px;background:#efe0ce;border:1px solid rgba(72,47,36,.1);border-radius:0 0 20px 20px;z-index:-1}
body[data-access-page][data-sl-experience] .access-card h2{font:500 28px/1.5 var(--sl-serif);margin-top:0}
body[data-access-page][data-sl-experience] .access-card label{font-size:14px;line-height:1.5;color:var(--sl-ink)}
body[data-access-page][data-sl-experience] .access-card input{min-height:52px;border-radius:10px}
body[data-access-page][data-sl-experience] .access-card button{min-height:48px;font-size:15px;line-height:1.4}
body[data-access-page][data-sl-experience] .access-card .sl-password-toggle{justify-self:end;min-height:44px;padding:6px 0;margin-top:-12px;font-size:13px;font-weight:400}
body[data-access-page][data-sl-experience] .access-card details{border-top:1px solid var(--sl-line)}
body[data-access-page][data-sl-experience] .access-card summary{min-height:48px;align-content:center;font:14px/1.5 var(--sl-sans);cursor:pointer;color:var(--sl-muted)}
body[data-access-page][data-sl-experience] [data-auth-message]{font-size:15px}
@media(max-width:760px){
 body[data-sl-experience] :is(.v4-header,.topbar,.longform-header){min-height:64px;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
 body[data-sl-experience] :is(.v4-mark,.longform-mark){font-size:16px;white-space:nowrap;flex:none}
 body[data-sl-experience] .brand{font-size:0!important;white-space:nowrap;flex:none}
 body[data-sl-experience] .brand::before{content:"七封信";font:500 16px/1.5 var(--sl-serif)}
 body[data-sl-experience] :is(.v4-mark,.longform-mark) span{display:none}
 body[data-sl-experience] :is(.v4-header,.topbar,.longform-header) nav{display:flex!important;gap:1px;flex-wrap:nowrap}
 body[data-sl-experience] :is(.v4-header,.topbar,.longform-header) nav a{font-size:12px;padding-inline:10px;min-height:44px;white-space:nowrap}
 body[data-sl-experience] :is(.v4-header,.topbar,.longform-header) nav a.sl-extra-nav{display:none}
 body[data-sl-experience] .bw-account-chip{border:0;padding-inline:10px!important}
 body[data-sl-experience] .bw-account-chip i{display:none}
 body[data-sl-reader][data-v7-theme] .lesson-head,
 body[data-sl-reader][data-v5-resource] .lesson-head{padding:32px 24px 32px!important;min-height:0}
 body[data-sl-reader][data-v7-theme] .lesson-head::before,
 body[data-sl-reader][data-v5-resource] .lesson-head::before{position:relative;inset:auto!important;display:block;width:120px;height:135px;margin:0 0 24px auto;border:6px solid rgba(255,250,242,.84);border-radius:12px;float:right;box-shadow:0 8px 22px rgba(53,40,35,.1)}
 body[data-sl-reader][data-v7-theme][data-v4-resource=welcome] .lesson-head::before,
 body[data-sl-reader][data-v7-theme][data-v4-resource=magic] .lesson-head::before{width:100%;height:110px;float:none;margin:0 0 24px}
 body[data-sl-reader] .v6-lesson-marker{font-size:12px;max-width:100%;margin-bottom:14px}
 body[data-sl-reader][data-v7-theme] .lesson-head h1,
 body[data-sl-reader][data-v5-resource] .lesson-head h1{font-size:36px;line-height:1.35;clear:both;margin:18px 0 12px}
 body[data-sl-reader] .lesson-head .meta{font-size:15px;margin:0}
 body[data-sl-reader] :is(.content,.longform-content){width:calc(100% - 48px);padding:32px 0 48px!important;font-size:18px;line-height:1.95}
 body[data-sl-reader] :is(.content,.longform-content) h2,
 body[data-sl-reader] :is(.content,.longform-content) h2.v9-scene-break{font-size:28px;margin:2.4em 0 .9em;padding:18px 0 0;border-radius:0}
 body[data-sl-reader] :is(.content,.longform-content) h2.letter-restart{margin-top:0;font-size:24px;padding-top:0}
 body[data-sl-reader] :is(.content,.longform-content) h3{font-size:23px}
 body[data-sl-reader] :is(.content,.longform-content) :is(.note,.notion-aside,blockquote,.daily-task,.reference-reading,.lesson-toc,.toc-section){padding:20px!important}
 body[data-sl-reader] .sl-read-entry{margin-top:12px;width:calc(100% - 48px);font-size:12px;padding-bottom:8px}
 body[data-sl-reader] .v9-welcome-manuscript{padding:8px;border-radius:12px}
 body[data-sl-reader] .v9-welcome-manuscript figcaption{font-size:12px}
 body[data-sl-reader] .v5-completion{width:calc(100% - 32px);padding:36px 24px;border-radius:22px;margin:20px auto 36px}
 body[data-sl-reader] .v5-response-box{gap:12px}
 body[data-sl-reader] .v5-response-box label{flex-basis:100%;font-size:14px}
 body[data-sl-reader] .v5-response-box button{width:100%}
 body[data-sl-reader] .v5-completion-nav a{font-size:12px}
 body[data-sl-reader] .v6-completion-seal{width:42px;height:42px;font-size:21px;margin-left:10px}
 body[data-sl-reader] .longform-hero{padding:32px 24px;gap:24px;grid-template-columns:1fr}
 body[data-sl-reader] .longform-title h1{font-size:42px}
 body[data-sl-reader] .longform-title h2{font-size:22px;line-height:1.65}
 body[data-sl-reader] .longform-hero figure{max-width:120px;justify-self:end;margin:0;order:-1}
 body[data-sl-reader] .longform-hero figcaption{font-size:11px}
 body[data-sl-experience].v6-course .v9-current-letter{padding:36px 24px 40px;gap:28px;grid-template-columns:1fr}
 body[data-sl-experience].v6-course .v6-current-copy h1{font-size:38px}
 body[data-sl-experience].v6-course .current-subtitle{font-size:18px;margin:14px 0}
 body[data-sl-experience].v6-course .current-summary{font-size:15px;margin:16px 0}
 body[data-sl-experience].v6-course .v6-current-art{max-width:280px;width:100%}
 body[data-sl-experience].v6-course .v6-current-count{display:none}
 body[data-sl-experience].v6-course .v9-postal-details{width:calc(100% - 32px)}
 body[data-sl-experience].v6-course .v9-postal-details summary{padding:16px 20px;display:flex;gap:12px}
 body[data-sl-experience].v6-course .v9-postal-details summary em{display:none}
 body[data-sl-experience]:is(.v5-library,.reading-index) .library-hero{padding:36px 24px;gap:22px;grid-template-columns:1fr}
 body[data-sl-experience]:is(.v5-library,.reading-index) .library-hero h1{font-size:44px}
 body[data-sl-experience].v5-library .library-grid>a{grid-template-columns:1fr auto;padding:22px 0;gap:8px 12px}
 body[data-sl-experience].v5-library .library-grid>a small{grid-row:1;grid-column:1;font-size:12px}
 body[data-sl-experience].v5-library .library-grid>a strong{grid-column:1/3;font-size:24px}
 body[data-sl-experience].v5-library .library-grid>a>span{grid-column:1/3;font-size:14px}
 body[data-sl-experience].v5-library .library-grid>a .v6-directory-state{grid-column:2;grid-row:1;font-size:12px}
 body[data-sl-experience].v5-library .library-grid>a.is-current{border-left:0;padding-inline:16px;border-radius:12px}
 body[data-access-page][data-sl-experience] .access-grid{padding-top:32px;gap:24px;min-height:0}
 body[data-access-page][data-sl-experience] .access-intro h1{font-size:42px;margin:12px 0}
 body[data-access-page][data-sl-experience] .access-intro>p:last-child{font-size:15px;line-height:1.8;margin-bottom:0}
 body[data-access-page][data-sl-experience] .access-card{padding:28px 24px}
 .sl-drawer{width:calc(100% - 24px);max-height:calc(100svh - 24px);border-radius:20px}
 .sl-drawer-head,.sl-drawer-footer{padding:16px 20px}.sl-drawer-tabs{padding:12px 20px 0}.sl-drawer-body{padding:16px 20px 24px}
 .sl-drawer-body li :is(a,button){font-size:14px;gap:10px}
}
@media(max-width:350px){body[data-sl-experience] :is(.v4-header,.topbar,.longform-header){padding-inline:12px}body[data-sl-experience] :is(.v4-header,.topbar,.longform-header) nav a{padding-inline:8px}body[data-sl-reader][data-v7-theme] .lesson-head h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){body[data-sl-experience] *,body[data-sl-experience] *::before,body[data-sl-experience] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html{scroll-behavior:auto!important}}
@media print{body[data-sl-reader]{padding:0;background:white}body[data-sl-reader] :is(.topbar,.longform-header,.sl-reader-dock,.sl-read-entry,.v5-completion,.sl-resume,.sl-image-open,.v6-reading-progress){display:none!important}body[data-sl-reader] :is(.content,.longform-content){width:100%;padding:12pt 0;color:black;font-size:12pt;line-height:1.7}body[data-sl-reader] :is(.content,.longform-content) h2{break-after:avoid}body[data-sl-reader] img{break-inside:avoid;max-height:22cm;object-fit:contain}.sl-original-index{display:none}}