@layer tokens, reset, base, layout, components, utilities, responsive;
@layer tokens{ :root{
--font-scale:.25rem;--font-family-sans:system-ui,-apple-system,"Segoe UI",sans-serif;
--font-size-body-base:15px;--font-size-reading-base:16px;--font-size-meta-base:12px;--font-size-source-base:14px;--font-size-card-title-base:17px;--font-size-section-title-base:18px;--font-size-summary-title-base:21px;--font-size-page-title-base:30px;--font-size-header-title-base:22px;
--font-size-body:calc(var(--font-size-body-base) + var(--font-scale));--font-size-reading:calc(var(--font-size-reading-base) + var(--font-scale));--font-size-meta:calc(var(--font-size-meta-base) + var(--font-scale));--font-size-source:calc(var(--font-size-source-base) + var(--font-scale));--font-size-card-title:calc(var(--font-size-card-title-base) + var(--font-scale));--font-size-section-title:calc(var(--font-size-section-title-base) + var(--font-scale));--font-size-summary-title:calc(var(--font-size-summary-title-base) + var(--font-scale));--font-size-page-title:calc(var(--font-size-page-title-base) + var(--font-scale));--font-size-header-title:calc(var(--font-size-header-title-base) + var(--font-scale));
--font-weight-navigation:400;--nav-control-height:40px;--nav-control-padding-x:12px;--nav-control-gap:7px;
--line-height-body:1.5;--line-height-reading:1.58;--line-height-title:1.28;
--card-padding-y:18px;--card-row-gap:28px;--card-column-gap:24px;--card-padding-x:12px;
--cream-1:#fff;--cream-2:#fff;--cream-3:#f4f4f4;--cream-4:#ededed;--cream-5:#e4e4e4;--cream-6:#d8d8d8;--cream-7:#c9c9c9;--cream-8:#b5b5b5;--cream-9:#8f8f8f;--cream-10:#7c7c7c;--cream-11:#666;--cream-12:#252525;
--coral-1:#fffafa;--coral-2:#fff5f2;--coral-3:#fff0eb;--coral-4:#ffe4dc;--coral-5:#fbd6cb;--coral-6:#f2c4b6;--coral-7:#e7aa98;--coral-8:#d98974;--coral-9:#c8614d;--coral-10:#bb5745;--coral-11:#b65341;--coral-12:#5b2d25;
--complement-1:#fcfdfd;--complement-2:#f5f9f9;--complement-3:#ebf3f4;--complement-4:#ddebee;--complement-5:#cce2e6;--complement-6:#b3d5db;--complement-7:#95c7d0;--complement-8:#70b5c2;--complement-9:#41a4b6;--complement-10:#3d8f9e;--complement-11:#377581;--complement-12:#25454b;
--butter-1:#fffef8;--butter-2:#fffbea;--butter-3:#fff4c7;--butter-4:#ffecad;--butter-5:#f8df8a;--butter-6:#f0d170;--butter-7:#e8c36a;--butter-8:#d8ac45;--butter-9:#d39a26;--butter-10:#bd861c;--butter-11:#8a6414;--butter-12:#49390f;
--theme-bg:#fff;--theme-surface:#fff;--theme-surface-soft:#f4f4f4;--theme-text:var(--cream-12);--theme-text-muted:var(--cream-11);
--theme-accent:var(--coral-11);--theme-accent-solid:var(--coral-11);--theme-accent-hover:var(--coral-12);--theme-accent-soft:var(--coral-3);--theme-accent-soft-hover:var(--coral-4);--theme-focus:var(--coral-8);--theme-focus-ring:rgba(182,83,65,.17);
--theme-secondary:var(--complement-11);--theme-secondary-strong:var(--complement-12);--theme-secondary-soft:var(--complement-3);--theme-secondary-soft-hover:var(--complement-4);
--theme-source:var(--cream-11);--theme-favorite-bg:var(--butter-3);--theme-favorite-text:var(--butter-11);--theme-reference:var(--complement-9);--theme-on-accent:#fff;
--color-bg:var(--theme-bg);--color-surface:var(--theme-surface);--color-text:var(--theme-text);--color-muted:var(--theme-text-muted);--color-link:var(--theme-accent);--color-source:var(--theme-source);--color-hover:var(--theme-surface-soft);--color-active:var(--theme-favorite-bg);--color-active-text:var(--theme-favorite-text);
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;
--radius-ui:6px;--radius-control:var(--radius-ui);--radius-card:var(--radius-ui);--radius-panel:var(--radius-ui);
--content-max:1180px;--article-max:820px;--summary-mobile-collapsed-height:48svh;
}}
@layer reset{*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}}
@layer base{body{background:#fff;color:var(--color-text);font:var(--font-size-body)/var(--line-height-body) var(--font-family-sans)}a{color:var(--color-link);cursor:pointer}button,summary{cursor:pointer}}
@layer layout{.wrap{max-width:var(--content-max);margin:auto;padding:0 18px 26px}.wrap.articleWrap{max-width:var(--article-max)}.cards{display:flex;flex-wrap:wrap;gap:var(--card-row-gap) var(--card-column-gap)}.sectionTitle{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin:26px 0 12px}.sectionTitle h2{margin:0}}
@layer components{
.eyebrow{font-size:var(--font-size-meta);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.sub{color:var(--color-muted);max-width:820px}.meta{font-size:var(--font-size-meta);color:var(--color-muted)}
.siteHeader{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);padding:14px 0 10px;margin-bottom:16px;box-shadow:0 1px 0 rgba(0,0,0,.07)}
.siteTitle{display:block;font-size:var(--font-size-header-title);font-weight:750;line-height:1.2;color:var(--color-text);text-decoration:none;margin:2px 0 0}
.siteSubtitle{display:none;color:var(--color-muted);max-width:820px;margin:5px 0 0}.homePage .siteSubtitle{display:block}
.topControls{display:flex;align-items:center;gap:var(--nav-control-gap);flex-wrap:nowrap;min-width:0;padding:1em 0}.topControls .navButton,.headerCategoryLink,.sectionAction,.pagination a,.pagination span,.back{font-weight:var(--font-weight-navigation)}
.topControls .navButton{flex:0 0 auto;height:var(--nav-control-height);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:0;background:var(--theme-surface-soft);border-radius:var(--radius-ui);padding:0 var(--nav-control-padding-x);color:var(--color-text);text-decoration:none}.topControls .navButton:hover{background:var(--theme-accent-soft)}.topControls .navButton.active{background:var(--theme-accent-solid);color:var(--theme-on-accent)}
.favoriteNavButton{gap:6px;padding-left:9px!important;padding-right:7px!important}.favoriteNavButton svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.favoriteNavCount{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--radius-ui);background:var(--theme-secondary-soft);color:var(--theme-secondary-strong);font-size:var(--font-size-meta);line-height:1}.favoriteNavButton.active .favoriteNavCount{background:#ffffffd9;color:var(--theme-secondary-strong)}
.searchModule{position:relative;flex:0 1 250px;min-width:150px;max-width:250px;margin-left:2px;height:var(--nav-control-height)}.searchModule svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:var(--theme-secondary);stroke-width:2;pointer-events:none}.search{width:100%;height:100%;border:0;background:#fff;border-radius:var(--radius-ui);padding:0 11px 0 36px;color:var(--color-text);outline:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.search::placeholder{color:var(--color-muted);opacity:.82}.search:focus{background:#fff;box-shadow:0 0 0 3px var(--theme-focus-ring)}
.headerCategories{display:flex;flex-wrap:wrap;gap:6px;margin-top:0}.headerCategoryLink{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:5px 9px;background:var(--theme-accent-soft);border-radius:var(--radius-ui);color:var(--color-text);font-size:var(--font-size-body);line-height:1.2;text-decoration:none}.headerCategoryLink:hover{background:var(--theme-accent-soft-hover)}.headerCategoryLink.active{background:var(--theme-accent-solid);color:var(--theme-on-accent)}.headerCategoryCount{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--radius-ui);background:var(--theme-secondary-soft);color:var(--theme-secondary-strong);font-size:var(--font-size-meta)}.headerCategoryLink.active .headerCategoryCount{background:#ffffffd9;color:var(--theme-secondary-strong)}
.summaryAnchor,.latestAnchor{scroll-margin-top:190px}.summaryBox{width:100%;max-width:none;background:#fff;border:0;border-radius:var(--radius-ui);padding:18px var(--space-5);margin:var(--space-2) 0 24px;position:relative}.summaryBox h2{font-size:var(--font-size-summary-title);margin:2px 0}.summaryMeta{font-size:var(--font-size-meta);color:var(--color-muted);margin-bottom:10px}.summaryBody{font-size:var(--font-size-reading);line-height:var(--line-height-reading)}.summaryBody p{margin:var(--space-2) 0}.summaryBody a{font-weight:650;text-decoration:none}.summaryBody a:hover{text-decoration:underline}.summaryToggle{display:none}
.sectionAction{display:inline-flex;align-items:center;border:0;background:var(--theme-secondary-soft);border-radius:var(--radius-ui);padding:7px 10px;color:var(--theme-secondary-strong);font-size:var(--font-size-meta);text-decoration:none;white-space:nowrap}.sectionAction:hover{background:var(--theme-secondary-soft-hover)}
.searchResultsHeader{margin:24px 0 12px}.searchResultsHeader h2{margin:0}.searchResultsMeta{color:var(--color-muted);margin-top:3px}
.card{background:#fff;border:0;border-radius:var(--radius-ui);padding:var(--card-padding-y) var(--card-padding-x);flex:1 1 320px;min-width:0;display:flex;flex-direction:column}.cardTop{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px}.cardDate{font-size:var(--font-size-meta);color:var(--color-muted);white-space:nowrap}.card h3{font-size:var(--font-size-card-title);line-height:var(--line-height-title);margin:6px 0 8px}.card h3 a{color:inherit;text-decoration:none}.card h3 a:hover{text-decoration:underline}.cardBody{font-size:var(--font-size-body)}.cardFooter{margin-top:auto;padding-top:var(--space-3);display:grid;gap:4px;min-width:0}.cardCategory{font-size:var(--font-size-meta);color:var(--color-muted)}
.source{min-width:0;overflow-wrap:anywhere}.source a{color:var(--color-source);font-size:var(--font-size-source);font-weight:400;text-decoration:none;max-width:100%}.source a:hover{color:var(--color-text);text-decoration:underline}
.actions{display:flex;gap:5px;flex:0 0 auto}.iconBtn{border:0;background:var(--theme-surface-soft);border-radius:var(--radius-ui);width:34px;height:34px;display:grid;place-items:center;padding:0;color:var(--color-muted);text-decoration:none}.iconBtn:hover{background:var(--theme-accent-soft);color:var(--color-text)}.iconBtn.active{color:var(--color-active-text);background:var(--color-active)}.iconBtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.iconBtn.share svg{fill:currentColor;stroke:none}.iconBtn.download{color:var(--theme-secondary-strong);background:var(--theme-secondary-soft)}.iconBtn.download:hover{background:var(--theme-secondary-soft-hover)}
.archive{margin-top:10px}.week{background:#fff;border:0;border-radius:var(--radius-ui);margin:10px 0;overflow:hidden}.week summary{padding:13px 15px;font-weight:750}.week .inside{padding:0 var(--space-3) var(--space-3)}.count{color:var(--color-muted);font-weight:500}.ref{background:linear-gradient(90deg,var(--theme-secondary-soft),#fff 22%);padding-left:var(--card-padding-x)}
.empty{padding:22px;background:#fff;border:0;border-radius:var(--radius-ui);color:var(--color-muted)}
.feedHeader{margin:18px 0 12px}.feedHeader h2{margin:0}.feedSub{margin-top:4px;color:var(--color-muted)}.pagination{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:14px 0}.pagination a,.pagination span{min-width:34px;height:34px;display:inline-grid;place-items:center;border:0;border-radius:var(--radius-ui);background:var(--theme-surface-soft);color:var(--color-link);text-decoration:none;padding:0 8px}.pagination a:hover{background:var(--theme-accent-soft)}.pagination .current{background:var(--theme-accent-solid);color:var(--theme-on-accent)}
.singlePost{max-width:100%}.singlePost .card{width:100%;flex-basis:100%}
.backToTop{position:fixed;right:18px;bottom:18px;z-index:30;width:48px;height:48px;border:0;border-radius:var(--radius-ui);background:var(--theme-secondary-soft);color:var(--theme-secondary-strong);box-shadow:0 4px 14px #0000001f;display:grid;place-items:center;font-size:24px;font-weight:700;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s,transform .18s}.backToTop.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.backToTop:hover{background:var(--theme-secondary-soft-hover)}
.shareDialog{border:0;border-radius:var(--radius-ui);padding:0;box-shadow:0 18px 55px #0003;width:min(360px,calc(100% - 28px))}.shareDialog::backdrop{background:#0006}.shareBox{padding:18px}.shareBox h3{margin:0 0 var(--space-3)}.shareOptions{display:grid;gap:var(--space-2)}.shareOptions a,.shareOptions button{display:block;width:100%;text-align:left;padding:11px var(--space-3);border:0;background:var(--theme-surface-soft);border-radius:var(--radius-ui);color:var(--color-text);text-decoration:none}.shareOptions a:hover,.shareOptions button:hover{background:var(--theme-accent-soft)}.closeBtn{float:right;border:0;background:transparent;border-radius:var(--radius-ui);font-size:calc(20px + var(--font-scale));padding:0 2px}
}
@layer utilities{.hidden{display:none!important}}
@layer responsive{
@media (max-width:900px), (hover:none) and (pointer:coarse) and (max-width:1366px){
.cards{display:block}
.cards .card{width:100%;display:block;background:#fff;padding:12px var(--card-padding-x) 13px;margin:0 0 8px;border-radius:var(--radius-ui)}
.cards .cardTop{min-height:28px}
.cards .card h3{margin:3px 0 5px}
.cards .cardBody{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.cards .cardFooter{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding-top:8px}
.cards .cardCategory{white-space:nowrap}
}
@media(max-width:700px){:root{--font-size-page-title-base:26px;--font-size-header-title-base:19px;--nav-control-height:36px;--nav-control-padding-x:8px;--nav-control-gap:5px;--card-padding-y:16px;--card-row-gap:24px}.siteHeader{padding-top:9px}.topControls{overflow-x:auto;scrollbar-width:none;padding-bottom:1em}.topControls::-webkit-scrollbar{display:none}.searchModule{flex:0 0 105px;min-width:105px;max-width:105px}.searchModule svg{left:8px;width:16px;height:16px}.search{padding-left:29px}.headerCategories{gap:5px}.headerCategoryLink{min-height:30px;padding:4px 7px}.card{flex-basis:100%}.summaryBox{padding:15px}.backToTop{right:14px;bottom:14px;width:46px;height:46px}.summaryBox.is-collapsible:not(.is-expanded){max-height:var(--summary-mobile-collapsed-height);overflow:hidden;cursor:pointer;padding-bottom:66px}.summaryBox.is-collapsible:not(.is-expanded)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(to bottom,#ffffff00,#fff 68%);pointer-events:none}.summaryToggle{display:block;position:absolute;z-index:2;left:50%;bottom:12px;transform:translateX(-50%);border:0;background:var(--theme-secondary-soft);color:var(--theme-secondary-strong);border-radius:var(--radius-ui);padding:7px 14px;font-weight:750;cursor:pointer;white-space:nowrap}.summaryBox.is-expanded .summaryToggle{position:static;transform:none;margin:12px auto 0}}
}