/* Kodalewo logo palette: navy, blue, green and orange. */
:root{--brand-navy:#081f55;--brand-blue:#0964df;--brand-green:#00a878;--brand-orange:#ff781f;--ink:#081f55;--muted:#72809a;--bg:#f7f9fc;--line:#dfe6f0}
body{background:var(--bg);color:var(--brand-navy)}
.header nav{color:#50617f}.header nav a:hover{color:var(--brand-blue)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:var(--brand-blue)}
.dark{background:var(--brand-navy);color:#fff}.dark:hover{background:var(--brand-blue)}
.serif,.detail-tag,.section .serif{color:var(--brand-blue)}
.eyebrow{color:var(--brand-blue)}.small-note,.section-heading p{color:#72809a}
.header .login-cta{background:#fff;color:var(--brand-navy)}
.ticker.art-ribbon{background:linear-gradient(110deg,#081f55,#0753a0 65%,#008e80);box-shadow:0 12px 30px #0a3c701c}
.ticker.art-ribbon .ribbon-word{color:#fff}.ticker.art-ribbon .ribbon-pill{background:#ffdbbf;color:#81380d}.ticker.art-ribbon .ribbon-outline{border-color:#63d7ba;background:#ffffff09}.ticker.art-ribbon .ribbon-mark{color:#7edfc7}.ticker.art-ribbon .ribbon-mark:nth-of-type(4n),.ticker.art-ribbon .ribbon-arrow{color:#ffb47d}.art-ribbon::before,.art-ribbon::after{border-color:#8adcca55}.ribbon-word>svg{stroke:#ffb47d}
#space-grid .space-card{--accent:#0964df;--tint:#e8f1ff;--edge:#c7daf4;box-shadow:0 6px 17px #123e7208}
#space-grid .space-card:nth-child(2){--accent:#2059a7;--tint:#e9f0fc;--edge:#cddaf1}
#space-grid .space-card:nth-child(3){--accent:#009a76;--tint:#e0f5ed;--edge:#b9e2d3}
#space-grid .space-card:nth-child(4){--accent:#de7425;--tint:#fff0df;--edge:#f4d5b7}
#space-grid .space-card:nth-child(5){--accent:#009c72;--tint:#dff5eb;--edge:#b6e0ce}
#space-grid .space-card:nth-child(6){--accent:#ea7627;--tint:#fff0e3;--edge:#f3d3ba}
#space-grid .space-card:nth-child(7){--accent:#1671bd;--tint:#e5f3fc;--edge:#bdddf1}
#space-grid .space-card:nth-child(8){--accent:#058b87;--tint:#e1f3f1;--edge:#bce0dc}
#space-grid .space-card h3{color:var(--brand-navy)}#space-grid .space-card p,#space-grid .space-card:last-child p{color:#6a7b93}#space-grid .service-picture{filter:none}#space-grid .space-card:hover{box-shadow:0 13px 25px #153d7718}
.hero .cms-banner-caption{background:linear-gradient(90deg,#071c4bc9,#071c4b50 55%,#071c4b00 90%)}
.cms-banner-caption .eyebrow,.hero .cms-banner-caption .eyebrow{color:#fff;border-color:#ffffff55;background:#083e7866}
.banner-read{border-color:#ffffff66}.carousel-dot::after{background:#c2d4eb}.carousel-dot[aria-current=true]::after{background:var(--brand-blue)}.banner-control{color:var(--brand-navy);border-color:#d4dfef}.banner-control:hover{background:#eaf2ff;border-color:#9bbfea}
.filter{border-color:#dae4f2;color:#6e809b}.filter.active{background:var(--brand-blue);border-color:var(--brand-blue);color:white}.search{border-color:#dce5f2}.article-meta,.article-stats{color:#6e84a2}.article-card h3{color:var(--brand-navy)}.article-card:hover h3,.article-card:hover .article-stats{color:var(--brand-blue)}.article-excerpt{color:#72809a}
.connect.section{background:linear-gradient(115deg,#edf4ff,#e4f5ef);border-color:#d7e9ec}.connect-star{color:#cce5e3}.connect p{color:#66819a}.connect .email{color:#32638e}.connect .eyebrow{color:#008d6e}
.footer-brand{color:var(--brand-navy)}.footer-brand span{color:var(--brand-orange)}footer p,footer small,footer>div{color:#72809a}footer>div a:hover{color:var(--brand-blue)}
.back-link,.post-content a,.love-feedback a{color:var(--brand-blue)}.post-title{color:var(--brand-navy)}.post-content{color:#5e708c}.post-byline{color:#7d8ba2}.comments-section{border-color:#dce6f2}.comments-section h2 span{color:#7a9bbf}.comment-intro{color:#71849f}
.comment-form{background:#edf3fb}.comment-form input,.comment-form textarea{border-color:#d1dff0;background:#fff;color:var(--brand-navy)}.comment-form label{color:#305479}.comment-form label>span{color:var(--brand-orange)}.form-help{color:#7185a1}.comment-avatar{background:#e5f3ed;color:#009e73}.comment-item p{color:#667b97}.comment-item time,.no-comments{color:#8393a9}
.post-love-section{background:linear-gradient(110deg,#edf4ff,#edf8f2);border-color:#d4e5ee}.post-love-section p,.love-feedback{color:#6c85a1}.post-love-button{color:var(--brand-blue);border-color:#bdd4f0}.post-love-button:hover{background:#e9f2ff;border-color:#82afe5}.post-love-button.is-loved{color:#dc2626;background:#fff1f2;border-color:#fca5a5}
.account-panel{border-color:#dae5f3;box-shadow:0 15px 50px #093d7308}.account-icon{background:#e9f2ff;color:var(--brand-blue);border-color:#cddff5}.account-heading p,.account-help,.account-bottom{color:#7b8ca5}.account-tabs{background:#edf3fb}.account-tabs a{color:#6d85a1}.account-tabs a[aria-current]{color:var(--brand-blue)}.account-form label{color:#335b84}.account-form input{background:#fbfdff;border-color:#d6e3f3;color:var(--brand-navy)}.account-form input[readonly]{background:#f0f5fb;color:#7a8da7}.account-bottom a,.logout-form{color:var(--brand-blue)}.account-art{color:#b1d5ed}.account-art span{color:#00a878}.account-intro p{color:#6e84a0}
.contact-copy p{color:#71849e!important}.contact-copy .email{color:var(--brand-blue)}.contact-symbol{color:#b7dece!important}
.reader-toolbar{color:var(--brand-navy);border-color:#dfe8f4}.reader-toolbar button{background:#edf4ff;color:var(--brand-blue)}#reader-body p{color:#637c98}#reader-body a{color:var(--brand-blue)}
@media(max-width:650px){.hero .cms-banner-caption{background:linear-gradient(90deg,#071c4bcc,#071c4b88 68%,#071c4b33)}}

/* Shared destructive icon buttons across public web forms and lookups. */
body button.web-delete-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;max-width:40px!important;padding:0!important;gap:0!important;flex:none!important;border:1px solid #fecaca!important;border-radius:9px!important;background:#fff1f2!important;color:#dc2626!important;cursor:pointer;vertical-align:middle}body button.web-delete-icon:hover{background:#fee2e2!important;border-color:#ef4444!important;color:#b91c1c!important}body button.web-delete-icon:focus-visible{outline:2px solid #dc2626;outline-offset:3px}body button.web-delete-icon svg{width:18px;height:18px;flex:none;pointer-events:none}body button.web-delete-icon:disabled{opacity:.5;cursor:default}.skill-selected-entry{display:inline-flex;align-items:center;gap:7px;padding:4px 5px 4px 12px;border:1px solid #d6e3f3;border-radius:12px;background:#edf4ff;color:#1555a0;font-size:13px}

/* Consistent actions in every native modal, including dynamically created lookups. */
body dialog :is(button,a.button,input[type="submit"]):not(.web-delete-icon){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 17px!important;border:1px solid #d5e2f2!important;border-radius:12px!important;background:linear-gradient(180deg,#fff,#f1f6fd)!important;color:#214c7e!important;font-family:inherit;font-size:13px!important;font-weight:500;line-height:1.5;text-decoration:none;cursor:pointer;box-shadow:0 2px 3px #0b315306,inset 0 1px 0 #fff9;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}
body dialog :is(button,a.button,input[type="submit"]):not(.web-delete-icon):hover:not(:disabled){border-color:#aac7ed!important;background:#eaf2ff!important;box-shadow:0 4px 10px #103c6c12;transform:translateY(-1px)}
body dialog :is(button,a.button,input[type="submit"]):not(.web-delete-icon):active:not(:disabled){transform:translateY(0);box-shadow:inset 0 1px 3px #0b315315}
body dialog :is(button[type="submit"],input[type="submit"],.profile-primary,.writing-primary,.dark,[data-apply-store-map],[data-apply-media],[data-apply],[data-agree-terms],[data-confirm-apply]):not(.web-delete-icon){border-color:#095bd6!important;background:linear-gradient(180deg,#176ef5,#095bd6)!important;color:#fff!important;box-shadow:0 3px 8px #0962e826,inset 0 1px 0 #ffffff26}
body dialog :is(button[type="submit"],input[type="submit"],.profile-primary,.writing-primary,.dark,[data-apply-store-map],[data-apply-media],[data-apply],[data-agree-terms],[data-confirm-apply]):not(.web-delete-icon):hover:not(:disabled){background:linear-gradient(180deg,#1264e8,#074ebc)!important;border-color:#074ebc!important;box-shadow:0 5px 12px #0962e832}
body dialog :is(.modal-close,.user-dialog-close,.reader-close,.skill-lookup-heading [data-dismiss],.terms-heading [data-close-terms],.store-map-heading [data-close-store-map],.reader-toolbar button):not(.web-delete-icon){width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;border-radius:50%!important;background:#f1f5fb!important;color:#617995!important;border-color:#e3ebf5!important;font-size:21px!important;box-shadow:none}
body dialog :is(button,a.button,input[type="submit"]):focus-visible{outline:3px solid #96bdff!important;outline-offset:3px}
body dialog :is(button,input[type="submit"]):disabled{opacity:.48;cursor:not-allowed;box-shadow:none!important;transform:none!important}
body dialog :is(.store-map-actions,.terms-actions,.skill-lookup-footer,.crud-confirm-buttons){gap:10px}
body dialog [data-store-map-results] button{justify-content:flex-start!important;text-align:left;white-space:normal;font-weight:400}
@media(prefers-reduced-motion:reduce){body dialog :is(button,a.button,input[type="submit"]){transition:none!important;transform:none!important}}
@media(max-width:600px){body dialog :is(button,a.button,input[type="submit"]):not(.web-delete-icon){min-height:44px;padding:10px 14px!important}body dialog :is(.store-map-actions,.terms-actions,.crud-confirm-buttons){flex-wrap:wrap}}

/* Match destructive actions to neighboring row controls. */
body .writing-actions{align-items:center}body .writing-actions>form{display:inline-flex;align-items:center;margin:0;flex:0 0 auto;width:auto}body .writing-actions button.web-delete-icon{box-sizing:border-box!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;border-radius:8px!important;line-height:1!important;margin:0!important;box-shadow:none!important;transform:none!important}body .writing-actions button.web-delete-icon svg{display:block;width:17px;height:17px}body button.web-delete-icon{box-sizing:border-box!important;line-height:1!important;box-shadow:none!important;transition:background .15s,border-color .15s,color .15s}body button.web-delete-icon[hidden]{display:none!important}body button.web-delete-icon:disabled{opacity:.45;cursor:not-allowed}

/* Text actions must retain their full label; only explicit close icons are round. */
body dialog .button:not(.web-delete-icon):not(.modal-close):not(.user-dialog-close){width:auto!important;min-width:0!important;max-width:100%;height:auto!important;min-height:42px!important;padding:10px 17px!important;border-radius:12px!important;font-size:13px!important;line-height:1.5!important;white-space:normal;overflow-wrap:normal;flex:0 1 auto;margin:0!important}body dialog .writing-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}body dialog .writing-actions>.button{min-width:88px!important}body dialog .theater-form-actions,body dialog .bazar-form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}