#commonplace-app{--paper:#f6f3eb;--ink:#293b30;--muted:#777a6e;--line:#deded1;--accent:#c9dbb0;color:var(--ink);background:var(--paper);font:14px/1.6 Arial,Helvetica,sans-serif;min-height:100vh}#commonplace-app *{box-sizing:border-box}#commonplace-app button,#commonplace-app input,#commonplace-app select,#commonplace-app textarea{font:inherit}#commonplace-app button,#commonplace-app a,#commonplace-app label.cp-upload{touch-action:manipulation}#commonplace-app button{cursor:pointer;color:inherit;border:0;background:transparent}#commonplace-app a{color:inherit;text-decoration:none}#commonplace-app button:hover,#commonplace-app a:hover{opacity:.75}#commonplace-app :focus-visible{outline:2px solid #72895b;outline-offset:4px}#commonplace-app button:disabled{opacity:.4;cursor:wait}.cp-shell{max-width:1600px;margin:auto;padding:0 5%}.cp-header{display:flex;align-items:center;justify-content:space-between;height:100px;border-bottom:1px solid var(--line);gap:25px}.cp-brand{font:32px Georgia,serif;letter-spacing:-1.4px;white-space:nowrap}.cp-mark{font-size:37px;vertical-align:middle;margin-right:10px}.cp-brand-dot{color:#879364}.cp-header nav{display:flex;align-self:stretch;gap:35px}.cp-header nav button{position:relative;font-size:13px}.cp-header nav button.active:after{content:'';position:absolute;bottom:-1px;height:2px;background:var(--ink);left:0;right:0}.cp-header nav span{margin-left:10px}.cp-header-note{font:italic 15px Georgia,serif;color:var(--muted)}.cp-demo{border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1.4px;padding:11px 0;color:#6e765f}.cp-demo span{letter-spacing:.2px;margin-left:16px;font-size:11px}.cp-intro{display:flex;align-items:center;justify-content:space-between;padding:65px 0 52px;gap:30px}.cp-eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;margin:0 0 20px}#commonplace-app h1{font:normal clamp(42px,5.2vw,78px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-3px;margin:0}#commonplace-app h1 em{font-weight:normal;color:#748064}.cp-deck{color:#777b70;margin:24px 0 0;font-size:14px;line-height:1.8}.cp-intro-aside{border-left:1px solid var(--line);padding-left:45px;margin:20px 3% 0 20px;min-width:200px}.cp-asterisk{font-size:70px;line-height:1;color:#82916e}.cp-intro-aside p{font:italic 22px/1.45 Georgia,serif}.cp-tiny{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.cp-search{display:flex;align-items:center;background:#eeeee3;border:1px solid #dbdecd;padding:8px 8px 8px 23px;gap:16px;border-radius:4px}.cp-search>span{font-size:31px;line-height:1}#commonplace-app .cp-search input{border:0;outline:none!important;box-shadow:none;background:transparent;flex:1;min-width:0;padding:10px 0;color:var(--ink);font-size:15px}#commonplace-app .cp-search button,#commonplace-app .cp-primary{background:var(--ink);color:#fff;padding:13px 23px;border-radius:3px;font-size:12px}.cp-search button span{margin-left:35px}.cp-topics{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:19px 0 29px;border-bottom:1px solid var(--line)}.cp-topics>span{font-size:9px;letter-spacing:1.3px;color:var(--muted);margin-right:12px}.cp-topics button{font-size:11px!important;border:1px solid #d9dccd!important;border-radius:25px;padding:5px 13px;text-transform:capitalize}#commonplace-app .cp-topics .selected{background:#e0e8d5;border-color:#b6c4a5!important}.cp-collection{padding:40px 0 70px}.cp-section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.cp-section-heading .cp-eyebrow{font-size:9px;margin-bottom:9px;color:var(--muted)}#commonplace-app h2{font:normal 31px/1.2 Georgia,serif;letter-spacing:-.6px;margin:0}.cp-section-heading h2 span{font:14px Arial,sans-serif;color:#949988;margin-left:12px}.cp-text-button{font-size:12px!important}.cp-filters{display:flex;align-items:center;gap:12px;margin:24px 0 25px;flex-wrap:wrap}.cp-filters #cp-selects{display:flex;gap:8px;align-items:center;flex:1;flex-wrap:wrap}#commonplace-app select{max-width:190px;border:1px solid var(--line);background:transparent;border-radius:3px;padding:8px;color:var(--ink);font-size:11px}.cp-year input{width:84px!important;border:1px solid var(--line)!important;padding:8px!important;background:transparent!important;font-size:11px!important;border-radius:3px!important}.cp-sort{font-size:10px;color:var(--muted)}.cp-sort select{border:0!important;max-width:140px!important}.cp-filters>button{font-size:10px!important;padding:6px!important}.cp-grid{columns:3;column-gap:22px}.cp-card{display:inline-block;vertical-align:top;width:100%;margin-bottom:22px;break-inside:avoid;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:#faf8f1}.cp-card-body{padding:27px}.cp-tone-1{background:#e9eddF}.cp-tone-2{background:#ece9df}.cp-tone-3{background:#f0e7dd}.cp-card-top{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-bottom:22px}.cp-card-top span:last-child{text-align:right}.cp-quote-button{display:block;text-align:left;padding:0;width:100%}#commonplace-app blockquote{font:normal 28px/1.35 Georgia,serif;letter-spacing:-.5px;margin:0;color:var(--ink);border:0;padding:0}.cp-attribution{display:flex;gap:11px;margin:23px 0 22px;font-size:11px;align-items:flex-start}.cp-author-line{width:20px;height:1px;background:#9da38f;margin-top:8px;flex-shrink:0}.cp-attribution strong{font-weight:600}.cp-attribution p{font-size:10px;color:#7c8072;margin:3px 0 0}.cp-attribution cite{font-style:normal}.cp-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #d8dbce;padding-top:16px}.cp-card-bottom>div{display:flex;gap:6px;flex-wrap:wrap}#commonplace-app .cp-tag{font-size:9px;padding:2px 7px;border:1px solid #d8dbce;border-radius:20px}.cp-card-open{font-size:13px!important;padding:3px}.cp-card-art{height:240px;position:relative;overflow:hidden}.cp-card-art img{height:100%;width:100%;object-fit:cover;object-position:center 48%;display:block}.cp-art-caption{position:absolute;bottom:9px;left:12px;color:white;font-size:8px;text-shadow:0 1px 4px #000}.cp-image-card{background:#fffdf6}.cp-list{columns:1}.cp-list .cp-card{display:flex}.cp-list .cp-card-art{width:230px;height:auto;min-height:250px;flex-shrink:0}.cp-list .cp-card-body{flex:1}.cp-list blockquote{font-size:25px!important}.cp-empty{padding:75px 25px;text-align:center;column-span:all;border:1px dashed var(--line)}.cp-empty>span{font-size:40px}.cp-empty h3{font:28px Georgia,serif}.cp-empty p{color:var(--muted)}.cp-shell footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:30px 0 40px}.cp-shell footer .cp-brand{font-size:25px}.cp-shell footer p{font:italic 15px Georgia,serif;color:var(--muted)}.cp-shell footer>span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.cp-studio-tools{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:24px;font-size:11px}.cp-studio-tools span{flex:1;color:var(--muted)}#cp-notice:not(:empty){position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:15px 24px;background:var(--ink);color:white;box-shadow:0 6px 40px #0002;border-radius:5px;z-index:99999;max-width:90vw}#cp-dialog{padding:38px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:5px;width:760px;max-width:94vw;max-height:90vh;overflow:auto;box-shadow:0 20px 100px #17251c40}#cp-dialog::backdrop{background:#17251c99;backdrop-filter:blur(4px)}.cp-close{position:absolute;right:16px;top:8px;font-size:28px!important;z-index:1}.cp-detail-art{height:250px;overflow:hidden;margin:-38px -38px 30px}.cp-detail-art img{width:100%;height:100%;object-fit:cover}.cp-detail blockquote{font-size:37px!important}.cp-detail h3{font-size:15px;margin:24px 0 2px}.cp-detail>p{color:var(--muted)}.cp-detail-tags{display:flex;gap:8px;margin:20px 0}.cp-notes{border-top:1px solid var(--line);padding:15px 0;margin-top:25px}.cp-notes h4{font-size:11px;margin:0}.cp-muted{font-size:10px}.cp-detail-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:25px;font-size:12px}.cp-detail-actions button{font-size:12px!important}#cp-editor h2{margin-bottom:26px}#cp-editor label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600;margin-bottom:16px}#cp-editor label span{font-weight:normal;color:var(--muted);font-size:10px}#cp-editor input,#cp-editor textarea{background:#fffdf7;border:1px solid #cfd4c5;padding:10px 12px;border-radius:3px;color:var(--ink);width:100%;font-size:13px;font-weight:normal}#cp-editor textarea{resize:vertical}.cp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.cp-image-editor{padding:20px;background:#e9edde;margin:10px 0 22px}.cp-image-editor h3{margin:0;font:21px Georgia,serif}.cp-image-editor p{font-size:11px;color:var(--muted)}.cp-image-actions{display:flex;align-items:center;gap:20px}.cp-image-actions button{font-size:11px!important}.cp-upload{margin:0!important;cursor:pointer;text-decoration:underline}.cp-form-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px}.cp-check{flex-direction:row!important;align-items:center}.cp-check input{width:auto!important}.cp-danger,.cp-form-error{color:#9a4238!important}.cp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1450px){.cp-grid{columns:4}.cp-intro{padding-top:80px}}@media(max-width:1050px){.cp-header-note{display:none}.cp-intro-aside{margin-right:0;padding-left:30px}.cp-grid{columns:2}.cp-shell{padding:0 5%}.cp-filters{gap:8px}}@media(max-width:650px){.cp-header{height:80px;gap:12px}.cp-brand{font-size:25px}.cp-mark{font-size:28px;margin-right:5px}.cp-header nav{gap:15px}.cp-header nav button{font-size:10px}.cp-header nav span{display:none}.cp-demo{font-size:8px}.cp-demo span{display:block;margin:3px 0 0;font-size:9px}.cp-intro{padding:40px 0 32px}.cp-intro-aside{display:none}#commonplace-app h1{font-size:45px;letter-spacing:-2px}.cp-eyebrow{font-size:8px}.cp-deck{font-size:12px}.cp-desktop{display:none}.cp-search{padding-left:12px;gap:8px}#commonplace-app .cp-search input{font-size:11px}#commonplace-app .cp-search button{padding:12px;font-size:10px}.cp-search button span{margin-left:7px}.cp-topics{gap:6px}.cp-topics>span{width:100%;margin-bottom:4px}.cp-topics button{font-size:10px!important;padding:4px 10px}.cp-collection{padding-top:28px}.cp-section-heading{align-items:flex-end}.cp-section-heading h2{font-size:25px!important}.cp-heading-actions button{font-size:10px!important;max-width:120px}.cp-grid{columns:1}.cp-card-body{padding:24px}.cp-filters #cp-selects{flex-basis:100%}.cp-filters select{max-width:130px!important}.cp-year input{width:73px!important}.cp-card-art{height:220px}.cp-shell footer{flex-wrap:wrap}.cp-shell footer>span{display:none}.cp-shell footer p{font-size:12px}.cp-list .cp-card{display:block}.cp-list .cp-card-art{display:none}.cp-studio-tools{gap:10px;flex-wrap:wrap}.cp-studio-tools span{flex-basis:100%}#cp-dialog{padding:26px 20px}.cp-form-grid{grid-template-columns:1fr}.cp-detail-art{margin:-26px -20px 25px}.cp-detail blockquote{font-size:29px!important}.cp-image-actions{flex-wrap:wrap}.cp-image-editor{padding:15px}}

