/* Shared public design system. Loaded last for every iCharles public page. */
:root{--public-paper:#f7f6f0;--public-ink:#293d31;--public-muted:#59675c;--public-line:#daddd2;--public-width:1120px;--public-serif:Georgia,'Times New Roman',serif;--public-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:24px}body[data-public-layout]{background:var(--public-paper);color:var(--public-ink);font-family:var(--public-sans);-webkit-font-smoothing:antialiased}body[data-public-layout] [hidden]{display:none!important}
.public-header{width:min(var(--public-width),calc(100% - 64px));margin:auto;min-height:80px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--public-line);position:relative;z-index:20}
.public-brand{display:inline-flex;align-items:center;gap:9px;font:28px/1 var(--public-serif);letter-spacing:-1.3px;text-decoration:none;white-space:nowrap}.public-mark{width:22px;height:22px;border:1px solid #648268;border-radius:50%;position:relative}.public-mark:after{content:'';position:absolute;width:14px;height:14px;border:1px solid #648268;border-radius:50%;top:1px;left:5px}.public-nav{display:flex;align-items:center;gap:24px;margin-left:auto}.public-nav a,.public-menu a{font:13px/1.4 var(--public-sans);text-decoration:none;padding:14px 0;white-space:nowrap}.public-nav a[aria-current],.public-menu a[aria-current]{text-decoration:underline;text-underline-offset:7px;text-decoration-color:#65836a}.public-open{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 14px;border:1px solid var(--public-line);border-radius:7px;font:13px/1.4 var(--public-sans);text-decoration:none;white-space:nowrap}.public-menu{display:none}.public-header a:hover{color:#426a4e}.public-header :focus-visible,.public-share-button:focus-visible,.public-share-dialog :focus-visible{outline:3px solid #64856a;outline-offset:3px}
body[data-public-layout] .wrap{width:min(var(--public-width),calc(100% - 64px))}
body[data-public-layout] h2{font-size:clamp(27px,3vw,36px);letter-spacing:-.035em}body[data-public-layout] .hero:not(figure){padding:46px 0 42px}body[data-public-layout] .hero h1{font-size:clamp(36px,5vw,64px);line-height:1.08;margin:18px 0 22px}body[data-public-layout] .hero-description{font-size:17px}body[data-public-layout] .hero .signup-form{margin-top:26px}
body[data-public-layout] .article-heading{max-width:var(--public-width);width:calc(100% - 64px);margin:28px auto 22px;padding:0}body[data-public-layout] .article-heading h1{max-width:960px;font:normal clamp(30px,3.3vw,46px)/1.14 var(--public-serif);letter-spacing:-.035em;margin:16px 0}body[data-public-layout] .deck{font:18px/1.55 var(--public-serif);max-width:850px;margin:0 0 22px;color:var(--public-muted)}
.article-meta-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-block:1px solid var(--public-line)}body[data-public-layout] .byline{display:flex;gap:9px;margin:0;font-size:13px}body[data-public-layout] .author-monogram{width:32px;height:32px;flex-shrink:0;font-size:18px}body[data-public-layout] .byline>span:last-child{display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px}body[data-public-layout] .byline small{font-size:12px;color:var(--public-muted)}
body[data-public-layout] figure.hero{max-width:var(--public-width);width:calc(100% - 64px);margin:22px auto 32px;padding:0}body[data-public-layout] .reading{max-width:720px;padding:0 24px;font:18px/1.72 var(--public-serif)}body[data-public-layout] .reading h2{font-size:28px;line-height:1.25;margin:1.4em 0 .6em}body[data-public-layout] .reading h3{font-size:23px;line-height:1.3}body[data-public-layout] .reading blockquote{font-size:22px;margin:28px 0;padding-left:20px}body[data-public-layout] .article-summary{font-size:17px;padding:20px 24px;margin-bottom:28px}body[data-public-layout] .inline-share{padding:16px 0;margin:28px 0}body[data-public-layout] .inline-share>p{margin:0 0 8px}
body[data-public-layout] .subscribe{max-width:var(--public-width);width:calc(100% - 64px);margin:48px auto;padding:28px 32px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;text-align:left}body[data-public-layout] .subscribe h2{font-size:28px;margin:8px 0 12px}body[data-public-layout] .subscribe-copy>p:not(.eyebrow){font-size:14px;margin:0}body[data-public-layout] .subscribe form{width:100%}body[data-public-layout] .related{max-width:var(--public-width);margin-inline:auto}body[data-public-layout] .related h2{font-size:30px}body[data-public-layout] .story-copy h3{font-size:25px}body[data-public-layout] .collection-heading h1{font-size:46px}body[data-public-layout] .article-collection{max-width:var(--public-width);padding-top:32px}body[data-public-layout] .collection-heading{margin-bottom:26px}
body[data-public-layout] .reflections{padding-top:48px;padding-bottom:40px}body[data-public-layout] .reflection-heading h2{font-size:34px}body[data-public-layout] .reflection-page-title{font-size:36px}body[data-public-layout] .catalog-main{max-width:1184px;padding:36px 32px 56px}body[data-public-layout] .catalog-main h1{font-size:42px}body[data-public-layout] .catalog-intro{font-size:17px}body[data-public-layout] .studio-intro h1{font-size:36px}body[data-public-layout] .section-heading h2,body[data-public-layout] .share-section h2{font-size:34px}
body[data-public-layout] .public-share{display:flex;align-items:center;gap:5px;flex-wrap:wrap;position:relative}body[data-public-layout] .public-share-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:42px;min-height:42px;padding:9px;border:1px solid var(--public-line);border-radius:8px;background:transparent;color:var(--public-ink);font:13px/1.3 var(--public-sans);text-decoration:none;cursor:pointer}body[data-public-layout] .public-share-primary{padding-inline:13px;background:var(--public-ink);border-color:var(--public-ink);color:#fff}.public-share-button svg{flex-shrink:0}.public-share-button:hover{background:#e7ebdf!important;color:var(--public-ink)!important}.public-share>.share-status:empty{display:none}.public-share>.share-status:not(:empty){position:absolute;top:100%;right:0;background:var(--public-paper);padding:3px 8px;font-size:12px;z-index:1}
.public-share-dialog{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:22px;border:1px solid var(--public-line);border-radius:14px;background:var(--public-paper);color:var(--public-ink);box-shadow:0 18px 70px #15251d30}.public-share-dialog::backdrop{background:#14271f66}.public-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.public-dialog-heading h2{font:24px/1.2 var(--public-serif)!important;margin:0}.public-dialog-heading button{font-size:24px;border:0;background:transparent;width:44px;height:44px;padding:0;color:inherit}.public-share-preview{border:1px solid var(--public-line);border-radius:8px;overflow:hidden}.public-share-preview img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:contain;background:#e7ebdf}.public-share-preview>div{padding:14px 16px}.public-share-preview span{font:12px var(--public-sans);color:var(--public-muted)}.public-share-preview h3{font:23px/1.2 var(--public-serif);margin:7px 0}.public-share-preview p{font:14px/1.5 var(--public-sans);margin:0;color:var(--public-muted)}.public-share-destinations{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.public-share-extras{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;align-items:center}.public-share-extras a,.public-share-extras button{font:13px/1.4 var(--public-sans);color:inherit;background:none;border:0;border-radius:0;padding:8px 0;text-decoration:underline;text-underline-offset:4px;min-height:40px}.public-share-feedback{font:13px/1.5 var(--public-sans)}.public-share-feedback:empty{display:none}.public-share-fallback{width:100%;min-height:140px;font:14px/1.5 var(--public-sans);padding:10px}
@media(max-width:900px){.public-header{gap:16px}.public-nav{gap:16px}.public-nav a{font-size:12px}.article-meta-row{flex-wrap:wrap}.public-share{margin-left:auto}}
@media(max-width:720px){.public-header{width:calc(100% - 32px);min-height:68px;gap:12px;flex-wrap:wrap}.public-brand{font-size:25px}.public-nav{display:none}.public-open{margin-left:auto;font-size:12px;padding:7px 10px}.public-menu{display:block}.public-menu summary{font:13px var(--public-sans);min-height:44px;display:flex;align-items:center;cursor:pointer;list-style:none}.public-menu summary::-webkit-details-marker{display:none}.public-menu nav{position:absolute;top:100%;left:0;right:0;padding:12px 18px;background:var(--public-paper);border:1px solid var(--public-line);border-radius:0 0 8px 8px;box-shadow:0 12px 20px #26392f10;display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.public-menu a{display:block}.public-share{margin-left:0}body[data-public-layout] .wrap,body[data-public-layout] .article-heading,body[data-public-layout] figure.hero{width:calc(100% - 32px)}body[data-public-layout] .article-heading{margin-top:22px}body[data-public-layout] .article-heading h1{font-size:32px}body[data-public-layout] .deck{font-size:17px;margin-bottom:18px}body[data-public-layout] .reading{font-size:18px;padding-inline:20px}body[data-public-layout] .byline>span:last-child{gap:3px 10px}body[data-public-layout] .subscribe{width:calc(100% - 32px);grid-template-columns:1fr;gap:20px;padding:24px}body[data-public-layout] .hero:not(figure){padding:32px 0}body[data-public-layout] .hero h1{font-size:40px}body[data-public-layout] .catalog-main{padding:28px 16px 40px}body[data-public-layout] .catalog-main h1{font-size:34px}body[data-public-layout] .collection-heading h1{font-size:36px}.public-share-dialog{padding:16px}.public-share-destinations .public-share-button{flex:1 1 28%}body[data-public-layout] .public-share-button{min-height:44px;min-width:44px}.article-meta-row{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Prevent page-local FAQ rules from changing the shared mobile menu. */
.public-menu summary{padding:0;border:0;gap:0}.public-menu summary::after{content:none!important}.public-menu summary::before{content:none!important}body[data-public-layout] .article-heading h1{text-wrap:balance}
.public-footer{width:min(var(--public-width),calc(100% - 64px));margin:48px auto 0;padding:24px 0;display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;border-top:1px solid var(--public-line);font:13px/1.5 var(--public-sans);color:var(--public-muted)}.public-footer .public-brand{font-size:25px;color:var(--public-ink)}.public-footer nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px 20px}.public-footer nav a{padding:10px 0;text-decoration:none}.public-footer .website-analytics-privacy{flex-basis:100%}@media(max-width:720px){.public-footer{width:calc(100% - 32px);gap:12px 18px}.public-footer nav{margin-left:0;width:100%;gap:6px 18px}}
.article-breadcrumb{display:flex;gap:10px;align-items:center;font:12px/1.5 var(--public-sans);color:var(--public-muted);margin-bottom:12px}.article-breadcrumb a{text-decoration:none}.article-breadcrumb a:hover{text-decoration:underline}.byline a[rel=author]{text-decoration:none}.byline a[rel=author]:hover{text-decoration:underline}.editorial-page{width:min(720px,calc(100% - 40px));margin:40px auto 64px;font:18px/1.7 var(--public-serif)}.editorial-page h1{font:normal clamp(32px,4vw,46px)/1.15 var(--public-serif);margin:12px 0 20px}.editorial-page h2{margin:30px 0 12px}.editorial-page p{margin:0 0 18px}.editorial-links{display:flex;flex-wrap:wrap;gap:12px 24px;font:14px/1.5 var(--public-sans);margin:26px 0}.editorial-page .deck{font:20px/1.5 var(--public-serif);color:var(--public-muted)}.editorial-page~.public-footer{margin-top:0}.skip{position:absolute;top:-100px;left:16px;z-index:50}.skip:focus{top:12px;background:var(--public-paper);padding:12px}

/* Approved Life OS sage mark on the public site's paper palette. */
.public-brand .public-brand-mark{display:block;width:32px;height:32px;flex-shrink:0;object-fit:contain}
@media(max-width:720px){.public-brand .public-brand-mark{width:29px;height:29px}}