/* Codex reference edition, 2026-10-28. Only generated content pages opt in. */
body[data-design=reference-v1]{background:var(--paper);color:var(--ink);--ref-serif:"Songti SC",STSong,SimSun,Georgia,serif}
[data-design] :is(.site-header,main,footer){box-sizing:border-box;max-width:1200px;width:calc(100% - 80px);padding-left:0;padding-right:0}
[data-design] .site-header{min-height:86px;gap:24px;border-bottom:1px solid var(--line)}
[data-design] .site-header nav{gap:22px;font-size:14px}
[data-design] .brand{font-size:23px;letter-spacing:0}
[data-design] .brand small{font-size:10px}
[data-design] .hero.compact,[data-design] .ref-title{max-width:none;padding:44px 0 28px}
[data-design] .hero.compact h1,[data-design] .ref-title h1{font-size:36px;line-height:1.35;letter-spacing:-.025em}
[data-design] .hero.compact>p,[data-design] .ref-title>p{font-size:15px;color:var(--muted);max-width:760px}
[data-design] .ref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 26px}
[data-design] .ref-card{min-width:0;border-bottom:1px solid var(--line);padding-bottom:22px}
[data-design] .ref-card h2{font-size:23px;line-height:1.45;margin:12px 0}
[data-design] .ref-card p{font-size:14px;line-height:1.85;color:var(--muted)}
[data-design] .ref-cover{display:block;width:100%;height:220px;object-fit:cover;background:var(--soft)}
[data-design] .ref-copy{padding-top:16px}
[data-design] .ref-entry{padding:26px 0;border-bottom:1px solid var(--line)}
[data-design] .ref-entry h2{font-size:25px;line-height:1.5;margin:10px 0}
[data-design] .ref-entry p{font-size:15px;color:var(--muted);line-height:1.9}
[data-design] .ref-button{display:inline-flex;align-items:center;padding:12px 26px;background:var(--accent);color:var(--paper);border-radius:6px;font-size:15px}
[data-design] .ref-topics{display:flex;flex-wrap:wrap;gap:12px 24px;padding:22px 0;font-size:14px}
[data-design] .ref-topics small{font-size:11px;color:var(--muted);margin-left:7px}
[data-design] .home-directory{position:static;margin-top:40px;max-width:none;padding:22px 0;border-top:1px solid var(--line)}
[data-design] .home-directory nav{display:flex;flex-wrap:wrap;gap:18px;border:0}
[data-design] .home-directory nav a{border:0;gap:10px;padding:8px 0;font-size:14px}
[data-design] .home-directory .directory-note{max-width:660px;font-size:12px}
[data-design] .feed-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:44px}
[data-design] .feed-sidebar{position:sticky;top:22px;align-self:start}
[data-design] .feed-results{min-width:0}
[data-design] .feed-search-control{display:flex;gap:6px}
[data-design] #feed-search{min-width:0;width:100%}
[data-design] .feed-entry{padding:24px 0;border-bottom:1px solid var(--line);min-width:0}
[data-design] .feed-entry h2{font-size:24px;line-height:1.5;margin:12px 0}
[data-design] .feed-entry p{color:var(--muted);font-size:15px;line-height:1.85}
[data-design] .feed-cover{display:none}
[data-design] .feed-cover img{display:block;width:100%;height:210px;object-fit:cover;background:var(--soft)}
[data-design] :is(.feed-pagination,.pagination){margin:36px 0;gap:12px;flex-wrap:wrap}
[data-design] .reading{max-width:760px;margin:50px auto}
[data-design] .reading-layout{display:grid;grid-template-columns:minmax(0,760px) 190px;gap:50px;justify-content:center}
[data-design] .reading-layout .reading{width:100%;min-width:0}
[data-design] .prose{font-size:18px;line-height:1.95}
[data-design] .prose h1{font-size:38px;line-height:1.4;letter-spacing:-.025em}
[data-design] .reading-aside{min-width:0}
[data-design] .showcase-card,[data-design] .showcase-copy{min-width:0}
[data-design] :is(h1,h2,h3,p){overflow-wrap:anywhere}
[data-design] [hidden]{display:none!important}
@media(max-width:850px){[data-design] :is(.site-header,main,footer){width:calc(100% - 40px)}[data-design] .ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-design] .reading-layout{display:block}[data-design] .feed-layout{grid-template-columns:180px minmax(0,1fr);gap:24px}}
@media(max-width:650px){[data-design] :is(.site-header,main,footer){width:calc(100% - 36px)}[data-design] .site-header{padding:18px 0;min-height:0}[data-design] .site-header nav{gap:10px 18px;font-size:13px}[data-design] .ref-grid{grid-template-columns:1fr}[data-design] .hero.compact h1,[data-design] .ref-title h1{font-size:29px}[data-design] .feed-layout{grid-template-columns:1fr;gap:22px}[data-design] .feed-sidebar{position:static}[data-design] .feed-filters{display:flex;flex-wrap:wrap;gap:8px}[data-design] .feed-filters a{padding:6px 10px;font-size:12px}[data-design] .feed-entry h2{font-size:22px}[data-design] .reading{margin:30px auto}[data-design] .prose h1{font-size:29px}[data-design] .prose{font-size:17px}[data-design] .ref-entry h2{font-size:22px}[data-design] footer{margin-top:55px}}
/* Pentagram Work and Sanrio. Never loaded by the original home or About area. */
body[data-site=piggytuck][data-design]{--paper:light-dark(#fff,#191b1c);--ink:light-dark(#181818,#eceeec);--accent:light-dark(#333,#c0d9e7);--soft:light-dark(#f2f0ec,#292c2d);--line:light-dark(#e2e0dc,#3e4345);--muted:light-dark(#73716c,#b4b7b6)}
[data-site=piggytuck][data-design] .hero.compact h1{font:500 46px/1.3 system-ui,sans-serif;max-width:820px}
[data-site=piggytuck][data-design] .standing-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 22px}
[data-site=piggytuck][data-design] .standing-cards .entry{border:0;padding:0}
[data-site=piggytuck][data-design] .standing-cover{width:100%;height:290px;object-fit:contain;border-radius:0;background:light-dark(#e4eef0,#253139)}
[data-site=piggytuck][data-design] .standing-cards .entry:nth-child(3n+2) .standing-cover{background:light-dark(#f1e5d8,#393029)}
[data-site=piggytuck][data-design] .standing-cards .entry:nth-child(3n) .standing-cover{background:light-dark(#e8edda,#30372c)}
[data-site=piggytuck][data-design] .standing-cards h3{font-size:19px;margin-bottom:8px}
[data-site=piggytuck][data-design] .gallery-grid{gap:6px}
[data-site=piggytuck][data-design] .gallery-art{border-radius:0;background:var(--soft);padding:20px}
[data-site=piggytuck][data-design] .gallery-item figcaption{padding:15px}
[data-site=piggytuck][data-design] .standing-gallery img{border-radius:0;background:var(--soft)}
[data-site=piggytuck][data-design] .feed-layout{display:block}
[data-site=piggytuck][data-design] .feed-sidebar{position:static;margin-bottom:20px}
[data-site=piggytuck][data-design] .feed-filters{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}
[data-site=piggytuck][data-design] #feed-search-form{max-width:550px}
[data-site=piggytuck][data-design] #feed-entries{display:grid;grid-template-columns:1fr 1fr;gap:35px}
[data-site=piggytuck][data-design] .feed-cover{display:block;margin-bottom:20px}
[data-site=piggytuck][data-design] .feed-cover img{height:280px;object-fit:contain}
@media(max-width:850px){[data-site=piggytuck][data-design] .standing-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){[data-site=piggytuck][data-design] .hero.compact h1{font-size:33px}[data-site=piggytuck][data-design] .standing-cards,[data-site=piggytuck][data-design] #feed-entries{grid-template-columns:1fr}[data-site=piggytuck][data-design] .gallery-art{padding:12px}}