/* Own content pages share the Perspektiven palette and reading rhythm. */
body{margin:0}
#pq-start-designs[data-content-page]{min-height:100vh}
#pq-start-designs .content-page{width:min(1180px,90%);margin:0 auto;padding:20px 0 72px;min-width:0}
#pq-start-designs .content-toolbar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:14px;width:min(1180px,90%);margin:22px auto 12px}
#pq-start-designs .content-toolbar .lang-bar{display:flex;gap:4px}
#pq-start-designs .lang-bar button{min-width:44px;padding:6px 10px;font-size:12px}
#pq-start-designs .lang-bar button.active{background:var(--s-ink);border-color:var(--s-ink);color:var(--s-bg)}
#pq-start-designs .content-page h1{font-size:clamp(36px,5.1cqw,68px);line-height:1.08;max-width:20ch;margin:0 0 24px;overflow-wrap:anywhere}
#pq-start-designs .content-page h2{font-size:clamp(26px,3cqw,40px);line-height:1.18;margin:0 0 22px;max-width:30ch}
#pq-start-designs .content-page h3{font-size:23px;line-height:1.25;margin:0 0 14px}
#pq-start-designs .content-page h4{font-size:18px;line-height:1.35;letter-spacing:-.015em;font-weight:500;margin:0 0 12px}
#pq-start-designs .content-page p{max-width:72ch;line-height:1.75;margin:0 0 18px}
#pq-start-designs .content-page strong{font-weight:600}
#pq-start-designs .content-page :is(ul,ol){padding-left:22px;margin:16px 0 22px;line-height:1.75}
#pq-start-designs .content-page li{margin-bottom:7px}
#pq-start-designs .content-page a{color:var(--s-ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--s-line)}
#pq-start-designs .content-page a:hover{text-decoration-color:var(--s-red)}
#pq-start-designs .content-page :is(button,input,select,textarea,a):focus-visible{outline:3px solid var(--s-red);outline-offset:4px}
#pq-start-designs[data-theme=dark] .content-page :is(button,input,select,textarea,a):focus-visible{outline-color:var(--s-gold)}
#pq-start-designs .content-page :is(.s-kicker,.section-eyebrow){display:block;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--s-muted);margin-bottom:18px}
#pq-start-designs .content-page :is(.lead,.tagline,.claim){font-size:clamp(18px,2cqw,23px);line-height:1.6;color:var(--s-muted);max-width:58ch}
#pq-start-designs .content-page .sub{color:var(--s-muted);max-width:65ch}
#pq-start-designs .content-heading,#pq-start-designs .content-page .hero{padding:20px 0 44px;border-bottom:1px solid var(--s-line);margin-bottom:40px}
#pq-start-designs .content-page .divider{width:54px;height:3px;background:var(--s-red);margin:28px 0 0}
#pq-start-designs .content-page .section{padding:44px 0;border-bottom:1px solid var(--s-line)}
#pq-start-designs .content-page .section:first-of-type{padding-top:8px}
#pq-start-designs .content-page :is(.vm-grid,.goals,.target-grid,.values,.cta-grid,.actions-grid,.chip-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0}
#pq-start-designs .content-page :is(.goals,.cta-grid,.actions-grid){grid-template-columns:repeat(3,minmax(0,1fr))}
#pq-start-designs .content-page :is(.vm-card,.goal,.target,.values>.value,.action-card,.cta-item,.chip){background:var(--s-surface);border:1px solid var(--s-line);border-radius:12px;padding:28px;min-width:0}
#pq-start-designs .content-page :is(.action-card,.cta-item){display:block;text-decoration:none;transition:border-color 140ms ease,transform 140ms ease}
#pq-start-designs .content-page :is(.action-card,.cta-item):hover{border-color:var(--s-red);transform:translateY(-2px)}
#pq-start-designs .content-page :is(.vm-card,.goal,.target,.values>.value,.action-card,.cta-item) p:last-child{margin-bottom:0}
#pq-start-designs .content-page :is(.ico,.num){display:inline-block;color:var(--s-red);margin-bottom:12px}
#pq-start-designs[data-theme=dark] .content-page :is(.ico,.num){color:var(--s-gold)}
#pq-start-designs .content-page :is(.goal,.target) h3 .ico{margin-right:8px}
#pq-start-designs .content-page :is(.vm-list,.goal ul,.target ul){margin-bottom:0}
#pq-start-designs .content-page :is(.notice,.notice-founding,.kibox .format,.disclaimer){padding:24px 28px;background:var(--s-soft);border:1px solid var(--s-line);border-left:3px solid var(--s-red);border-radius:8px;margin:26px 0}
#pq-start-designs .content-page .notice-founding{max-width:75ch;font-size:17px;color:var(--s-ink)}
#pq-start-designs .content-page .notice .label{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--s-muted);margin-bottom:12px}
#pq-start-designs .content-page .notice p:last-child{margin-bottom:0}
#pq-start-designs .content-page blockquote{margin:24px 0;padding:20px 28px;border-left:3px solid var(--s-red);font-size:21px;background:var(--s-surface)}
#pq-start-designs .content-page .kibox .format ul{columns:2;column-gap:40px}
#pq-start-designs .content-page :is(.phases,.usecases){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0}
#pq-start-designs .content-page :is(.phase,.usecase){padding:24px;border-top:2px solid var(--s-line);background:var(--s-surface)}
#pq-start-designs .content-page .principles{columns:2;column-gap:40px}
#pq-start-designs .content-page .buildlist{border:1px solid var(--s-line);border-radius:12px;overflow:hidden;margin:24px 0}
#pq-start-designs .content-page .buildlist-row{display:grid;grid-template-columns:1fr 2.1fr 1fr;gap:20px;padding:23px 26px;background:var(--s-surface);border-bottom:1px solid var(--s-line)}
#pq-start-designs .content-page .buildlist-row:last-child{border-bottom:0}
#pq-start-designs .content-page .buildlist-row.head{background:var(--s-soft);font-size:12px;color:var(--s-muted);letter-spacing:.1em;text-transform:uppercase}
#pq-start-designs .content-page .buildlist-row .name{font-weight:600}
#pq-start-designs .content-page :is(.buildlist-row .desc,.buildlist-foot){color:var(--s-muted);font-size:15px}
#pq-start-designs .content-page .buildlist-row .sample-link{display:inline-block;margin-top:8px}
#pq-start-designs .content-page :is(.status-pill,.status-badge,.tag-soon,.tag){display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--s-line);border-radius:5px;font-size:12px;line-height:1.4;color:var(--s-muted);background:var(--s-soft)}
#pq-start-designs .content-page .status-pill.pilot{border-color:var(--s-red);color:var(--s-ink)}
#pq-start-designs .content-page .tag-soon{margin-left:12px}
#pq-start-designs .content-page .chip strong{display:block;margin-bottom:8px;color:var(--s-ink)}
#pq-start-designs .content-page .chip{color:var(--s-muted)}
#pq-start-designs .content-page .cta-box{padding:36px;background:var(--s-soft);border-radius:14px}
#pq-start-designs .content-page .epilog{margin:44px 0 0;font-size:clamp(23px,3cqw,36px);letter-spacing:-.025em;max-width:36ch}
#pq-start-designs .content-prose,#pq-start-designs[data-content-page=legal] .content-page{max-width:880px}
#pq-start-designs .content-page .doc{max-width:840px;margin:0 auto}
#pq-start-designs .content-page .doc h2{font-size:26px;margin-top:40px;padding-top:30px;border-top:1px solid var(--s-line)}
#pq-start-designs .content-page .doc h3{font-size:20px;margin-top:26px}
#pq-start-designs .content-page .doc :is(.legal-ref,.stand){font-size:14px;color:var(--s-muted)}
#pq-start-designs .content-page .doc hr{border:0;border-top:1px solid var(--s-line);margin:32px 0}
#pq-start-designs .content-page :is(.back-link,.backlink){display:inline-flex;align-items:center;gap:9px;margin-top:28px;min-height:44px}
#pq-start-designs .content-page .back-link svg,#pq-start-designs .content-page .backlink svg{width:16px;height:16px;flex-shrink:0}
#pq-start-designs .content-directory ul{list-style:none;padding:0}
#pq-start-designs .content-directory a{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--s-line);font-size:20px;text-decoration:none}

