/* Shared Apple-style surfaces. Business and reading layouts remain in site.css. */
:root{--bg:#f2f2f7;--surface:#fff;--ink:#1c1c1e;--muted:#8e8e93;--line:#e5e5ea;--green:#007aff;--green-dark:#0062cc;--mint:#eef5ff;--gold:#8e6b3d;--radius:16px;--shadow:0 2px 10px #00000003;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif}
html{scroll-behavior:auto;scroll-padding-top:76px}body{font-size:15px;letter-spacing:0;color:var(--ink)}h1,h2,h3{letter-spacing:-.025em}::selection{background:#cce4ff}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#007aff}
body[data-shell-page=home]>.site-header,body[data-shell-page=me]>.site-header,body[data-shell-page=home]>.site-footer,body[data-shell-page=me]>.site-footer{display:none}
.site-header{height:64px;background:#ffffffd9;border-color:#d1d1d65c}.header-inner{padding:0 28px;max-width:1200px}.brand{font-size:20px;gap:9px;letter-spacing:-.03em}.brand-mark{height:32px;width:32px;border-radius:9px;background:#007aff;box-shadow:none}.brand-mark svg{height:21px;width:21px}.brand small{display:none}.desktop-nav{font-size:14px;margin-right:auto;margin-left:40px;gap:30px}.desktop-nav a{color:#636366}.desktop-nav a.active:after{display:none}.header-actions{gap:14px}.avatar-mini{background:#e5e5ea;border:0;color:#636366}.user-pill{font-size:12px}.icon-button{color:#636366}.site-main{max-width:1200px;padding:28px 28px 100px}.site-footer{color:#8e8e93;padding-bottom:110px}.button{border-radius:11px;font-size:14px;min-height:44px;font-weight:600;box-shadow:none!important}.button.primary,.button.dark{background:#007aff;color:#fff}.button.soft{background:#eaf3ff;color:#007aff}.button.outline{border-color:#d1d1d6}.text-button{color:#8e8e93}.tag{color:#007aff;background:#edf5ff}.eyebrow,.muted{color:#8e8e93}.heading-dot{display:none}
.bottom-nav{display:flex;position:fixed;z-index:60;bottom:20px;left:50%;right:auto;transform:translateX(-50%);width:240px;height:64px;border-radius:22px;background:#fafafae8;border:1px solid #d1d1d680;box-shadow:0 5px 24px #0000000a;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);padding:5px 12px;justify-content:space-around}
.bottom-nav>a{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:500;color:#8e8e93}.bottom-nav svg{width:24px;height:24px;stroke-width:1.8}.bottom-nav a.active{color:#007aff}.bottom-nav a.active:before{display:none}.bottom-nav a:active{opacity:.55}
.site-main.home-main{max-width:1160px;padding:0 24px 104px;min-height:100vh}.feed-toolbar{position:sticky;top:0;z-index:35;display:flex;align-items:center;gap:12px;padding:16px 0;background:#f2f2f7eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);margin-bottom:8px}.feed-tabs{display:flex;align-items:center;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;min-width:0;flex:1}.feed-tabs::-webkit-scrollbar{display:none}.feed-tabs>a{flex-shrink:0;font-size:15px;font-weight:500;line-height:22px;padding:8px 16px;border-radius:10px;color:#8e8e93;white-space:nowrap;transition:color .15s,background .15s}.feed-tabs>a.active{color:#1c1c1e;background:#fff;font-weight:600;box-shadow:0 1px 4px #0000000b}.feed-tabs>a:hover{color:#1c1c1e}.feed-search-toggle{width:40px;height:40px;flex-shrink:0;color:#636366;display:grid;place-items:center;border-radius:50%}.feed-search-toggle svg{width:21px;height:21px}.feed-search-toggle:hover{background:#e5e5ea}.feed-search{display:none;align-items:center;gap:10px;background:#e5e5ea;border-radius:11px;padding:0 12px;min-height:44px;margin:0 0 20px;color:#8e8e93}.search-open .feed-search{display:flex}.feed-search input:not([type=hidden]):not([type=checkbox]):not([type=radio]){font-size:16px;min-height:44px;flex:1;width:0;padding:8px 0;margin:0;border:0;border-radius:0;outline:none;background:none;box-shadow:none;color:#1c1c1e}.feed-search input::placeholder{color:#8e8e93;font-size:16px}.feed-search button,.feed-search>a{color:#007aff;font-size:14px;white-space:nowrap;padding:10px 0 10px 8px}.feed-search>svg{width:18px;height:18px}.search-caption{font-size:13px;color:#8e8e93;margin-bottom:16px}
.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.resource-card{border:0;border-radius:16px;box-shadow:0 1px 4px #00000005;background:#fff;transition:box-shadow .2s;min-width:0}.resource-card:hover{transform:none;box-shadow:0 4px 18px #0000000a}.card-cover{margin:0;border-radius:0;aspect-ratio:1.65;background:#e5e5ea}.resource-card:hover .card-cover>img{transform:none}.card-body{padding:16px 18px 18px}.card-meta{font-size:11px;line-height:1.4;color:#8e8e93;letter-spacing:0}.card-meta>span:first-child{color:#8e8e93}.card-body h3{font-size:17px;line-height:1.45;font-weight:600;margin-top:6px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.9em}.card-body>p{font-size:13px;line-height:1.6;color:#8e8e93;margin-top:6px;height:3.2em}.card-bottom{border:0;margin-top:14px;padding-top:0;gap:8px;justify-content:space-between;flex-wrap:wrap}.card-price{color:#1c1c1e;gap:2px}.card-price b{font-size:18px;font-weight:600;letter-spacing:-.025em}.card-price small{font-size:12px}.card-price b.free-label{color:#007aff;font-size:15px}.member-price{border:0;border-radius:0;padding:0;background:none;color:#007aff;font-size:11px;white-space:nowrap}.pagination{margin-top:28px}.pagination>a{color:#007aff}.pagination>.page-current{color:#8e8e93}.empty-state{border:0;background:#fff;border-radius:16px;padding:80px 20px}.empty-state h3{color:#1c1c1e}.empty-state p,.empty-state>svg{color:#8e8e93}
.account-width{max-width:680px!important}.account-title{padding:0 2px 22px}.account-title h1{font-size:34px;line-height:1.2;letter-spacing:-.035em;font-weight:700}.profile-card{padding:22px;gap:16px;border:0;border-radius:14px;box-shadow:none}.profile-avatar{height:62px;width:62px;border:0;border-radius:50%;background:#e5e5ea;color:#636366;font-size:26px;font-weight:500}.profile-avatar svg{height:30px;width:30px;color:#8e8e93}.profile-info{min-width:0;flex:1}.profile-info h2{font-size:21px;line-height:1.4;overflow-wrap:anywhere}.profile-info>p{font-size:13px;color:#8e8e93;margin:3px 0 0}.profile-info .tag{font-size:11px;margin-top:6px}.profile-chevron{margin-left:auto;width:17px;color:#c7c7cc}.account-stats{border:0;border-radius:14px;padding:20px 0;margin-top:14px}.account-stats strong{font-size:24px;color:#1c1c1e;line-height:1.2;font-weight:600}.account-stats span{font-size:12px;color:#8e8e93;margin-top:8px}.account-stats>a{border-color:#e5e5ea}.settings-list{border:0;border-radius:14px;box-shadow:none}.settings-list>a{padding:13px 16px;gap:12px;min-height:58px}.settings-list>a:after{left:60px;right:0;border-color:#e5e5ea}.settings-list>a>span:nth-child(2){font-size:16px;font-weight:400}.settings-list small{font-size:12px;color:#8e8e93;margin-top:3px}.settings-list>a>svg{height:17px;width:17px;color:#c7c7cc}.list-icon{height:30px;width:30px;border-radius:7px}.list-icon svg{width:19px;height:19px;stroke-width:1.8}.list-icon.blue,.list-icon.mint{background:#007aff;color:#fff}.list-icon.pink{background:#ff2d55;color:#fff}.list-icon.orange{background:#ff9500;color:#fff}.list-icon.gray{background:#8e8e93;color:#fff}.membership-row{margin:28px 0}.membership-row>a{padding-top:16px;padding-bottom:16px}.account-help,.logout-button{width:100%;display:block;text-align:center;background:#fff;border-radius:14px;margin-top:24px;padding:15px;font-size:16px;color:#007aff}.logout-button{color:#ff3b30}.account-icp{text-align:center;color:#8e8e93;font-size:11px;margin-top:24px}
.page-heading h1,.membership-heading h1{color:#1c1c1e}.page-heading .eyebrow,.membership-heading .eyebrow{display:none}.page-heading p,.membership-heading p{color:#8e8e93}.surface,.auth-card,.form-surface,.checkout-card,.order-detail,.plan-card,.toc-card,.purchase-card{border-color:#e5e5ea;border-radius:16px;box-shadow:none}.auth-story h1{color:#1c1c1e}.auth-illustration{opacity:.55}.auth-story p,.auth-card>p,.auth-help,.auth-switch{color:#8e8e93!important}.form-surface label,label{color:#636366}input:not([type=checkbox]):not([type=radio]),select,textarea{background:#f9f9fb;border-color:#e5e5ea;color:#1c1c1e;border-radius:10px;font-size:15px}input::placeholder,textarea::placeholder{color:#aeaeb2}input:focus,select:focus,textarea:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff12}.form-error{border:0;background:#fff1f0;color:#d70015}.breadcrumbs,.detail-meta,.detail-subtitle{color:#8e8e93}.detail-heading h1{color:#1c1c1e}.detail-cover,.document-cover{border-radius:16px}.document-cover{border-radius:16px 16px 0 0}.detail-layout.document{border-color:#e5e5ea;background:#fff;border-radius:0 0 16px 16px}.prose,.document .prose{color:#3a3a3c;font-size:16px;line-height:1.95}.prose h2,.prose h3{color:#1c1c1e}.prose a{color:#007aff}.prose blockquote{background:#f2f2f7;color:#636366;border-left-color:#c7c7cc}.prose code{background:#f2f2f7;color:#3a3a3c}.mobile-toc{background:#f2f2f7;border:0;color:#636366}.mobile-toc nav .level-3{color:#8e8e93}.toc-card nav a{color:#8e8e93}.toc-card nav a.active{color:#007aff;background:#edf5ff}.document-end{color:#aeaeb2}.delivery-panel{background:#f4f8ff;border-color:#dceaff;border-radius:16px}.delivery-panel h2{color:#1c1c1e}.delivery-panel>p{color:#8e8e93}.delivery-link{border-color:#e5e5ea;border-radius:12px;background:#fff}.delivery-link small{color:#8e8e93}.delivery-icon{color:#007aff;background:#edf5ff}.success-label{color:#007aff}.delivered-card{border-color:#d1d1d6;background:#fff}.delivered-card code{color:#3a3a3c}.mobile-purchase{background:#fffffff0;border-color:#e5e5ea;box-shadow:none}.mobile-purchase strong{color:#1c1c1e}.mobile-purchase span{color:#8e8e93}.purchase-price,.purchase-price strong{color:#1c1c1e}.member-emblem,.member-price-line{color:#007aff}.plan-card.featured{background:#fff;border-color:#007aff}.plan-card h2,.plan-price,.plan-price strong{color:#1c1c1e}.plan-card>p,.plan-benefits{color:#8e8e93}.plan-recommend{background:#007aff}.plan-benefits svg{color:#007aff}.member-emblem{background:#edf5ff;color:#007aff}.order-list-item{border-color:#e5e5ea;background:#fff}.order-list-item small,.order-line{color:#8e8e93}.toast{background:#303033eb;color:#fff;border:0;border-radius:14px;font-size:14px;bottom:108px}
@media(min-width:1450px){.site-main.home-main{max-width:1320px}.home-main .content-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){
  .site-header{height:56px}.header-inner{padding:0 16px}.site-main{padding:24px 16px calc(100px + env(safe-area-inset-bottom));min-height:100vh}.site-main.home-main{padding:0 16px calc(94px + env(safe-area-inset-bottom))}.feed-toolbar{padding:0 0 10px;margin-bottom:6px;gap:8px}.feed-tabs{gap:2px}.feed-tabs>a{font-size:15px;padding:7px 13px;line-height:24px}.feed-search-toggle{width:36px;height:40px}.feed-search{margin-bottom:16px}.feed-search input:not([type=hidden]):not([type=checkbox]):not([type=radio]){font-size:16px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.resource-card{border-radius:13px}.card-cover{aspect-ratio:1.35}.card-body{padding:12px}.card-meta{font-size:10px}.card-body h3{font-size:15px;line-height:1.45;margin-top:5px;min-height:2.9em}.card-body>p{font-size:12px;height:3.2em;margin-top:6px}.card-bottom{margin-top:14px;padding:0;gap:5px}.card-price b{font-size:17px}.card-price small{font-size:11px}.card-price b.free-label{font-size:14px}.member-price{font-size:10px}.bottom-nav{left:0;right:0;bottom:0;transform:none;width:100%;height:calc(62px + env(safe-area-inset-bottom));padding:6px 28px calc(6px + env(safe-area-inset-bottom));border:0;border-top:1px solid #d1d1d680;border-radius:0;box-shadow:none;background:#fafafae8}.bottom-nav>a{font-size:10px;gap:3px}.bottom-nav svg{width:24px;height:24px}.account-title{padding:0 0 24px}.account-title h1{font-size:34px}.profile-card{padding:20px 16px;gap:14px}.profile-avatar{width:58px;height:58px}.profile-info h2{font-size:20px}.profile-info>p{font-size:12px}.profile-info .tag{font-size:10px}.account-stats{padding:20px 0;margin-top:14px}.account-stats strong{font-size:23px}.account-stats span{font-size:12px}.membership-row{margin:26px 0}.settings-list>a{padding:13px 16px;min-height:57px}.settings-list>a>span:nth-child(2){font-size:16px}.settings-list small{font-size:12px}.settings-list .list-icon{height:30px;width:30px}.settings-list>a:after{left:58px;right:0}.prose,.document .prose{font-size:16px;line-height:2}.detail-heading h1,.document .detail-heading h1{font-size:25px}.detail-subtitle{font-size:14px}.detail-meta{font-size:10px;gap:12px}.detail-meta .text-button{font-size:11px}.detail-layout.document{padding-left:20px;padding-right:20px}.mobile-toc{font-size:13px}.mobile-toc nav{gap:11px}.delivery-panel h2{font-size:23px}.delivery-panel>p{font-size:13px}.delivery-link b{font-size:14px}.delivery-link small{font-size:12px}.page-heading h1{font-size:30px}.page-heading>p{font-size:13px}.order-list-item h3{font-size:15px}.order-line{font-size:12px}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}.site-footer{padding-bottom:110px}.mobile-purchase{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
}
@media(max-width:350px){.site-main.home-main{padding-left:12px;padding-right:12px}.content-grid{gap:12px 10px}.card-body{padding:10px}.card-body h3{font-size:14px}.card-body>p{font-size:11px}.member-price{font-size:9px}.card-bottom{gap:4px}.feed-tabs>a{padding-left:11px;padding-right:11px}.settings-list>a>span:nth-child(2){font-size:15px}}
@media(prefers-reduced-motion:no-preference){.site-main[data-page].page-enter{animation:page-in .16s ease-out}@keyframes page-in{from{opacity:.65}to{opacity:1}}}
.navigation-waiting:before{content:"";position:fixed;z-index:100;left:0;right:0;top:0;height:2px;background:#007aff}
#reading-progress{top:64px;background:#007aff}
/* Compact scale shared by every public page. */
:root{--text-xs:11px;--text-sm:12px;--text-base:13px;--text-reading:14px;--text-title:22px;--control-height:36px;--radius:12px}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:52px}body{font-size:var(--text-base);line-height:1.6}
.site-header{height:48px;padding-top:0}.header-inner{padding:0 20px;gap:16px}.brand{font-size:17px;gap:7px}.brand-mark{width:28px;height:28px;border-radius:8px}.brand-mark svg{width:18px;height:18px}.desktop-nav{font-size:13px;gap:24px}.avatar-mini{width:26px;height:26px}.header-actions{gap:10px}.user-pill{font-size:11px}
.site-main{padding:18px 24px 88px}.button{min-height:var(--control-height);padding:8px 14px;font-size:var(--text-sm);border-radius:9px;gap:7px}.button svg{width:15px;height:15px}.text-button{font-size:var(--text-xs)}.tag{font-size:var(--text-xs);padding:3px 7px}.muted{font-size:var(--text-sm)}
.page-heading{padding:0 0 18px}.page-heading h1{font-size:var(--text-title);line-height:1.4;margin-top:0}.page-heading>p{font-size:var(--text-sm);margin-top:5px}.back-link{margin:0 0 12px;font-size:var(--text-sm)}.section-heading{margin-bottom:14px}.section-heading h2{font-size:17px;margin-top:0}.section-heading>a{font-size:var(--text-xs)}
.site-main.home-main{padding:0 20px 88px}.feed-toolbar{padding:0 0 8px;margin:0;gap:6px;min-height:42px}.feed-tabs{gap:2px}.feed-tabs>a{font-size:13px;line-height:20px;padding:6px 12px;border-radius:8px}.feed-search-toggle{width:32px;height:38px}.feed-search-toggle svg{width:18px;height:18px}.feed-search{min-height:36px;border-radius:9px;margin-bottom:12px}.feed-search input:not([type=hidden]):not([type=checkbox]):not([type=radio]){min-height:36px;padding:5px 0}.feed-search button,.feed-search>a{font-size:12px;padding:6px 0 6px 7px}.search-caption{font-size:11px;margin-bottom:12px}
.content-grid{gap:16px}.resource-card{border-radius:11px}.card-cover{aspect-ratio:1.65}.card-body{padding:10px 12px 12px}.card-meta{font-size:10px;line-height:1.4}.card-body h3{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;min-height:0;height:auto;font-size:14px;line-height:1.5;margin:4px 0 0}.card-body h3 a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-body>p{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;font-size:11px;line-height:1.5;height:auto;min-height:0;margin-top:4px}.card-bottom{margin-top:10px;gap:5px;flex-wrap:nowrap}.card-price b{font-size:15px}.card-price small{font-size:10px}.card-price b.free-label{font-size:12px}.member-price{font-size:10px}.pagination{font-size:12px;margin-top:22px}.pagination>a,.pagination>span{padding:6px 12px}.empty-state{padding:48px 16px}.empty-state h3{font-size:17px}.empty-state p{font-size:12px}
.site-main[data-page=me]{padding-top:0}.account-title{padding:0 0 12px}.account-title h1{font-size:24px;line-height:38px;letter-spacing:-.02em}.profile-card{padding:16px;gap:12px;border-radius:12px}.profile-avatar{width:44px;height:44px;font-size:20px}.profile-avatar svg{width:24px;height:24px}.profile-info h2{font-size:17px}.profile-info>p{font-size:11px}.profile-info .tag{font-size:10px;margin-top:4px}.profile-chevron{width:14px}.account-stats{padding:16px 0;margin-top:12px;border-radius:12px}.account-stats strong{font-size:19px}.account-stats span{font-size:11px;margin-top:5px}.settings-list{border-radius:12px}.settings-list>a{min-height:46px;padding:10px 14px;gap:10px}.settings-list>a>span:nth-child(2){font-size:13px}.settings-list small{font-size:11px}.settings-list>a:after{left:48px}.settings-list>a>svg{width:14px;height:14px}.settings-list .list-icon{width:26px;height:26px;border-radius:6px}.list-icon svg{width:16px;height:16px}.membership-row{margin:18px 0}.membership-row>a{padding-top:12px;padding-bottom:12px}.account-help,.logout-button{font-size:13px;padding:11px;margin-top:18px;border-radius:12px}.account-icp{margin-top:18px}
.form-surface,.checkout-card,.auth-card,.order-detail{padding:22px;border-radius:12px}.form-surface h3{font-size:14px;margin-bottom:14px}label{font-size:12px;margin-bottom:14px}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:38px;padding:8px 11px;margin-top:5px;border-radius:8px}input::placeholder,textarea::placeholder{font-size:12px}hr{margin:20px 0}.auth-layout{gap:48px;margin:20px auto 36px}.auth-card h2{font-size:22px}.auth-card>p,.auth-switch,.auth-help{font-size:12px}.auth-card>p{margin-bottom:20px}.auth-card .back-link{margin-bottom:18px}.auth-story h1{font-size:30px}.auth-story>p{font-size:12px}
.membership-heading{padding:6px 0 28px}.membership-heading h1{font-size:22px;margin-top:0}.membership-heading p{font-size:12px;margin-top:10px;line-height:1.8}.member-emblem{display:none}.plan-grid{gap:18px}.plan-card{padding:24px 20px;border-radius:12px}.plan-card>.eyebrow{display:none}.plan-card h2{font-size:18px;margin:0 0 6px}.plan-card>p{font-size:12px;min-height:0}.plan-price{margin-top:16px}.plan-price>strong{font-size:26px}.plan-price>small,.plan-price>span{font-size:12px}.plan-recommend{font-size:10px;padding:4px 10px}.plan-benefits{font-size:12px;line-height:1.6;gap:10px;margin:18px 0}.plan-card .button{font-size:12px;margin-top:12px}.membership-faq{margin-top:30px}.membership-faq h2{font-size:17px;margin-bottom:16px}.membership-faq summary,.membership-faq p{font-size:12px}
.checkout-item{gap:12px;margin-bottom:18px}.checkout-item h2{font-size:16px;line-height:1.5}.checkout-item .list-icon{width:32px;height:32px;border-radius:8px}.checkout-item .list-icon svg{width:18px;height:18px}.checkout-item .muted{font-size:11px}.order-line,.checkout-card .order-line{font-size:12px;padding:9px 0;gap:12px}.order-line>code{font-size:11px}.checkout-card h3{font-size:14px}.payment-option{padding:11px 12px;gap:10px;min-height:46px;font-size:13px}.payment-logo{width:28px;height:28px;font-size:17px;border-radius:7px}.checkout-total{margin:20px 0 16px}.checkout-total>span{font-size:12px}.checkout-total strong{font-size:25px}.checkout-total small{font-size:13px}.checkout-note,.free-notice{font-size:11px}.order-list-item{padding:14px;border-radius:11px;gap:12px}.order-list-item h3{font-size:13px}.order-list-item strong{font-size:14px}.order-list-item .muted,.order-list-item small{font-size:10px}.order-list-item .status{font-size:10px}.order-detail>h1{font-size:21px}.order-detail>p{font-size:12px}.status{font-size:10px}.small-dialog{padding:22px;border-radius:12px}.small-dialog h3{font-size:18px}.small-dialog p{font-size:13px}.toast{font-size:12px;border-radius:10px}
.bottom-nav{height:54px;width:210px;bottom:16px;border-radius:18px;padding:4px 10px}.bottom-nav svg{width:21px;height:21px}.bottom-nav>a{font-size:10px;gap:2px}
/* A single reading surface and a compact navigation row replace nested detail cards. */
body.document-page,body.showcase-page{background:#fff}.site-main.detail-page-main{max-width:1120px;padding:0 24px 88px;min-height:100vh}.detail-navigation{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;height:44px;margin-bottom:12px;background:#ffffffed;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #f2f2f7;font-size:12px}.detail-back{display:flex;align-items:center;gap:3px;color:#007aff}.detail-back svg{width:13px;height:13px;transform:rotate(180deg)}.detail-category{color:#8e8e93;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-navigation .text-button{margin-left:auto;font-size:11px;white-space:nowrap;gap:4px}.detail-navigation .text-button svg{width:15px;height:15px}
.detail-layout,.detail-layout.document{grid-template-columns:minmax(0,1fr) 220px;gap:32px;background:none;border:0;border-radius:0;padding:0 0 20px}.detail-main{max-width:760px}.detail-cover{border:0;border-radius:10px}.detail-cover img{aspect-ratio:2;max-height:380px}.document-cover{height:120px;border-radius:10px}.document-cover img{object-position:center 45%;filter:none}.detail-heading,.document .detail-heading{padding:16px 0;margin-bottom:16px;border-bottom:1px solid #f2f2f7}.detail-heading h1,.document .detail-heading h1{font-size:22px;line-height:1.45;margin:0;letter-spacing:-.02em}.detail-subtitle{font-size:13px;line-height:1.7;margin-top:7px;color:#8e8e93}.detail-meta{font-size:11px;line-height:1.5;margin-top:10px;gap:12px}.detail-meta>span{display:inline}.detail-sidebar{top:64px;gap:20px}.document .detail-sidebar{padding-top:18px}.toc-card{padding:0 0 14px;border:0;border-radius:0}.toc-card h3{font-size:13px;margin:0 0 10px}.toc-card nav a,.toc-card nav a.level-3{font-size:11px;padding-top:5px;padding-bottom:5px}.purchase-card,.document .purchase-card{padding:16px;border:1px solid #e5e5ea;border-radius:10px;box-shadow:none}.purchase-card h3{font-size:15px;margin:0 0 12px}.detail-price{margin:0 0 10px}.detail-price strong{font-size:25px;color:#1c1c1e}.detail-price small{font-size:12px}.detail-price>span{font-size:11px}.member-offer{background:none;border:0;border-radius:0;margin:0 0 16px;padding:0;font-size:12px;color:#8e8e93}.member-offer b{font-size:12px;font-weight:500;color:#007aff}.purchase-member-link{font-size:11px;margin:10px 0 0;color:#8e8e93}
.prose,.document .prose{font-size:14px;line-height:1.85;color:#3a3a3c}.prose h1{font-size:22px}.prose h2{font-size:18px;line-height:1.5;margin:1.5em 0 .65em;scroll-margin-top:58px}.prose h3{font-size:16px;margin:1.3em 0 .55em;scroll-margin-top:58px}.prose h4{font-size:14px}.prose strong{color:#1c1c1e}.prose li::marker{color:#8e8e93}.prose ul,.prose ol{padding-left:20px;margin:.8em 0 1.1em}.prose li{margin:4px 0;padding-left:2px}.prose blockquote{background:none;border-left:2px solid #d1d1d6;border-radius:0;padding:2px 0 2px 12px;margin:18px 0;color:#8e8e93}.prose pre{font-size:12px;background:#f5f5f7;color:#3a3a3c;padding:14px;border-radius:8px}.prose pre code{background:none}.prose :not(pre)>code{background:#f2f2f7;color:#3a3a3c;border:0}.prose hr{margin:24px 0}.prose img{margin:18px auto;border-radius:8px}.mobile-toc{background:#f5f5f7;border-radius:8px;padding:9px 12px;font-size:12px;margin-bottom:18px}.mobile-toc nav{gap:8px;padding-top:12px}.detail-section{margin-top:26px}.detail-section h2{font-size:17px;margin-bottom:14px}.small-section-title>span{font-size:11px}.gallery-grid{gap:10px}.gallery-grid button,.detail-section video{border-radius:8px}
.delivery-panel{background:none;border:0;border-top:1px solid #e5e5ea;border-radius:0;padding:20px 0 0;margin-top:28px}.delivery-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.delivery-panel h2{font-size:17px;margin:0}.success-label{font-size:11px}.success-label svg{width:13px;height:13px}.delivery-link{padding:11px 12px;gap:10px;border-radius:8px;margin-top:8px}.delivery-icon{height:28px;width:28px;border-radius:7px}.delivery-icon svg{width:16px;height:16px}.delivery-link b{font-size:13px;font-weight:500}.delivery-link small{font-size:11px}.delivery-link>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.delivered-card{padding:14px;border:1px solid #e5e5ea;border-radius:8px;margin-top:12px}.delivered-card code{font-size:12px;line-height:1.8;margin:9px 0}.delivered-card label{font-size:11px}.delivered-card .button{font-size:11px;min-height:30px;padding:6px 10px}.related-section{margin-top:32px}.related-section .section-heading h2{font-size:16px}.mobile-purchase{padding:9px 16px;gap:12px}.mobile-purchase strong{font-size:18px;line-height:1.3}.mobile-purchase span{font-size:10px}.mobile-purchase>.button{font-size:12px;min-height:36px;min-width:118px;border-radius:8px}#reading-progress{top:44px}
@media(max-width:760px){
  .site-header{height:44px;padding:0}.header-inner{padding:0 14px}.site-main{padding:14px 14px 76px}.site-main.home-main{padding:0 12px 76px}.feed-toolbar{padding-top:0;min-height:40px}.feed-tabs>a{font-size:13px;line-height:20px;padding:5px 11px}.feed-tabs{padding:0}.feed-search-toggle{height:34px;width:30px}.content-grid{gap:12px 10px}.card-cover{aspect-ratio:1.5}.card-body{padding:8px 10px 10px}.card-body h3{font-size:13px;min-height:0;line-height:1.5}.card-body>p{font-size:11px;height:auto}.card-meta{font-size:10px}.card-bottom{margin-top:9px}.card-price b{font-size:14px}.card-price b.free-label{font-size:12px}.member-price{font-size:9px}.bottom-nav{left:0;right:0;bottom:0;transform:none;width:100%;height:52px;padding:4px 24px;border:0;border-top:1px solid #d1d1d680;border-radius:0}.bottom-nav svg{width:21px;height:21px}.site-main[data-page=me]{padding-top:0}.account-title{padding:0 0 10px}.account-title h1{font-size:23px;line-height:36px}.profile-card{padding:14px;gap:11px}.profile-avatar{height:42px;width:42px;font-size:19px}.profile-info h2{font-size:16px}.account-stats{padding:14px 0}.account-stats strong{font-size:18px}.settings-list>a{min-height:45px;padding:9px 13px}.settings-list>a>span:nth-child(2){font-size:13px}.settings-list>a:after{left:48px}.settings-list small{font-size:11px}.settings-list .list-icon{width:25px;height:25px}.membership-row{margin:16px 0}.membership-row>a{padding-top:11px;padding-bottom:11px}.account-help,.logout-button{margin-top:16px}.page-heading h1{font-size:22px}.page-heading>p{font-size:12px}.plan-card{padding:22px 18px}.plan-grid{gap:22px}.plan-benefits{font-size:11px;gap:9px}.form-surface,.auth-card,.checkout-card,.order-detail{padding:20px 18px}.order-list-item h3{font-size:13px}.order-list-item .muted,.order-list-item small{font-size:10px}.order-line{font-size:12px}.site-main.detail-page-main{padding:0 16px 76px}.detail-navigation{margin-bottom:10px;height:42px}.detail-layout,.detail-layout.document{display:block;padding:0;background:none}.document-cover{height:96px;border-radius:8px}.detail-cover{border-radius:8px}.detail-cover img{aspect-ratio:1.9;max-height:220px}.detail-heading,.document .detail-heading{padding:14px 0;margin-bottom:16px}.detail-heading h1,.document .detail-heading h1{font-size:20px;margin:0}.detail-subtitle{font-size:12px;line-height:1.7;margin-top:6px}.detail-meta{font-size:10px;gap:12px;margin-top:9px}.prose,.document .prose{font-size:14px;line-height:1.85}.prose h2{font-size:17px}.prose h3{font-size:15px}.detail-sidebar{display:none}.mobile-toc{font-size:12px;padding:8px 11px}.delivery-panel h2{font-size:16px}.delivery-panel>p{font-size:12px}.delivery-link b{font-size:12px}.delivery-link small{font-size:11px}.mobile-purchase{padding:8px 16px}.mobile-purchase>.button{font-size:12px;min-height:34px;min-width:112px}.mobile-purchase strong{font-size:18px}.site-footer{font-size:10px;padding:20px 0 80px}#reading-progress{top:42px}
}
@media(max-width:350px){.card-body{padding:7px 8px 9px}.card-body h3{font-size:12px}.card-body>p{font-size:10px}.member-price{font-size:9px}.feed-tabs>a{padding-left:9px;padding-right:9px}.card-price b{font-size:13px}.settings-list>a>span:nth-child(2){font-size:13px}}
/* Home cards use the cover as a poster, with only a title and description. */
.home-feed .poster-card{position:relative;aspect-ratio:3/4;min-width:0;border:0;border-radius:22px;background:#1c1c1e;box-shadow:0 6px 20px #0000000a;isolation:isolate}
.poster-card-link{position:relative;display:block;width:100%;height:100%;color:#fff;overflow:hidden;border-radius:inherit;-webkit-tap-highlight-color:transparent}
.poster-card-cover{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;z-index:-2}
.poster-card-link:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 30%,#0000000a 45%,#00000075 68%,#000000d9 100%)}
.poster-card-caption{position:absolute;left:0;right:0;bottom:0;min-width:0;padding:24px}
.poster-card-caption h3{font-size:20px;font-weight:650;line-height:1.4;letter-spacing:-.02em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;text-shadow:0 1px 8px #00000026}
.poster-card-caption p{font-size:12px;line-height:1.6;color:#ffffffbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0 0}
.poster-card-link:focus-visible{outline:3px solid #007aff;outline-offset:-4px}
@media(max-width:760px){.home-feed>.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.home-feed .poster-card{border-radius:14px}.poster-card-caption{padding:12px}.poster-card-caption h3{font-size:13px}.poster-card-caption p{font-size:11px;margin-top:4px}}
@media(max-width:350px){.poster-card-caption{padding:10px}.poster-card-caption h3{font-size:12px}.poster-card-caption p{font-size:10px}}

.detail-back{flex-shrink:0}.detail-nav-title{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;color:#3a3a3c}.detail-navigation .text-button{flex-shrink:0}
.document .detail-heading{padding-top:8px}.document .detail-sidebar{padding-top:8px}
.prose .document-video{margin:22px 0;max-width:100%}.prose .document-video video{display:block;width:100%;max-height:560px;border-radius:8px;background:#1c1c1e}.prose .locked-video{padding:25px 16px;border:1px solid #e5e5ea;border-radius:8px;background:#f9f9fb}.prose .locked-video>span{font-size:26px;color:#8e8e93}.prose .locked-video p{font-size:12px;margin:6px 0 0}