/* Premium layer styles — leans on the app's CSS variables so it follows the user's theme. */
.feather-ic{width:28px;height:28px;flex-shrink:0;margin-top:2px}
/* brand wordmark: fixed font + color, deliberately independent of --serif/--sage theme vars (it's the logotype, not themed UI) */
.feather-wm{font-family:Georgia,"Iowan Old Style","Palatino Linotype","Times New Roman",serif !important;
  font-size:27px;font-weight:700;color:#4f6b58 !important;letter-spacing:.02em;line-height:1}
.feather-sub{font-size:10.5px;color:var(--ink-soft);letter-spacing:.03em;margin-top:3px}
.prem-modal h3 .feather-ic{width:22px;height:22px;vertical-align:-4px;margin-right:6px}
.prem-btn{border-color:var(--clay);color:var(--clay-deep)}
.prem-btn.prem-on{background:var(--clay);border-color:var(--clay);color:#fff}
.prem-overlay{position:fixed;inset:0;background:rgba(68,64,58,.45);display:flex;align-items:center;justify-content:center;z-index:60}
.prem-overlay[hidden]{display:none}
.prem-modal{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:26px 28px;width:min(440px,92vw)}
.prem-modal h3{font-family:var(--serif);color:var(--ink);font-size:20px;margin-bottom:8px}
.prem-modal h3 span{color:var(--clay-deep)}
.prem-modal p{font-size:13.5px;color:var(--ink-soft);line-height:1.5;margin-bottom:10px}
.prem-feats{list-style:none;margin:0 0 14px;padding:0}
.prem-feats li{font-size:13px;color:var(--ink);padding:4px 0}
.prem-row{display:flex;gap:8px;margin-bottom:14px}
.prem-row input{flex:1;border:1.5px solid var(--line-strong);border-radius:9px;padding:9px 11px;font:inherit;font-size:13px}
.prem-row input:focus{outline:none;border-color:var(--sage)}
.prem-foot{display:flex;gap:8px;justify-content:flex-end}
@media print{.prem-btn,.prem-overlay{display:none !important}}