/* Books: cover, reading information and original samples stay together. */
#pq-start-designs .content-page .books{display:grid;gap:24px;margin:40px 0}
#pq-start-designs .content-page .book-card,#pq-start-designs .content-page .book-hero{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;background:var(--s-surface);border:1px solid var(--s-line);border-radius:14px;padding:32px;margin:0;align-items:start}
#pq-start-designs .content-page .book-hero{grid-template-columns:280px minmax(0,1fr);margin-bottom:36px}
#pq-start-designs .content-page .book-info{min-width:0}
#pq-start-designs .content-page .book-info h2{font-size:clamp(25px,3cqw,37px);max-width:30ch;margin:10px 0 16px}
#pq-start-designs .content-page .book-info :is(.subtitle,.author),#pq-start-designs .content-page .meta .subtitle{color:var(--s-muted)}
#pq-start-designs .content-page .book-info .author{font-size:14px}
#pq-start-designs .content-page .meta h1{font-size:clamp(30px,4.3cqw,54px);max-width:22ch}
#pq-start-designs .content-page .meta .subtitle{font-size:19px}
#pq-start-designs .content-page .tags{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}
#pq-start-designs .content-page .meta-list{display:flex;flex-wrap:wrap;gap:18px 28px;margin:22px 0}
#pq-start-designs .content-page .meta-list .label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--s-muted);margin-bottom:4px}
#pq-start-designs .content-page .meta-list .value{font-size:15px}
#pq-start-designs .content-page :is(.shop-link,.book-info .cta,.cta-mail){display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--s-red);color:#fff;border:1px solid var(--s-red);border-radius:6px;min-height:44px;padding:10px 18px;text-decoration:none;font-size:15px}
#pq-start-designs .content-page :is(.shop-link,.book-info .cta,.cta-mail):hover{background:#bb0711}
#pq-start-designs .content-page :is(.shop-link,.book-info .cta) svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
#pq-start-designs .content-page .shops{display:flex;flex-wrap:wrap;gap:12px}
#pq-start-designs .content-page .cover{width:100%;max-width:280px;box-shadow:0 12px 28px rgba(0,0,0,.16);line-height:0}
#pq-start-designs .content-page .cover img{width:100%;height:auto;display:block}
#pq-start-designs .content-page .book-3d{position:relative;width:100%;height:320px;overflow:hidden;cursor:pointer;touch-action:pan-y}
#pq-start-designs .content-page .book-3d-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
#pq-start-designs .content-page .book-3d-poster{position:absolute;inset:5% 10%;width:80%;height:90%;object-fit:contain;transition:opacity 160ms ease}
#pq-start-designs .content-page .book-3d.is-ready .book-3d-poster{opacity:0;pointer-events:none}
#pq-start-designs .content-page .book-3d-hint{position:absolute;bottom:0;left:0;right:0;text-align:center;color:var(--s-muted);background:var(--s-surface);font-size:11px;padding:5px;pointer-events:none}
#pq-start-designs .content-page .book-3d.is-failed .book-3d-hint{display:none}
#pq-start-designs .content-page :is(.tabs-nav,.nl-tabs){display:flex;flex-wrap:wrap;gap:7px;border-bottom:1px solid var(--s-line);padding-bottom:12px;margin:0 0 26px}
#pq-start-designs .content-page :is(.tab-btn,.nl-tab-btn).active{background:var(--s-ink);border-color:var(--s-ink);color:var(--s-bg)}
#pq-start-designs .content-page .tab-content{display:none;max-width:850px;background:var(--s-surface);padding:34px;border:1px solid var(--s-line);border-radius:12px}
#pq-start-designs .content-page .tab-content.active{display:block}
#pq-start-designs .content-page .tab-content h2{font-size:26px;margin-top:30px}
#pq-start-designs .content-page .tab-content h2:first-child{margin-top:0}
#pq-start-designs .content-page :is(.sample-intro,.scene){padding:20px;background:var(--s-soft);border-left:3px solid var(--s-red);margin-bottom:26px}