@media(max-width:800px){.cp-intro-aside{display:none}.cp-desktop{display:none}.cp-intro{padding-top:45px}}

.cp-synthesis{margin:0 0 28px;padding:28px 32px;border:1px solid #cdd5bf;background:#eaf0e1;border-radius:4px}.cp-synthesis-heading{display:flex;align-items:center;gap:16px}.cp-synthesis-symbol{font-size:37px;color:#798e66}.cp-synthesis-heading .cp-eyebrow{font-size:8px;margin:0 0 6px}.cp-synthesis h3{font:27px Georgia,serif;margin:0}.cp-synthesis-count{margin-left:auto;font-size:10px;color:#68725e;white-space:nowrap}.cp-synthesis-text{font:21px/1.65 Georgia,serif;max-width:1050px;margin:20px 0 15px;white-space:pre-line}.cp-synthesis-empty{font:18px/1.6 Georgia,serif;max-width:800px;margin:18px 0}.cp-synthesis-caption{font-size:10px;color:#697360;margin:10px 0 0}.cp-synthesis-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:22px}.cp-synthesis-actions button{font-size:11px!important}.cp-synthesis-status{font-size:12px;margin-bottom:0}.cp-synthesis-dialog{width:700px;max-width:94vw;max-height:90vh;overflow:auto;padding:36px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:5px}.cp-synthesis-dialog::backdrop{background:#17251c99;backdrop-filter:blur(4px)}.cp-synthesis-dialog h2{margin-bottom:18px!important}.cp-synthesis-dialog textarea{display:block;width:100%;margin:8px 0 20px;border:1px solid #bfc9b1;background:#fffdf7;border-radius:3px;padding:12px;color:var(--ink);font:15px/1.6 Georgia,serif!important;resize:vertical}.cp-synthesis-dialog label{font-size:12px}.cp-synthesis-dialog [role=alert]{color:#9a4238}.cp-synthesis-dialog>p{font-size:12px}.cp-synthesis-dialog .cp-close{right:12px;top:6px}@media(max-width:650px){.cp-synthesis{padding:22px}.cp-synthesis-heading{gap:10px}.cp-synthesis h3{font-size:23px}.cp-synthesis-text{font-size:19px}.cp-synthesis-actions{gap:14px}.cp-synthesis-dialog{padding:30px 20px}}

.cp-result-group{margin-bottom:36px}.cp-group-heading{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding:20px 0 17px}.cp-group-heading .cp-eyebrow{flex-basis:100%;margin:0;font-size:8px;color:var(--muted)}.cp-group-heading h3{font:26px Georgia,serif;margin:0}.cp-group-heading>span{font-size:10px;color:var(--muted)}.cp-group-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.cp-group-cards .cp-card{margin:0}.cp-visual-card{margin:0;background:#e9e6dc;border:1px solid #d5d8c9;border-radius:3px;overflow:hidden}.cp-visual-card>img{display:block;width:100%;height:380px;background:#e6e4d8}.cp-visual-card figcaption{padding:22px}.cp-visual-card .cp-eyebrow{font-size:8px;letter-spacing:1.3px}.cp-visual-card h4{font:22px/1.3 Georgia,serif;margin:8px 0}.cp-visual-card figcaption p{font-size:11px;color:#67745e;margin:8px 0}.cp-reading-groups .cp-group-cards{grid-template-columns:1fr}.cp-reading-groups .cp-visual-card{display:grid;grid-template-columns:220px 1fr;align-items:center}.cp-reading-groups .cp-visual-card>img{height:240px}.cp-reading-groups .cp-card{display:flex}.cp-reading-groups .cp-card-art{width:220px;flex-shrink:0;height:240px}.cp-reading-groups .cp-card-body{flex:1}.cp-library h2{margin-bottom:15px!important}.cp-library>p,#cp-image-form>p{font-size:12px;color:var(--muted)}.cp-library-tools{display:flex;gap:20px;align-items:center;margin:22px 0}.cp-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cp-library-grid article{border:1px solid var(--line);padding:15px;background:#fffdf6}.cp-library-grid img{height:170px;width:100%;object-fit:contain;background:#e9e7de}.cp-library-grid h3{font:22px Georgia,serif}.cp-library-grid p{font-size:11px;color:var(--muted)}.cp-library-grid button{font-size:12px!important}#cp-image-form h2{margin:0 0 25px}#cp-image-form label{display:flex;flex-direction:column;font-size:11px;gap:6px;margin-bottom:14px}#cp-image-form input,#cp-image-form select{width:100%;max-width:none;padding:10px;border:1px solid #cfd4c5;background:#fffdf7;color:var(--ink);border-radius:3px;font-size:12px}#cp-image-form h3{font:22px Georgia,serif;margin-bottom:8px}.cp-association-row{display:grid;grid-template-columns:135px 1fr 30px;gap:10px;align-items:start}.cp-association-row>button{font-size:22px!important}.cp-association-row label{min-width:0}#cp-image-form .cp-form-actions{gap:12px;align-items:center;flex-wrap:wrap;font-size:11px}#cp-image-form #cp-add-association{font-size:12px;text-decoration:underline}.cp-library .cp-primary{font-size:12px}@media(max-width:1050px){.cp-group-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-visual-card>img{height:340px}}@media(max-width:650px){.cp-group-cards{grid-template-columns:1fr}.cp-group-heading h3{font-size:23px}.cp-visual-card>img{height:auto;max-height:500px}.cp-library-grid{grid-template-columns:1fr}.cp-association-row{grid-template-columns:110px 1fr 24px;gap:5px}.cp-reading-groups .cp-visual-card{display:block}.cp-reading-groups .cp-card{display:block}.cp-reading-groups .cp-card-art{width:100%}.cp-library-tools{flex-wrap:wrap}}

/* Original artwork is mirrored in presentation so the wanderer faces the content. */
.cp-header .cp-brand{display:flex;align-items:center;gap:12px;letter-spacing:-1.2px}
.cp-logo-frame{display:block;width:54px;height:68px;overflow:hidden;flex-shrink:0}
.cp-logo{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom;transform:scaleX(-1)}
@media(max-width:650px){.cp-header .cp-brand{gap:8px}.cp-logo-frame{width:40px;height:52px}}

@media(max-width:750px){.cp-header nav{gap:14px}.cp-header nav button{font-size:11px}.cp-header{gap:14px}}

.cp-about{max-width:800px;margin:0 auto;padding:65px 0 32px}
.cp-about .cp-pronunciation{font:22px Georgia,serif;color:var(--muted);margin:20px 0 45px}
.cp-definition-group{border-top:1px solid var(--line);padding:30px 0 12px}
#commonplace-app .cp-definition-group h2{font:600 12px Arial,sans-serif;letter-spacing:1.6px}
.cp-definition-group h2 em{font:italic 15px Georgia,serif;letter-spacing:0;margin-left:12px;color:var(--muted)}
.cp-definition-group ol{padding-left:24px}
.cp-definition-group li{padding:15px 0 20px 10px}
.cp-definition-group li>strong{font:normal 24px/1.4 Georgia,serif}
.cp-definition-example{font:italic 18px/1.5 Georgia,serif;color:var(--muted)}
.cp-synonyms{font-size:14px;line-height:2;color:var(--muted);margin:15px 0 0}
.cp-synonyms em{color:var(--ink)}
.cp-about-link{font-size:10px;letter-spacing:1.6px}
.cp-back-link{display:block;max-width:800px;margin:0 auto 60px;font-size:13px}
@media(max-width:650px){.cp-about{padding-top:40px}.cp-definition-group li>strong{font-size:21px}.cp-definition-group h2 em{display:block;margin:10px 0 0}}

.cp-dictionary-entry+.cp-dictionary-entry{margin-top:60px;padding-top:60px;border-top:2px solid var(--ink)}
#commonplace-app .cp-word{font:normal clamp(42px,5.2vw,78px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-3px;margin:0}