/* Library, phase two. Inherits the existing sea-blue canvas and stationery. */
.section-nav{display:flex;justify-content:center;gap:36px;padding-top:25px;color:#eaf0ed;font-size:12px;letter-spacing:2px}.section-nav a{padding:5px 4px;position:relative}.section-nav a[aria-current=page]{color:#fff7e3}.section-nav a[aria-current=page]:after{content:'';position:absolute;bottom:-3px;left:calc(50% - 8px);height:2px;width:16px;background:#c9e9d2;border-radius:2px}.section-nav+.layout{padding-top:30px}.home-portals{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:2px 0 38px}.home-portals>a{position:relative;display:block;min-width:0;border:1px solid #c6d3c2;border-radius:14px;padding:25px 22px;background:linear-gradient(130deg,#e4ecdf70,#f8f5e800);transition:background .2s,transform .2s}.home-portals>a:nth-child(2){background:linear-gradient(130deg,#e1ebee80,#f8f5e800)}.home-portals>a:hover{transform:translateY(-2px);background-color:#e1eadd44}.home-portals .eyebrow{font-size:8px;letter-spacing:2px;color:#768e86}.home-portals h2{font:normal 27px var(--serif);letter-spacing:3px;color:#3d596b;margin:14px 0 12px}.home-portals p{font-size:11px;color:#74827f;line-height:1.9;margin:0 0 20px}.portal-symbol{position:absolute;right:20px;top:24px;color:#839f95}.portal-link{font-size:10px;color:#617f80;display:flex;align-items:center;gap:9px}.layout.library-layout{display:block;padding-bottom:50px}.library-layout>main{padding:43px 42px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:27px;color:#91a89b}.library-heading h1{font:normal 36px var(--serif);letter-spacing:5px;color:var(--xfy-title-color,#3d5369);margin:12px 0 13px;display:flex;align-items:center;gap:18px}.small-leaf{color:#91a89b;display:inline-flex}.library-heading p{font-size:12px;color:#7d8881;letter-spacing:1px;margin:0}.source-tabs{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #dbdfd0;border-bottom:1px solid #dbdfd0;padding:18px 0;margin-bottom:24px}.source-tabs button{padding:9px 14px;border-radius:22px;color:#6a8087;font-size:12px;line-height:1.7;border:1px solid transparent;white-space:nowrap}.source-tabs button span{font-size:10px;color:#86988a;margin-left:3px}.source-tabs button.active{background:#e5ecdf;border-color:#c7d3bf;color:#516d5f}.source-tabs button:hover{background:#e9eddf}.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.kind-tabs{display:flex;gap:4px;background:#e3e8dc70;padding:4px;border-radius:20px}.kind-tabs button{font-size:11px;padding:6px 16px;border-radius:17px;color:#7b8880}.kind-tabs button.active{background:#fcfaf2;box-shadow:0 1px 4px #36515c0c;color:#506d65}.library-tools{display:flex;gap:16px;align-items:center}.library-search{display:flex;align-items:center;gap:8px;color:#87968f;border-bottom:1px solid #d5ddce}.library-search input{width:130px;background:none;border:0;outline:none;font-size:11px;padding:9px 0;color:#506273}.library-search input::placeholder{color:#8e9b92}.library-tools select{border:0;background:none;color:#829087;font-family:inherit;font-size:10px;padding:8px 0;cursor:pointer}.library-count{font-size:11px;color:#7d8c83;margin:18px 0 26px}.library-count small{float:right;font-size:9px;color:#9ba397}.library-section-heading{display:flex;justify-content:space-between;align-items:center;margin:26px 0 21px}.library-section-heading h2{display:flex;gap:10px;align-items:center;font:normal 20px var(--serif);letter-spacing:2px;color:#4b666c;margin:0}.library-section-heading h2 svg{color:#7a9988}.library-section-heading>span{color:#8e9a8f;font-size:10px}.long-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.long-work{min-width:0;display:flex;text-align:left;border:1px solid #d6ddce;border-radius:13px;overflow:hidden;padding:0;background:#fcfaf344;transition:box-shadow .2s,transform .2s}.long-work:hover{transform:translateY(-2px);box-shadow:0 6px 15px #4564780b}.work-cover{width:132px;min-height:206px;flex-shrink:0;position:relative;isolation:isolate;overflow:hidden;background:#b7cccb;color:#f9f5e9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 16px;border-radius:3px}.book-spine{position:absolute;inset:0 auto 0 0;width:7px;background:#36546018;border-right:1px solid #ffffff25;z-index:3}.cover-orbit{position:absolute;width:90px;height:90px;right:-22px;top:20px;border:1px solid #ffffff55;border-radius:50%;z-index:-1}.cover-wave{position:absolute;width:210%;height:130px;background:#688c9e55;bottom:-49px;left:-40%;border-radius:45%;transform:rotate(-15deg);z-index:-1}.cover-wave.w2{background:#edf0db40;bottom:-80px;left:-30%;transform:rotate(18deg)}.work-cover strong{font:normal 25px/1.65 var(--serif);letter-spacing:5px;writing-mode:vertical-rl;max-height:135px;text-align:center;font-weight:400}.work-cover small{font-size:6px;letter-spacing:1px;position:absolute;bottom:17px;white-space:nowrap;opacity:.8}.cover-rule{position:absolute;width:28px;height:1px;background:#f7f3e88a;top:22px}.work-cover>svg{position:absolute;right:14px;bottom:38px;opacity:.35}.cover-1{background:linear-gradient(150deg,#718f9e,#abc1bc);color:#f9f2dc}.cover-2{background:linear-gradient(145deg,#b3c6ae,#859e91);color:#f8f4df}.cover-3{background:linear-gradient(160deg,#d8cdaa,#adb9a2);color:#526b6e}.cover-0{background:linear-gradient(140deg,#e9e9da,#d8e1d6);color:#708c81}.work-card-copy{min-width:0;padding:21px 19px 18px;display:flex;flex:1;flex-direction:column}.work-card-top{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap}.work-card-top small{font-size:8px;color:#82948a;letter-spacing:.3px}.work-status{font-size:8px;border:1px solid #c5d3bd;border-radius:12px;color:#708469;padding:2px 7px;white-space:nowrap}.work-status.finished{border-color:#bcd0d3;color:#6e8b97}.work-card-copy h3{display:flex;justify-content:space-between;align-items:center;gap:8px;font:normal 20px/1.6 var(--serif);color:var(--xfy-title-color,#3d5369);margin:15px 0 12px}.work-card-copy h3 svg{color:#91a99b}.work-card-copy p{font-size:11px;line-height:1.95;color:#7b8881;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.work-card-bottom{margin-top:auto;display:flex;justify-content:space-between;gap:8px;color:#95a092;font-size:8px}.short-section{border-top:1px solid #d8dfce;margin-top:35px;padding-top:8px}.short-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.short-work{text-align:left;padding:18px 20px;border:1px solid #d9dfd0;background:#fffdf52b;border-radius:11px;min-width:0}.short-work:hover{background:#e6edde55}.short-work>div{display:flex;justify-content:space-between;gap:9px;color:#91a093;font-size:8px}.short-work small{font-size:8px}.short-work h3{display:flex;align-items:center;justify-content:space-between;gap:10px;font:normal 17px/1.7 var(--serif);color:var(--xfy-title-color,#3d5369);margin:11px 0 0}.short-work h3 svg{color:#8ca69b}.short-work p{font-size:10px;line-height:1.8;color:#8a948b;margin:9px 0 0}.load-more{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;padding:14px;margin-top:18px;border:1px solid #cbd6c3;border-radius:24px;font-size:11px;color:#7a8f80;background:#e7edde44}.load-more:hover{background:#e3eadc}.load-more span{font-size:9px;color:#9aa58f}.library-signoff{display:flex;justify-content:center;align-items:center;gap:12px;color:#9ba68f;font-size:10px;margin:42px 0 6px}.library-signoff>span{width:26px;height:1px;background:#c7d1bb}.shelf-empty{font-size:12px;color:#8c9a8d;text-align:center;padding:35px 15px;border:1px dashed #cfd8c3;border-radius:12px}.work-intro-grid{display:grid;grid-template-columns:175px 1fr;gap:35px;align-items:center;margin:12px 0 38px}.work-intro-grid .work-cover{width:175px;min-height:255px}.work-intro-grid h1{font:normal 34px var(--serif);letter-spacing:3px;color:var(--xfy-title-color);margin:12px 0 17px}.work-intro-grid p{font-size:13px;line-height:2;color:#6f817d}.work-intro-grid small{font-size:10px;color:#8c998d}.work-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.work-tags span{font-size:10px;border:1px solid #d0dbc5;padding:4px 10px;border-radius:16px;color:#79917c}.catalog-pending{text-align:center;border-top:1px solid #d8dfce;padding:38px 10px;color:#8ba187}.catalog-pending h2{font:normal 21px var(--serif);color:#6a8171}.catalog-pending p{font-size:12px;line-height:2;color:#8b988a;max-width:380px;margin:auto}.home-fiction-update{padding:25px 0;border-bottom:1px solid #d8ddce}.home-fiction-update h3{font:normal 21px var(--serif);color:var(--xfy-title-color)}.home-fiction-update p{font-size:12px;line-height:2;color:var(--xfy-body-color)}
@media(max-width:900px){.library-layout>main{padding:35px 30px}.work-cover{width:110px}.work-card-copy{padding:17px 14px}.work-card-copy h3{font-size:18px}.work-card-top{gap:5px}.work-card-top small{font-size:7px}.long-grid{gap:16px}.home-portals{gap:12px}.home-portals>a{padding:22px 17px}.home-portals h2{font-size:24px}}
@media(max-width:650px){.section-nav{gap:32px;padding-top:20px;font-size:11px}.section-nav+.layout{padding-top:22px}.home-portals{gap:10px;margin-bottom:28px}.home-portals>a{padding:20px 14px;min-height:175px}.home-portals h2{font-size:23px;margin:13px 0 10px}.home-portals p{font-size:10px;line-height:1.9;min-height:38px;margin-bottom:13px}.portal-symbol{right:11px;top:18px}.portal-symbol svg{width:18px}.home-portals .eyebrow{font-size:6px}.portal-link{font-size:9px;gap:3px}.library-layout>main{padding:30px 23px}.library-heading{padding-bottom:22px}.library-heading h1{font-size:30px;margin:11px 0}.library-heading p{font-size:10px}.library-heading>svg{width:28px}.source-tabs{flex-wrap:nowrap;overflow-x:auto;padding:14px 0;gap:4px;margin-bottom:18px;scrollbar-width:thin}.source-tabs button{font-size:10px;padding:8px 11px}.source-tabs button span{font-size:8px}.library-toolbar{gap:14px}.kind-tabs{padding:3px}.kind-tabs button{font-size:10px;padding:6px 15px}.library-tools{width:100%;justify-content:space-between;gap:12px}.library-search{flex:1}.library-search input{width:100%;min-width:0}.library-tools select{max-width:90px}.library-count{font-size:10px;margin-bottom:20px}.library-count small{display:block;float:none;font-size:8px;margin-top:7px}.long-grid{grid-template-columns:1fr;gap:16px}.work-cover{width:110px;min-height:190px}.work-card-copy{padding:18px 15px}.work-card-copy h3{font-size:19px}.work-card-copy p{font-size:10px}.work-card-top small{font-size:8px}.short-grid{grid-template-columns:1fr}.short-work{padding:16px 17px}.short-work h3{font-size:17px}.short-section{margin-top:28px}.library-section-heading h2{font-size:18px}.library-signoff{gap:8px;font-size:9px}.library-signoff>span{width:13px}.work-intro-grid{grid-template-columns:1fr;gap:24px}.work-intro-grid .work-cover{width:140px;min-height:210px;margin:0 auto}.work-intro-grid h1{font-size:29px}.work-intro-grid p{font-size:12px}.load-more{gap:9px;font-size:10px}.load-more span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.home-portals>a,.long-work{transition:none}.home-portals>a:hover,.long-work:hover{transform:none}}

.source-tabs a{padding:9px 14px;border-radius:22px;color:#6a8087;font-size:12px;border:1px solid transparent;white-space:nowrap;text-decoration:none}.source-tabs a span{font-size:10px;color:#86988a}.source-tabs a[aria-current=true]{background:#e5ecdf;border-color:#c7d3bf;color:#516d5f}.kind-tabs a{font-size:11px;padding:6px 16px;border-radius:17px;color:#7b8880;text-decoration:none}.kind-tabs a[aria-current=true]{background:#fcfaf2;color:#506d65}.long-work,.short-work{text-decoration:none!important}.work-cover img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.library-message{color:#6b8075;font-size:12px}.section-nav+.layout{padding-top:30px}.library-tools>button{border:1px solid #c7d3bf;border-radius:15px;background:#e5ecdf;color:#516d5f;padding:5px 12px;font-size:11px;cursor:pointer}.library-layout .back{margin-bottom:25px}@media(max-width:650px){.source-tabs a{font-size:10px;padding:8px 11px}.kind-tabs a{font-size:10px}.library-layout>main{padding:30px 23px}.source-tabs{flex-wrap:nowrap;overflow-x:auto}.work-cover{width:110px;min-height:190px}}
.source-tabs::-webkit-scrollbar{height:3px}.source-tabs::-webkit-scrollbar-track{background:transparent}.source-tabs::-webkit-scrollbar-thumb{background:#b4c6b0;border-radius:4px}
/* Round home entrances on the sea-blue canvas, outside the reading paper. */
.layout.home-portal-layout{grid-template-areas:'sidebar portals' 'sidebar main';grid-template-rows:auto 1fr;row-gap:30px}
.home-portal-layout>.sidebar{grid-area:sidebar}.home-portal-layout>.home-portals{grid-area:portals}.home-portal-layout>main{grid-area:main}
.home-portals{display:flex;justify-content:center;gap:76px;padding:5px 18px 0;margin:0;background:none;border:0}
.home-portals>a.portal-button,.home-portals>a.portal-button:nth-child(2){display:flex;flex-direction:column;align-items:center;gap:15px;min-height:0;min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;text-decoration:none}
.portal-circle{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:178px;height:178px;gap:8px;border-radius:50%;background:linear-gradient(145deg,#faf6e6,#e2eadc);border:1px solid #f5f7eabb;box-shadow:0 5px 0 #587c8d65,0 9px 20px #35576919,inset 0 1px 3px #ffffffb0;transition:transform .2s,box-shadow .2s}
.notes-portal .portal-circle{background:linear-gradient(145deg,#f7f4e3,#dde9e4)}
.portal-circle:before{content:'';position:absolute;inset:8px;border:1px dashed #afc2ab;border-radius:50%;opacity:.7;pointer-events:none}
.portal-icon{display:flex;align-items:center;justify-content:center;width:67px;height:67px}.portal-icon img{width:100%;height:100%;object-fit:contain;display:block}
.portal-circle strong{font:normal 25px "Songti SC","Noto Serif CJK SC",serif;color:#456779;letter-spacing:4px;margin-left:4px}.portal-circle>svg{position:absolute;right:27px;bottom:28px;color:#8da994;width:12px;height:12px}
.portal-subtitle{font-size:10px;color:#f4eee0;letter-spacing:1px;line-height:1.8;text-align:center}
.portal-button:hover .portal-circle,.portal-button:focus-visible .portal-circle{transform:translateY(-3px);box-shadow:0 7px 0 #587c8d65,0 12px 24px #35576925,inset 0 1px 3px #ffffffb0}.portal-button:active .portal-circle{transform:translateY(3px);box-shadow:0 2px 0 #587c8d65,0 4px 8px #35576919}
.updates-more{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;padding:13px 18px;border:1px solid #c3d1b9;border-radius:24px;background:#e7edde66;color:#70896f;font-size:12px;margin:27px 0 0;cursor:pointer}.updates-more:hover{background:#dfe8d8}.updates-complete{font-size:10px;color:#94a08c;text-align:center;margin-top:25px}
@media(max-width:900px){.home-portals{gap:42px}.portal-circle{width:160px;height:160px}.portal-icon{width:58px;height:58px}.portal-circle strong{font-size:23px}}
@media(max-width:650px){.home-portals{gap:25px;padding:5px 0 29px;margin:0}.home-portals>a.portal-button{gap:13px}.portal-circle{width:136px;height:136px;gap:4px}.portal-circle:before{inset:7px}.portal-icon{width:50px;height:50px}.portal-circle strong{font-size:22px}.portal-circle>svg{right:20px;bottom:21px}.portal-subtitle{font-size:8px;letter-spacing:.5px;max-width:140px}.home-portal-layout>.sidebar{padding-bottom:25px}.home-portal-layout .side-recent{display:block;padding-top:0;margin-top:0;border:0}.home-portal-layout .side-recent>button{font-size:10px;padding:4px 0}.home-portal-layout .side-recent h3{margin-bottom:10px}.home-portal-layout .side-recent .eyebrow{font-size:7px}.updates-more{font-size:11px}}
@media(max-width:350px){.home-portals{gap:18px}.portal-circle{width:119px;height:119px}.portal-icon{width:43px;height:43px}.portal-circle strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.portal-circle{transition:none}.portal-button:hover .portal-circle,.portal-button:active .portal-circle{transform:none}}

.updates-more{text-decoration:none}.home-portal-layout .side-recent ul{list-style:none;padding:0}@media(max-width:650px){.home-portal-layout .side-recent a{font-size:11px}.home-portal-layout .side-recent h2{margin-bottom:10px}}
.sidebar .author-card+.side-recent{margin-top:0;border-top:0;padding-top:5px}

/* Home feed is secondary: open typography on the blue canvas, no stationery. */
.layout.home-portal-layout{row-gap:34px}


.quiet-home-feed .post-card,.quiet-home-feed .home-fiction-update{background:none;border:0;border-bottom:1px solid #a9bba54d;border-radius:0;box-shadow:none;padding:24px 0;margin:0;gap:23px}

.quiet-home-feed .post-card h3,.quiet-home-feed .post-card h2,.quiet-home-feed .home-fiction-update h3{font:normal calc(var(--xfy-title-size,21px)*.88)/1.65 "Songti SC","Noto Serif CJK SC",serif;color:var(--xfy-home-feed-title,#3d596b);margin:10px 0 9px}
.quiet-home-feed .post-card h3 button,.quiet-home-feed .post-card h2 a,.quiet-home-feed .home-fiction-update h3 a{color:var(--xfy-home-feed-title,#3d596b)}
.quiet-home-feed .post-card p,.quiet-home-feed .home-fiction-update p{font-size:calc(var(--xfy-body-size,14px)*.9);line-height:1.95;color:var(--xfy-home-feed-text,#566b76);margin:0 0 11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.quiet-home-feed .meta,.quiet-home-feed .meta button,.quiet-home-feed .meta span,.quiet-home-feed .meta time{font-size:10px;color:var(--xfy-home-feed-text,#566b76);opacity:1}
.quiet-home-feed .meta time{margin-left:auto}.quiet-home-feed .meta i{background:var(--xfy-home-feed-text,#566b76);opacity:.5}
.quiet-home-feed .read-link{font-size:10px;color:var(--xfy-home-feed-text,#566b76);gap:9px}.quiet-home-feed .post-image{width:100px;flex-shrink:0}.quiet-home-feed .post-image svg{height:90px}.quiet-home-feed .post-image>span{display:none}
.quiet-home-feed .updates-more{width:auto;min-width:170px;max-width:100%;margin:27px auto 0;padding:10px 22px;border:1px solid #dce7dd80;background:#9fb8c42b;color:var(--xfy-home-feed-text,#566b76);font-size:11px;border-radius:24px}
.quiet-home-feed .updates-more:hover{background:#cad9d54d}.quiet-home-feed .updates-complete,.quiet-home-feed .list-end{color:var(--xfy-home-feed-text,#566b76);font-size:10px}.quiet-home-feed .list-end span{background:#d5e3d657}
@media(min-width:901px){.home-portal-layout .portal-circle{width:194px;height:194px}.home-portal-layout .portal-icon{width:73px;height:73px}.home-portal-layout .portal-circle strong{font-size:27px}.home-portal-layout .home-portals{gap:82px}}
@media(max-width:650px){.quiet-home-feed .post-card,.quiet-home-feed .home-fiction-update{padding:22px 0}.quiet-home-feed .post-card h3,.quiet-home-feed .post-card h2,.quiet-home-feed .home-fiction-update h3{font-size:calc(var(--xfy-title-size,21px)*.85)}.quiet-home-feed .post-image{width:74px}.quiet-home-feed .post-image svg{height:77px}.quiet-home-feed .meta,.quiet-home-feed .meta button,.quiet-home-feed .meta span,.quiet-home-feed .meta time{font-size:9px}.quiet-home-feed .meta time{margin-left:0}.quiet-home-feed .post-card p,.quiet-home-feed .home-fiction-update p{font-size:calc(var(--xfy-body-size,14px)*.87)}}

/* Keep metadata across the complete row, including records with thumbnails. */
.quiet-home-feed .post-card{display:grid;grid-template-columns:minmax(0,1fr);column-gap:23px;row-gap:0}
.quiet-home-feed .post-card:has(.post-image){grid-template-columns:minmax(0,1fr) 100px}
.quiet-home-feed .post-copy{display:contents}.quiet-home-feed .post-copy>.meta{grid-column:1/-1;width:100%;display:flex}
.quiet-home-feed .post-copy>h3,.quiet-home-feed .post-copy>h2,.quiet-home-feed .post-copy>p,.quiet-home-feed .post-copy>.read-link{grid-column:1}
.quiet-home-feed .post-image{grid-column:2;grid-row:2/5;align-self:start;margin-top:10px}
.quiet-home-feed .meta time{margin-left:auto!important;white-space:nowrap}
.quiet-home-feed .meta button,.quiet-home-feed .meta span{color:var(--xfy-home-feed-category,#567369)}
.author-contacts{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:17px 0 0}
.author-contacts a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--xfy-author-bio-color,#ffe3e3);border:1px solid #f8e3dd66;border-radius:50%;transition:background .2s,transform .2s}
.author-contacts a svg{width:16px;height:16px}.author-contacts a:hover,.author-contacts a:focus-visible{background:#e8efdf38;transform:translateY(-2px);outline:2px solid #e8efdf;outline-offset:3px}
.appearance-panel input[type=text],.appearance-panel input[type=email],.appearance-panel input[type=url]{width:145px;min-width:0;border:1px solid #a9bba5;border-radius:5px;padding:6px;background:#fffdf6;color:#244254}
@media(max-width:650px){.quiet-home-feed .post-card:has(.post-image){grid-template-columns:minmax(0,1fr) 74px;column-gap:14px}.quiet-home-feed .meta time{margin-left:auto!important}.author-contacts{justify-content:center}}

/* Independent feed colors; the category starts at the same left edge as the title. */
.quiet-home-feed .meta>span{margin-left:0;text-align:left}
.quiet-home-feed .meta>time{color:var(--xfy-home-feed-date,#657783)}
.quiet-home-feed .read-link{color:var(--xfy-home-feed-link,#4c7083)}
.quiet-home-feed .updates-more{color:var(--xfy-home-feed-more,#526e76)}
.quiet-home-feed .updates-complete,.quiet-home-feed .list-end{color:var(--xfy-home-feed-note,#647970)}

/* Homepage section covers: the artwork is independent of the text and wash. */
.home-portal-layout .home-portals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0}
.home-portals>a.portal-button,.home-portals>a.portal-button:nth-child(2){position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-start;justify-content:flex-end;aspect-ratio:16/10;min-height:0;border-radius:18px;padding:18px 22px;background:linear-gradient(145deg,#a5c6d4,#e8eee2);color:#203f56;box-shadow:0 5px 15px #28475635;transition:transform .22s}
.home-portals>a.notes-portal:nth-child(2){background:linear-gradient(145deg,#b8d0bb,#f1f0df)}
.portal-cover-image,.home-portals>a.portal-button::after{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.portal-cover-image{object-fit:cover;object-position:center 48%;transition:transform .35s}.notes-portal .portal-cover-image{object-position:center 72%}
.home-portals>a.portal-button::after{content:'';background:linear-gradient(0deg,#faf6eafa 0%,#faf6eae8 22%,#faf6ea85 41%,transparent 72%);pointer-events:none}
.portal-cover-copy{display:grid;gap:3px;max-width:calc(100% - 30px)}.portal-cover-copy strong{font-size:clamp(23px,3vw,32px);letter-spacing:.12em;line-height:1.2}.portal-cover-copy small{font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-portals>a.portal-button>svg{position:absolute;bottom:21px;right:21px}
.home-portals>a.portal-button:focus-visible{outline:2px solid #203f56;outline-offset:4px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.home-portals>a.portal-button:hover{transform:translateY(-3px)}.portal-button:hover .portal-cover-image{transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){.home-portals>a.portal-button,.portal-cover-image{transition:none}}
@media(max-width:650px){.home-portal-layout .home-portals{grid-template-columns:1fr;gap:14px}}

/* Refine the homepage cover typography and stationery. */
.home-portal-layout .portal-cover-copy strong{font-family:"Songti SC","Noto Serif CJK SC","SimSun",serif;font-weight:400}
.home-portal-layout>main.quiet-home-feed,.home-portal-layout>main.quiet-home-feed::before{border-radius:18px}
.home-portal-layout>main.quiet-home-feed::after{inset:0;border:0;border-radius:inherit;background:linear-gradient(225deg,#ded8c9 0%,#f9f4e7 49%,#aa9a7a44 51%,transparent 54%) top right/18px 18px no-repeat;opacity:.72}
@media(min-width:651px){.home-portal-layout>.sidebar{margin-top:32px}}

.home-portal-layout>main.quiet-home-feed::before{outline:1px dashed var(--xfy-border-color);outline-offset:-10px}

.xfy-trail{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;margin:0 0 23px;padding:0 0 15px;border-bottom:1px solid #d7ded6;font-size:12px;line-height:1.65}
.xfy-trail>*{display:inline-flex;align-items:center;gap:10px;font:inherit}
.xfy-trail>*+*::before{content:"›";color:#93aaa8;font-size:14px;line-height:1}
.xfy-trail a,.xfy-trail button{color:#668492}
.xfy-trail [aria-current=page]{color:#405e70}
.xfy-trail a:hover,.xfy-trail button:hover{text-decoration:underline}

.xfy-chapter-list{margin-top:28px;border-top:1px solid #d7ded6;padding-top:15px}
.xfy-chapter-list ol{list-style:none;margin:0;padding:0}.xfy-chapter-list li a{display:flex;justify-content:space-between;gap:10px;padding:12px 8px;border-bottom:1px solid #d7ded6;color:#486476}.xfy-chapter-list li a:hover,.xfy-chapter-list a[aria-current=page]{background:#e3ede5}.xfy-chapter-list small,.xfy-chapter-reader header p{color:#657783}.xfy-start-reading{display:inline-block;background:#dbe8e1;color:#35576c;padding:8px 16px;border-radius:8px}
.xfy-chapter-reader{max-width:740px;margin:auto}.xfy-reader-bar{display:flex;justify-content:space-between;gap:15px;align-items:start;position:sticky;top:0;background:#f7f3e8;z-index:2;padding:10px 0;border-bottom:1px solid #d7ded6}.admin-bar .xfy-reader-bar{top:32px}.xfy-reader-bar details{position:relative}.xfy-reader-bar summary{cursor:pointer}.xfy-reader-bar .xfy-chapter-list{position:absolute;right:0;width:min(330px,75vw);margin:8px 0 0;max-height:55vh;overflow:auto;background:#f7f3e8;padding:12px;box-shadow:0 5px 20px #253e5340;border-radius:8px}.xfy-chapter-reader header{text-align:center;padding:24px 0}.xfy-chapter-reader .article-body{line-height:2}.xfy-chapter-turn{display:flex;justify-content:space-between;gap:16px;margin:30px 0}.xfy-chapter-turn a{background:#e3ede5;border-radius:8px;padding:10px 15px;overflow-wrap:anywhere}.xfy-chapter-turn small{display:block}.xfy-chapter-turn a[rel=next]{margin-left:auto;text-align:right}
@media(max-width:782px){.admin-bar .xfy-reader-bar{top:46px}}

/* Quiet paper cards against the cream shelf. */
.long-work,.short-work{background:#faf7ef;border:1px solid #cbd5cb;box-shadow:0 5px 18px rgba(55,79,91,.07);transition:box-shadow 200ms,border-color 200ms,transform 200ms}
.long-work h3,.short-work h3{color:#304e63}
.short-work{position:relative}
.short-work::before{content:"";position:absolute;inset-inline-start:7px;inset-block:18px;width:.5px;background:#d4dfd3;pointer-events:none}
.work-card-meta{min-width:0;overflow-wrap:anywhere}
.work-card-tag{display:inline-block;margin-inline-start:.35em;padding:0 .5em;border-radius:4px;background:#e0e8ed;color:#35536a;max-width:100%;box-sizing:border-box}
.work-card-top .work-status,.short-work time{flex-shrink:0}
.work-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}
.work-chapter-count{font-size:11px;color:#6c8277;white-space:nowrap}
@media (hover:hover){.long-work:hover,.short-work:hover{border-color:#a8bbad;box-shadow:0 7px 21px rgba(55,79,91,.11);transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){.long-work,.short-work{transition:none}.long-work:hover,.short-work:hover{transform:none}}
.long-work .work-card-meta,.short-work .work-card-meta{font-size:12px}.work-card-tag{font-size:.82em;color:#627889}

/* Catalog matches the two-column preview; order is left-to-right, then down. */
.xfy-chapter-list ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px}
.xfy-chapter-list li{min-width:0;margin:0}
.xfy-chapter-list li a{align-items:center;justify-content:flex-start;gap:18px;padding:18px 10px;border-bottom:1px solid #dde2d8;border-radius:0 0 5px 5px;min-height:58px;box-sizing:border-box}
.xfy-chapter-number{flex:0 0 25px;font-size:11px;letter-spacing:1px;color:#8ca39a;font-variant-numeric:tabular-nums}
.xfy-chapter-title{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px}
.xfy-chapter-arrow{flex:none;color:#91aa9b;font-size:21px;font-weight:normal}
.xfy-reader-bar .xfy-chapter-list ol{grid-template-columns:minmax(0,1fr);gap:0}
@media(max-width:640px){.xfy-chapter-list ol{grid-template-columns:minmax(0,1fr);gap:0}.xfy-chapter-list li a{gap:13px;padding:15px 8px}}

.work-intro-grid .work-summary{white-space:pre-line;overflow-wrap:anywhere;font-size:13px;line-height:2;color:#6f817d;margin:18px 0 0}

.work-detail-tags{display:inline-flex;gap:5px;flex-wrap:wrap;align-items:center;margin-inline-start:8px}
.work-tags .work-detail-tags{border:0;padding:0;border-radius:0}
.work-tags .work-detail-tags .work-card-tag,.work-detail-tags .work-card-tag{display:inline-block;background:#e0e8ed;color:#627889;border:0;border-radius:4px;padding:1px 6px;font-size:10px;line-height:1.7;margin:0}
.work-intro-grid .work-summary{white-space:pre-line;overflow-wrap:anywhere;font-size:13px;line-height:2;color:#6f817d;margin:18px 0 0}

/* Keep the protection marker beside the title, independently of the arrow. */
.work-title-text{display:inline;min-width:0}.work-title-text .xfy-lock{display:inline-block;margin-inline-start:.3em;font-size:.62em;vertical-align:.12em;line-height:1;white-space:nowrap}

/* Quiet monochrome lock: avoid platform-specific bright emoji colors. */
.work-title-text .xfy-lock{width:.78em;height:.68em;margin-inline-start:.5em;position:relative;border:1px solid #9cafb5;border-radius:2px;vertical-align:.02em;font-size:.65em;color:transparent;overflow:visible;box-sizing:border-box}
.work-title-text .xfy-lock::before{content:"";position:absolute;width:58%;height:70%;left:21%;top:-85%;border:1px solid #9cafb5;border-bottom:0;border-radius:5px 5px 0 0;box-sizing:border-box}

.work-title-text .xfy-lock{border-width:2px;margin-inline-start:calc(.5em + 2em / .65)}
.work-title-text .xfy-lock::before{border-width:2px;border-bottom-width:0}

.work-title-text .xfy-lock{margin-inline-start:calc(.5em + 1em / .65)}
.work-title-text .xfy-lock::before{width:90%;left:5%;height:100%;top:-110%;border-radius:8px 8px 0 0}