/* Newsletter and participation preserve all existing form contracts. */
#pq-start-designs .content-page :is(.newsletter,.form-card){background:var(--s-surface);padding:34px;border:1px solid var(--s-line);border-radius:14px;margin:32px 0}
#pq-start-designs .content-page .newsletter{max-width:850px}
#pq-start-designs .content-page .newsletter .nl-desc{color:var(--s-muted)}
#pq-start-designs .content-page .nl-form{display:flex;flex-wrap:wrap;gap:12px}
#pq-start-designs .content-page .nl-form input[type=email]{flex:1;min-width:200px}
#pq-start-designs .content-page :is(input:not([type=radio]):not([type=checkbox]):not([type=hidden]),select,textarea){min-height:46px;padding:11px 13px;background:var(--s-bg);color:var(--s-ink);border:1px solid var(--s-line);border-radius:6px;font:inherit;line-height:1.5;max-width:100%;min-width:0}
#pq-start-designs .content-page :is(input,textarea)::placeholder{color:var(--s-muted);opacity:1}
#pq-start-designs .content-page :is(input,select,textarea):focus{border-color:var(--s-red)}
#pq-start-designs .content-page textarea{min-height:120px;resize:vertical}
#pq-start-designs .content-page :is(.submit-btn,.nl-form button){background:var(--s-red);color:#fff;border-color:var(--s-red)}
#pq-start-designs .content-page :is(.submit-btn,.nl-form button):disabled{opacity:.6;cursor:wait}
#pq-start-designs .content-page :is(.nl-privacy,.form-card .lead){color:var(--s-muted);font-size:14px;margin-top:16px}
#pq-start-designs .content-page .fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}
#pq-start-designs .content-page .fieldset.single{grid-template-columns:1fr}
#pq-start-designs .content-page .field{display:flex;flex-direction:column;gap:8px;min-width:0}
#pq-start-designs .content-page .field.span-2{grid-column:1/-1}
#pq-start-designs .content-page .field label{font-size:15px}
#pq-start-designs .content-page .req{color:var(--s-red)}
#pq-start-designs[data-theme=dark] .content-page .req{color:var(--s-gold)}
#pq-start-designs .content-page :is(.radio-group,.checkbox-group){display:flex;flex-direction:column;gap:10px;padding:4px 0}
#pq-start-designs .content-page :is(.radio-group,.checkbox-group) label{display:flex;align-items:baseline;gap:10px;cursor:pointer}
#pq-start-designs .content-page :is(input[type=radio],input[type=checkbox]){accent-color:var(--s-red);width:18px;height:18px;flex-shrink:0}
#pq-start-designs .content-page .consent-row{display:flex;align-items:flex-start;gap:12px;border-top:1px solid var(--s-line);padding:24px 0;margin-top:24px}
#pq-start-designs .content-page .consent-row input{margin-top:4px}
#pq-start-designs .content-page .honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#pq-start-designs .content-page .captcha-slot{padding:22px;margin:20px 0;border:1px dashed var(--s-line);border-radius:8px;background:var(--s-soft);color:var(--s-muted);overflow-wrap:anywhere}
#pq-start-designs .content-page .captcha-slot iframe{max-width:100%}
/* The existing captcha engine supplies an inline warning style. Keep its
   warning readable in both palettes without changing the form engine. */
