/* K I J O B E — Part of the KIJOBE universe
 * Project: AlfaPublish; Bytesize heritage: 2002–∞; Origin: https://alfapublish.com/ */
.kijobe-author-vision{padding-top:44px;padding-bottom:72px}.ap-vision-heading{max-width:830px;margin-bottom:30px}.ap-vision-heading h1{font-size:clamp(38px,5vw,65px);margin:12px 0 18px}.ap-vision-heading h1 em{color:#355341}.ap-vision-heading .ap-lede{max-width:720px}.ap-vision-private{display:inline-block;background:#e7ecdf;color:#34503b;padding:7px 13px;border-radius:30px;font-size:13px;margin-top:4px}
.ap-vision-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:28px;align-items:start}.ap-vision-display{margin:0;min-width:0}.ap-vision-scene{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:18px;background:#d5c6ad;isolation:isolate;container-type:inline-size}.ap-vision-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ap-vision-display figcaption{display:flex;flex-direction:column;gap:5px;margin:16px 0;color:#5c6255;font-size:12px;line-height:1.6}.ap-vision-display figcaption strong{color:#29372c;font-size:16px;overflow-wrap:anywhere}.ap-vision-neighbors{font-size:12px;color:#626957;line-height:1.7}.ap-vision-neighbors a{display:block;margin-top:5px;color:#31503c}
.ap-vision-scene{aspect-ratio:1619/971}.ap-vision-background{object-fit:fill}
.ap-vision-mybook,.ap-vision-spine{position:absolute;left:0;top:0;transform-origin:0 0;mix-blend-mode:multiply;overflow:hidden;visibility:hidden}.ap-vision-mybook{width:240px;height:320px;z-index:2}.ap-vision-spine{width:340px;height:45px;z-index:1;display:flex;align-items:center;gap:12px;padding:0 18px;color:#243b30;background:#f8f6ee;border-left:5px solid #31543f;font:12px/1.2 system-ui}.ap-vision-spine strong{font-family:Georgia,serif;font-size:17px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ap-vision-spine [data-kijobe-vision-author]{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.ap-vision-spine-mark{font-size:8px;letter-spacing:.03em}.ap-vision-face{position:absolute;inset:0;display:flex;flex-direction:column;background:#f3efe7;color:#172c23;padding:10% 9% 9% 13%;overflow:hidden;container-type:inline-size;border-left:6px solid #355341}.ap-vision-face:before{content:"";position:absolute;inset:0 auto 0 0;width:2%;background:#b76b4c}.ap-vision-mark{font-size:9cqw;letter-spacing:.025em;font-weight:650}.ap-vision-art{position:absolute;right:11%;top:16%;width:25%;aspect-ratio:1;border-radius:50%;background:#cfd9ce;border:7px solid #cfd9ce}.ap-vision-art:after{content:"";position:absolute;inset:22%;border-radius:50%;background:#bd7350}.ap-vision-face strong{display:block;margin-top:30%;font-family:Georgia,serif;font-weight:650;font-size:18cqw;line-height:1.14;overflow-wrap:anywhere;position:relative;z-index:1}.ap-vision-face [data-kijobe-vision-author]{display:block;border-top:1px solid #425345;margin-top:auto;padding-top:9%;font-size:10cqw;line-height:1.3;overflow-wrap:anywhere;position:relative;z-index:1}.ap-vision-cover-note{margin-top:10%;font-size:7cqw;letter-spacing:.06em;text-transform:uppercase}.ap-vision-mybook[data-long="true"] .ap-vision-face strong{font-size:10cqw;margin-top:10%}.ap-vision-face>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3}.ap-vision-face>img[hidden]{display:none}.ap-vision-uploaded .ap-vision-face{border-left:0;padding:0}.ap-vision-mybook[data-style="circle"] .ap-vision-face,.ap-vision-spine[data-style="circle"]{background:#263f33;color:#f7f1df;border-left-color:#142c22}.ap-vision-mybook[data-style="circle"] .ap-vision-art{width:65%;right:-20%;top:12%;border:2px solid #e4c391;background:transparent}.ap-vision-mybook[data-style="circle"] .ap-vision-art:after{display:none}.ap-vision-mybook[data-style="circle"] [data-kijobe-vision-author]{border-color:#c6cdbb}
.ap-vision-controls{background:#f5f3e9;border:1px solid #dbdfce;padding:23px;border-radius:14px;min-width:0}.ap-vision-controls h2{font-size:27px;margin:0 0 20px}.ap-vision-controls label:not(.ap-vision-style){display:block;font-weight:600;font-size:14px;margin:17px 0 7px}.ap-vision-controls input[type=text]{box-sizing:border-box;width:100%;min-height:45px;padding:11px 12px;border:1px solid #b7c2ac;border-radius:5px;background:#fffdf7;font:16px system-ui;color:#243e2e}.ap-vision-controls fieldset{margin:23px 0 16px;padding:0;border:0;display:flex;gap:10px}.ap-vision-controls legend{font-size:14px;font-weight:600;margin-bottom:9px}.ap-vision-style{display:flex;align-items:center;gap:8px;flex:1;border:1px solid #c6cfba;background:#fffdf6;border-radius:7px;padding:9px 8px;font-size:13px;cursor:pointer}.ap-vision-style:has(input:checked){border-color:#34513e;box-shadow:inset 0 0 0 1px #34513e}.ap-vision-style input{accent-color:#355341}.ap-vision-style-chip{width:24px;height:35px;background:linear-gradient(90deg,#31523f 0 10%,#b76b4c 10% 15%,#f3efe7 15%);border:1px solid #bec5b5;flex:none}.ap-vision-style-chip[data-style=circle]{background:radial-gradient(circle at 75% 35%,transparent 0 9px,#dfc495 9px 10px,transparent 10px),#263f33}.ap-vision-own-cover{border-top:1px solid #d5dcc9;border-bottom:1px solid #d5dcc9;padding:13px 0;margin:18px 0}.ap-vision-own-cover summary{cursor:pointer;font-size:14px;font-weight:600}.ap-vision-own-cover input[type=file]{font:12px system-ui;max-width:100%}.ap-vision-own-cover p{font-size:12px;color:#626b59;line-height:1.7}.ap-vision-status{margin:14px 0;min-height:0;font-size:13px;line-height:1.6}.ap-vision-status:empty{display:none}.ap-vision-error{background:#fff0ea;border-left:3px solid #a04b34;padding:10px;color:#833624}.ap-vision-controls .ap-button{display:block;text-align:center}.ap-vision-reset{display:block;margin:15px auto 0;border:0;background:none;cursor:pointer;font:13px system-ui;color:#4a5d48;text-decoration:underline}.ap-vision-controls .ap-text-link{cursor:pointer;background:transparent;border:0;padding:0;color:#31523f;font-size:13px}.kijobe-author-vision :focus-visible{outline:3px solid #b46b4f;outline-offset:4px}.ap-vision-teaser{background:#e8ecdf;border:1px solid #d5ddc8;border-radius:14px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:36px;margin-bottom:36px}.ap-vision-teaser h2,.ap-vision-teaser h3{margin:7px 0 10px}.ap-vision-teaser p{max-width:630px}.ap-vision-teaser .ap-button{flex:none}
.kijobe-vision-dialog{padding:0;border:1px solid #c2c9b6;border-radius:13px;background:#faf7ef;width:min(1150px,94vw);max-width:94vw;height:92vh;max-height:92vh;box-sizing:border-box;box-shadow:0 25px 85px #15251955}.kijobe-vision-dialog::backdrop{background:#17291fe0}.kijobe-vision-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;background:#e8ecdf;border-bottom:1px solid #cdd5c1;color:#28442f;font:16px system-ui}.kijobe-vision-dialog-bar button{padding:8px 16px;border:1px solid #8ea180;border-radius:5px;background:#fffdf5;color:#28442f;font:14px system-ui;cursor:pointer}.kijobe-vision-dialog iframe{border:0;width:100%;height:calc(100% - 66px);display:block}.kijobe-vision-dialog:focus{outline:3px solid #b46b4f}.kijobe-vision-dialog-bar button:focus-visible{outline:3px solid #b46b4f;outline-offset:3px}.ap-vision-embed .kijobe-author-vision{padding-top:25px}.ap-vision-embed .ap-vision-heading h1{font-size:38px}.ap-vision-embed .ap-vision-heading{margin-bottom:22px}.ap-vision-embed .ap-vision-heading h1 br{display:none}
@media(max-width:850px){.ap-vision-grid{grid-template-columns:minmax(0,1fr)}.ap-vision-controls{padding:23px}.ap-vision-heading h1 br{display:none}.ap-vision-teaser{display:block}.ap-vision-teaser .ap-button{margin-top:16px;display:inline-block}}
@media(max-width:440px){.kijobe-author-vision{padding-top:28px}.ap-vision-heading h1{font-size:40px}.ap-vision-controls{padding:18px}.ap-vision-style{font-size:12px;padding:8px 6px;gap:6px}.ap-vision-style-chip{display:none}.ap-vision-scene{border-radius:11px}.ap-vision-face{border-left-width:3px}.ap-vision-art{border-width:3px}.ap-vision-teaser{padding:22px}.kijobe-vision-dialog-bar{font-size:13px;padding:12px}.kijobe-vision-dialog-bar button{padding:7px 10px}.kijobe-vision-dialog iframe{height:calc(100% - 60px)}}
@media(prefers-reduced-motion:reduce){.kijobe-author-vision *{scroll-behavior:auto}}

.ap-vision-mybook[data-long="true"] .ap-vision-face [data-kijobe-vision-author]{font-size:6.5cqw}

.ap-workroom-nav>div{flex-wrap:wrap}.ap-workroom-nav #ap-book-vision{font:inherit;padding:8px 0;min-height:44px}