.prompts-hero{padding:66px 0 38px;min-height:calc(100vh - 75px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.prompts-hero>.kicker{margin-bottom:36px}
.prompt-hero-layout{display:grid!important;grid-template-columns:minmax(430px,.9fr) minmax(350px,.62fr)!important;gap:90px!important;align-items:center!important;margin:0!important}
.prompt-hero-copy h1{font:400 clamp(42px,4.8vw,66px)/1.04 Georgia,"Songti SC",serif!important;letter-spacing:-.04em!important;margin:0!important}.prompt-hero-copy h1 em{font-weight:400;color:var(--rust)}
.prompt-lead{margin:35px 0 0;font:15px/1.95 "PingFang SC","Microsoft YaHei",sans-serif;color:rgba(32,27,20,.76)}
.prompt-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.prompt-tags span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;font:8px/1 Arial,"PingFang SC",sans-serif;letter-spacing:.12em}.prompt-tags span:nth-child(1){border-color:#c95631;color:#a83f23}.prompt-tags span:nth-child(2){border-color:#c99a12;background:#dfb222}.prompt-tags span:nth-child(3){border-color:#58672f;background:#58672f;color:#fff2d8}
.prompt-question-card{min-height:445px;padding:30px 34px;background:#1f1c17;color:#fff0d4;border-radius:2px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:15px 17px 0 rgba(32,27,20,.09)}
.prompt-question-card:after{content:"?";position:absolute;right:-12px;bottom:-68px;font:italic 260px/.8 Georgia,serif;color:rgba(223,178,34,.13)}
.prompt-question-card>div{display:flex;justify-content:space-between;font:7px Arial,sans-serif;letter-spacing:.17em}.prompt-question-card>div b{font:italic 18px Georgia,serif;color:#dfb222}
.prompt-question-card h2{font:400 clamp(27px,2.8vw,39px)/1.45 Georgia,"Songti SC",serif;margin:70px 0 24px;position:relative;z-index:1}.prompt-question-card h2 em{font-weight:400;color:#e1b327}
.prompt-question-card>p{font:11px/1.9 "PingFang SC","Microsoft YaHei",sans-serif;margin:0;opacity:.68}.prompt-question-card>small{font:7px Arial,"PingFang SC",sans-serif;letter-spacing:.15em;margin-top:auto;position:relative;z-index:1}

/* One clear small-text family throughout the prompt collection. */
.prompts-page .kicker,.deck-controls,.card-top,.swipe-note,.prompt-cover>p,.prompt-cover>div,.copy-prompt{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}
.prompt-card .prompt-text{font:14px/1.9 "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0}
.deck-head h2{line-height:1.35}.swipe-note{line-height:1.7}
@media(max-width:850px){.prompt-hero-layout{grid-template-columns:1fr!important;gap:45px!important}.prompt-question-card{max-width:610px;min-height:400px}.prompt-question-card h2{margin-top:58px}}
@media(max-width:560px){.prompts-hero{padding:48px 0 55px}.prompts-hero>.kicker{margin-bottom:30px}.prompt-hero-copy h1{font-size:38px!important}.prompt-lead{font-size:13px;margin-top:28px}.prompt-question-card{min-height:380px;padding:26px 24px}.prompt-question-card h2{font-size:27px}.prompt-tags{margin-top:28px}}

/* Full-page directory: visitors see what every family of prompts can give them. */
.prompt-directory-intro{padding-bottom:34px;border-bottom:1px solid var(--line)}
.prompt-directory-intro>.kicker{margin:0 0 25px}.prompt-directory-title{display:grid;grid-template-columns:minmax(520px,1.35fr) minmax(280px,.65fr);gap:80px;align-items:end}.prompt-directory-title h1{font:400 clamp(43px,5vw,70px)/1.04 Georgia,"Songti SC",serif;letter-spacing:-.04em;margin:0}.prompt-directory-title h1 em{font-weight:400;color:#ce542f}.prompt-directory-title>div{padding-bottom:5px}.prompt-directory-title p{font:12px/1.9 "PingFang SC","Microsoft YaHei",sans-serif;margin:0 0 8px;color:rgba(32,27,20,.72)}
.prompt-directory{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);margin-top:28px}.prompt-kind{min-height:190px;padding:22px 20px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;display:flex;flex-direction:column;box-sizing:border-box;transition:transform .2s,box-shadow .2s}.prompt-kind:nth-child(-n+4){border-top:1px solid var(--line)}.prompt-kind:hover{z-index:2;transform:translateY(-4px);box-shadow:0 13px 28px rgba(43,33,20,.1)}.prompt-kind-icon{position:absolute;right:18px;top:16px;width:32px;height:32px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font:italic 17px Georgia,serif}.prompt-kind small{font:7px/1 Arial,"PingFang SC",sans-serif;letter-spacing:.14em;opacity:.7}.prompt-kind h2{font:400 26px/1.2 Georgia,"Songti SC",serif;margin:24px 0 10px}.prompt-kind p{font:10px/1.7 "PingFang SC","Microsoft YaHei",sans-serif;margin:0;max-width:230px;opacity:.72}.prompt-kind b{font:500 9px/1.5 "PingFang SC","Microsoft YaHei",sans-serif;margin-top:auto;padding-top:13px}.kind-rust{background:#cf582f;color:#fff3db}.kind-gold{background:#dfb326}.kind-olive{background:#5f6e38;color:#fff4da}.kind-teal{background:#175d5c;color:#fff4da}.kind-ink{background:#211d18;color:#f4e8ce}.kind-paper{background:#e3d5b5}.kind-orange{background:#df7a43;color:#fff5df}.kind-cream{background:#f5ead2}
.prompt-directory-next{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding:13px 0;color:inherit;text-decoration:none;border-bottom:1px solid var(--line);font:9px/1.4 "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.1em}.prompt-directory-next i{font:italic 22px Georgia,serif}
@media(max-width:950px){.prompt-directory-title{grid-template-columns:1fr;gap:28px}.prompt-directory{grid-template-columns:repeat(2,1fr)}.prompt-kind:nth-child(-n+4){border-top:0}.prompt-kind:nth-child(-n+2){border-top:1px solid var(--line)}}
@media(max-width:560px){.prompts-hero{min-height:auto}.prompt-directory-title h1{font-size:39px}.prompt-directory{grid-template-columns:1fr}.prompt-kind{min-height:175px}.prompt-kind:nth-child(2){border-top:0}.prompt-directory-title br{display:none}}

/* Closed deck landing: one cover first, cards only after opening. */
.deck-section{padding:72px 0 82px}
.deck-landing{display:grid;grid-template-columns:minmax(300px,430px) minmax(330px,1fr);gap:90px;align-items:center;max-width:1080px;margin:0 auto}
.deck-cover-button{width:100%;aspect-ratio:.76;margin:0;padding:30px;background:#ce542f;color:#fff0d8;border:1px solid #9f3c23;display:flex;flex-direction:column;justify-content:space-between;text-align:left;box-shadow:13px 15px 0 #231e17;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}
.deck-cover-button:hover,.deck-cover-button:focus-visible{transform:translateY(-6px) rotate(-.5deg);box-shadow:17px 22px 0 #231e17;outline:none}.deck-cover-button:after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(255,240,216,.22);border-radius:50%;right:-135px;bottom:-135px}
.cover-top{font:700 8px Arial,"PingFang SC",sans-serif;letter-spacing:.18em}.deck-cover-button>strong{font:400 clamp(43px,4.5vw,63px)/.98 Georgia,"Songti SC",serif}.deck-cover-button>strong em{font-weight:400;color:#231e17}.cover-bottom{display:flex;justify-content:space-between;font:7px Arial,sans-serif;letter-spacing:.16em}.cover-bottom i{font-style:normal}.open-hint{position:absolute;right:21px;top:50%;writing-mode:vertical-rl;font:500 8px/1.4 "PingFang SC",sans-serif;letter-spacing:.13em;opacity:.75}
.deck-summary{max-width:490px}.deck-summary h2{font:400 clamp(32px,3.6vw,48px)/1.2 Georgia,"Songti SC",serif;margin:18px 0 25px}.deck-summary>p:not(.kicker){font:13px/1.9 "PingFang SC","Microsoft YaHei",sans-serif;max-width:430px;opacity:.72}.summary-index{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}.summary-index span{border:1px solid var(--line);border-radius:999px;padding:8px 11px;font:8px Arial,"PingFang SC",sans-serif;letter-spacing:.1em}.open-deck-text{margin-top:34px;padding:11px 0;border:0;border-bottom:1px solid;background:transparent;font:11px "PingFang SC","Microsoft YaHei",sans-serif}

.prompt-deck-modal[hidden]{display:none!important}.prompt-deck-modal{position:fixed;z-index:200;inset:0;padding:28px;background:rgba(25,21,17,.74);backdrop-filter:blur(6px);display:grid;place-items:center}.deck-open{overflow:hidden}
.prompt-deck-dialog{width:min(720px,calc(100vw - 44px));max-height:calc(100vh - 44px);padding:24px;background:#efe5cc;border:1px solid rgba(255,240,214,.35);box-shadow:0 28px 90px rgba(0,0,0,.34);display:flex;flex-direction:column}
.reader-top{display:flex;justify-content:space-between;align-items:start;padding:4px 4px 18px;border-bottom:1px solid var(--line)}.reader-top h2{font:400 25px Georgia,"Songti SC",serif;margin:8px 0 0}.close-deck{width:38px;height:38px;padding:0;margin:0;border-radius:50%;font-size:22px}
.prompt-reader-stage{min-height:0;overflow:auto;margin-top:18px}.reader-card{display:none;min-height:min(570px,calc(100vh - 225px));padding:30px;border:1px solid var(--line)}.reader-card.active{display:flex}.reader-card h3{font:400 clamp(30px,4vw,40px)/1.2 Georgia,"Songti SC",serif;margin:48px 0 28px}.reader-card .prompt-text{font:14px/1.95 "PingFang SC","Microsoft YaHei",sans-serif}.reader-controls{display:flex;justify-content:center;align-items:center;gap:18px;padding-top:18px}.reader-controls button{width:38px;height:38px;border-radius:50%;padding:0;margin:0}.reader-controls button:disabled{opacity:.25;cursor:default}.reader-controls span{font:8px Arial,sans-serif;letter-spacing:.15em}
@media(max-width:850px){.deck-landing{grid-template-columns:minmax(270px,390px) 1fr;gap:50px}}
@media(max-width:680px){.deck-landing{grid-template-columns:1fr;gap:55px}.deck-cover-button{max-width:390px}.deck-summary{max-width:500px}.prompt-deck-modal{padding:10px}.prompt-deck-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:15px}.reader-card{min-height:calc(100vh - 190px);padding:23px}.reader-card h3{font-size:29px;margin-top:38px}.reader-card .prompt-text{font-size:13px}.reader-top h2{font-size:21px}}

/* Compact instruction bookshelf selected for the public introduction. */
.prompts-hero{min-height:auto;padding:68px 0 48px;display:block}
.prompt-bookshelf-intro{padding-bottom:0}
.prompt-bookshelf-intro>.kicker{margin:0 0 23px}
.prompt-bookshelf-heading{display:grid;grid-template-columns:minmax(560px,1.25fr) minmax(250px,.55fr);gap:75px;align-items:end}
.prompt-bookshelf-heading h1{font:400 clamp(38px,4.35vw,59px)/1.08 Georgia,"Songti SC",serif;letter-spacing:-.035em;margin:0;max-width:850px}
.prompt-bookshelf-heading h1 em{font-weight:400;color:var(--rust)}
.prompt-bookshelf-heading>p{font:12px/1.85 "PingFang SC","Microsoft YaHei",sans-serif;margin:0 0 5px;max-width:330px;color:rgba(32,27,20,.7)}
.prompt-bookshelf{width:min(100%,980px);margin:58px auto 0;padding:0 24px 13px;display:flex;align-items:flex-end;justify-content:center;gap:8px;border-bottom:8px solid #2a241d;position:relative}
.prompt-bookshelf:after{content:"";position:absolute;left:10px;right:10px;bottom:-17px;height:8px;background:rgba(42,36,29,.16)}
.prompt-book{width:104px;height:180px;padding:14px 11px;border:1px solid rgba(34,29,22,.72);background:#eee2c5;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:transform .22s,background .22s,color .22s}
.prompt-book:hover{transform:translateY(-7px);background:#ce542f;color:#fff0d7}
.prompt-book{cursor:pointer}
.prompt-book:focus-visible{outline:2px solid var(--rust);outline-offset:4px;transform:translateY(-5px)}
.prompt-book:before{content:"";position:absolute;left:8px;right:8px;top:31px;border-top:1px solid currentColor;opacity:.35}
.prompt-book small{font:7px Arial,sans-serif;letter-spacing:.14em}
.prompt-book h2{font:400 20px/1.18 Georgia,"Songti SC",serif;margin:0;writing-mode:vertical-rl;align-self:center;letter-spacing:.06em}
.prompt-book span{font:8px/1.2 "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.08em;opacity:.68}
.prompt-book:nth-child(2),.prompt-book:nth-child(6){height:165px;background:#e0d1ad}
.prompt-book:nth-child(3){height:194px;background:#ce542f;color:#fff0d7}
.prompt-book:nth-child(4),.prompt-book:nth-child(8){height:172px}
.prompt-book:nth-child(5){height:188px;background:#211d18;color:#f4e8ce}
.prompt-book:nth-child(7){height:176px;background:#d7c49b}
.prompt-bookshelf-next{width:min(100%,980px);margin:32px auto 0;padding:11px 2px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;font:10px "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.08em}
.prompt-bookshelf-next i{font:italic 19px Georgia,serif;color:var(--rust)}
@media(max-width:900px){.prompt-bookshelf-heading{grid-template-columns:1fr;gap:24px}.prompt-bookshelf{justify-content:flex-start;overflow-x:auto;padding-left:12px;padding-right:12px}.prompt-book{flex:0 0 96px}}
@media(max-width:560px){.prompts-hero{padding:46px 0 38px}.prompt-bookshelf-heading h1{font-size:36px}.prompt-bookshelf{margin-top:42px}.prompt-book{height:155px!important;flex-basis:86px}.prompt-book h2{font-size:18px}.prompt-bookshelf-next{margin-top:27px}}

/* Compact one-screen bookshelf: preserve the chosen concept with calmer type. */
@media(min-width:901px){
  .prompts-hero{padding:44px 0 26px}
  .prompt-bookshelf-intro>.kicker{margin-bottom:18px}
  .prompt-bookshelf-heading{
    grid-template-columns:minmax(0,1fr) 285px;
    gap:54px;
    align-items:start;
  }
  .prompt-bookshelf-heading h1{
    max-width:900px;
    font-size:clamp(36px,3.35vw,48px);
    line-height:1.13;
    letter-spacing:-.025em;
  }
  .prompt-bookshelf-heading h1 em{white-space:nowrap}
  .prompt-bookshelf-heading>p{
    max-width:285px;
    margin:5px 0 0;
    font-size:11px;
    line-height:1.8;
  }
  .prompt-bookshelf{
    width:min(100%,950px);
    margin-top:34px;
    padding-bottom:11px;
    border-bottom-width:7px;
  }
  .prompt-book{width:100px;height:164px;padding:13px 10px}
  .prompt-book:nth-child(2),.prompt-book:nth-child(6){height:151px}
  .prompt-book:nth-child(3){height:176px}
  .prompt-book:nth-child(4),.prompt-book:nth-child(8){height:157px}
  .prompt-book:nth-child(5){height:171px}
  .prompt-book:nth-child(7){height:160px}
  .prompt-book h2{font-size:19px}
  .prompt-bookshelf-next{width:min(100%,950px);margin-top:25px;padding:9px 2px}
}

/* Fit the complete prompt directory into the opening viewport. */
@media(min-width:901px){
  .prompts-hero{min-height:calc(100svh - 70px);padding:30px 0 24px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
  .prompt-bookshelf-heading h1{max-width:820px;font-size:clamp(32px,2.85vw,42px);line-height:1.16;letter-spacing:-.02em}
  .prompt-bookshelf-heading{gap:46px}
  .prompt-bookshelf{margin-top:24px}
  .prompt-book{height:150px}
  .prompt-book:nth-child(2),.prompt-book:nth-child(6){height:140px}
  .prompt-book:nth-child(3){height:160px}
  .prompt-book:nth-child(4),.prompt-book:nth-child(8){height:145px}
  .prompt-book:nth-child(5){height:156px}
  .prompt-book:nth-child(7){height:148px}
  .prompt-book h2{font-size:18px}
  .prompt-bookshelf-next{margin-top:20px;padding:8px 2px}
}