#pq-start-designs .content-page .captcha-warning{color:var(--s-ink)!important;background:var(--s-soft)!important;border-color:var(--s-line)!important;border-left:3px solid var(--s-red)!important}
#pq-start-designs .content-page .submit-row{display:flex;justify-content:flex-end;gap:16px;margin-top:24px}
#pq-start-designs .content-page :is(.form-status,.nl-status){display:none;padding:16px 20px;margin:20px 0;border-radius:6px;border:1px solid var(--s-line);background:var(--s-soft);color:var(--s-ink)}
#pq-start-designs .content-page :is(.form-status.ok,.form-status.err,.nl-status.success,.nl-status.error,.nl-status.info){display:block}
#pq-start-designs .content-page :is(.form-status.err,.nl-status.error){border-left:4px solid var(--s-red)}
#pq-start-designs .content-page :is(.form-status.ok,.nl-status.success){border-left:4px solid #258044}
#pq-start-designs .content-page .field.field-error :is(input,select,textarea){border:2px solid var(--s-red)}
#pq-start-designs .content-page .content-reveal{animation:content-reveal 170ms ease-out both}
@keyframes content-reveal{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){
  #pq-start-designs .content-page :is(.goals,.cta-grid,.actions-grid){grid-template-columns:1fr}
  #pq-start-designs .content-page .book-hero{grid-template-columns:220px minmax(0,1fr);gap:28px}
  #pq-start-designs .content-page .book-card{grid-template-columns:190px minmax(0,1fr);gap:24px;padding:24px}
  #pq-start-designs .content-page .buildlist-row{grid-template-columns:1fr 2fr}
  #pq-start-designs .content-page .buildlist-row .status{grid-column:2}
  #pq-start-designs .content-page .buildlist-row.head{display:none}
}
@media(max-width:620px){
  #pq-start-designs .content-page{padding-bottom:44px}
  #pq-start-designs .content-toolbar{justify-content:space-between;margin-top:18px}
  #pq-start-designs .content-toolbar .s-kicker{font-size:10px}
  #pq-start-designs .content-page h1{font-size:38px}
  #pq-start-designs .content-page h2{font-size:28px}
  #pq-start-designs .content-page .hero{padding-top:10px;margin-bottom:22px}
  #pq-start-designs .content-page .section{padding:30px 0}
  #pq-start-designs .content-page :is(.vm-grid,.target-grid,.values,.chip-grid,.phases,.usecases,.fieldset){grid-template-columns:1fr}
  #pq-start-designs .content-page :is(.vm-card,.goal,.target,.values>.value,.action-card,.cta-item,.chip,.notice,.notice-founding,.kibox .format,.disclaimer,.cta-box,.newsletter,.form-card,.tab-content){padding:23px}
  #pq-start-designs .content-page :is(.kibox .format ul,.principles){columns:1}
  #pq-start-designs .content-page .buildlist-row{grid-template-columns:1fr;gap:10px;padding:22px}
  #pq-start-designs .content-page .buildlist-row .status{grid-column:auto}
  #pq-start-designs .content-page :is(.book-card,.book-hero){grid-template-columns:1fr;padding:22px;gap:24px}
  #pq-start-designs .content-page .book-3d{width:min(280px,100%);height:310px;margin:0 auto}
  #pq-start-designs .content-page .cover{max-width:240px;margin:0 auto}
  #pq-start-designs .content-page .nl-form{flex-direction:column}
  #pq-start-designs .content-page .submit-btn{width:100%}
  #pq-start-designs .content-page .captcha-slot{padding:12px 0;border-left:0;border-right:0}
}
@media(prefers-reduced-motion:reduce){
  #pq-start-designs .content-page *,#pq-start-designs .content-page *::before,#pq-start-designs .content-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print{#pq-start-designs .content-toolbar{display:none}#pq-start-designs .content-page{width:100%;padding:0}#pq-start-designs .content-page .tab-content{display:block;border:0}#pq-start-designs .content-page .books{display:block}}