/* Isolated archive extension. No selectors apply to existing pages. */
/* Version 295: preserve the full title image at every viewport width. */
html body.hw293-page #main .blog242-hero figure{width:100%;max-width:100%;margin-inline:0}
html body.hw293-page #main .blog242-hero figure img{display:block;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;border-radius:22px}
html body.hw293-page #main .hw295-original{overflow-wrap:anywhere;hyphens:auto}
html body.hw293-page #main .hw295-original-quote p{font:700 19px/1.65 system-ui,sans-serif!important;overflow-wrap:anywhere}
html body.hw293-page #main .hw295-original-figure{width:100%;margin:28px 0}
html body.hw293-page #main .hw295-original-figure img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;border-radius:10px}
html body.hw293-page #main .hw295-original-figure figcaption{font:14px/1.6 system-ui,sans-serif;margin-top:12px}
html body.hw293-page #main .hw295-original-quote{margin:28px 0;padding:16px 22px;border-left:3px solid #97ac6a}
html body.hw293-page #main .hw293-experience details>summary{position:relative;padding-right:62px}
html body.hw293-page #main .hw293-experience details>summary::after{content:'+'!important;position:absolute!important;right:16px!important;top:50%!important;transform:translateY(-50%)!important;display:grid!important;place-items:center!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;border:1px solid #dfff78!important;border-radius:50%;font:700 22px/1 system-ui,sans-serif!important;color:#dfff78!important;-webkit-text-fill-color:#dfff78!important;background:transparent!important;opacity:1!important;box-shadow:none!important;flex:none}
html body.hw293-page #main .hw293-experience details[open]>summary::after{content:'−'!important}
html body.hw293-page #main{--hw-ink:#193b4d;--hw-lime:#dfff78;--hw-paper:#faf8f1;color:var(--hw-ink)}
html body.hw293-page #main *{box-sizing:border-box;min-width:0}
html body.hw293-page #main .blog242-article{max-width:820px}
html body.hw293-page #main .blog244-chapter>p:not(.blog244-kicker),html body.hw293-page #main .hw293-answer>p:not(.hw293-speaker){font-family:Georgia,'Times New Roman',serif;font-size:clamp(19px,2.1vw,22px)!important;line-height:1.85!important;color:#243f4c;max-width:70ch;margin:1.2em 0;overflow-wrap:break-word}
html body.hw293-page #main .blog244-chapter{padding:22px 0 35px!important;background:transparent!important;scroll-margin-top:105px}
html body.hw293-page #main h2{line-height:1.25;overflow-wrap:break-word}
html body.hw293-page #main .hw293-context{border-left:3px solid #97ac6a;padding:16px 22px;margin:20px 0 40px;background:#f3f5f0;border-radius:0 12px 12px 0;font:15px/1.7 system-ui,sans-serif}
html body.hw293-page #main .hw293-context p{font:15px/1.7 system-ui,sans-serif!important;margin:7px 0}
html body.hw293-page #main .hw293-person{padding:24px 0;border-top:1px solid #cbd6d9;border-bottom:1px solid #cbd6d9;margin:35px 0}
html body.hw293-page #main .hw293-person h2{font-family:Georgia,serif;font-size:30px;margin:8px 0}
html body.hw293-page #main .hw293-person p{font:16px/1.7 system-ui,sans-serif}
html body.hw293-interview #main .blog242-hero h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.025em!important;font-weight:500}
html body.hw293-interview #main .hw293-question>h2{font-family:system-ui,sans-serif;font-size:clamp(21px,2.8vw,28px)!important;line-height:1.4;font-weight:700;letter-spacing:-.02em}
html body.hw293-interview #main .hw293-question{border-top:1px solid #d5dfe1}
html body.hw293-interview #main .hw293-question>.blog244-kicker{display:none}
html body.hw293-page #main .hw293-eyebrow,html body.hw293-page #main .hw293-speaker{font:700 11px/1.7 system-ui,sans-serif!important;text-transform:uppercase;letter-spacing:.12em;color:#526c76;margin:16px 0 8px}
html body.hw293-page #main .hw293-answer>.hw293-speaker{color:#526c76;padding-top:12px}
html body.hw293-page #main .hw293-editor-note{border:1px solid #c4d3d6;border-left:4px solid #92a95c;padding:18px 20px;margin:28px 0;border-radius:4px;background:#f8faf6}
html body.hw293-page #main .hw293-editor-note p{font:16px/1.75 system-ui,sans-serif!important;margin:10px 0 0}
html body.hw293-page #main .hw293-editor-note strong{font:700 12px/1.6 system-ui,sans-serif}
html body.hw293-page #main .hw293-sources{border-top:1px solid #c4d3d6;padding:25px 0;margin-top:20px}
html body.hw293-page #main .hw293-sources p,html body.hw293-page #main .hw293-sources li{font:15px/1.75 system-ui,sans-serif!important;overflow-wrap:anywhere}
html body.hw293-page #main .hw293-sources li{margin:10px 0}
html body.hw293-page #main .hw293-experience{margin:42px 0;padding:clamp(16px,4vw,32px);border:1px solid #bccbd0;border-radius:22px;background:linear-gradient(135deg,#f8f7f0,#edf3ec);isolation:isolate;overflow:clip}
html body.hw293-page #main .hw293-experience p{font:17px/1.7 system-ui,sans-serif!important}
html body.hw293-page #main .hw293-experience .hw293-eyebrow{font:700 11px/1.7 system-ui,sans-serif!important}
html body.hw293-page #main .hw293-note{font:13px/1.65 system-ui,sans-serif!important;color:#536a73}
html body.hw293-page #main .hw293-object{background:transparent;border:0;padding:0}
html body.hw293-page #main .hw293-object>summary,html body.hw293-page #main .hw293-layer>summary{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:54px;padding:18px 22px;border:1px solid #193b4d;border-radius:12px;background:#193b4d!important;color:#dfff78!important;list-style:none;cursor:pointer;font:650 17px/1.5 system-ui,sans-serif!important;touch-action:manipulation;white-space:normal;text-align:left;max-width:100%;overflow-wrap:break-word}
html body.hw293-page #main .hw293-object>summary *,html body.hw293-page #main .hw293-layer>summary *{color:#dfff78!important;background-color:transparent}
html body.hw293-page #main .hw293-object>summary>span:last-child{font:400 13px/1.5 system-ui,sans-serif}
html body.hw293-page #main .hw293-object>summary::-webkit-details-marker,html body.hw293-page #main .hw293-layer>summary::-webkit-details-marker{display:none}
html body.hw293-page #main .hw293-object>summary:is(:hover,:active,:focus-visible),html body.hw293-page #main .hw293-layer>summary:is(:hover,:active,:focus-visible){background:#102c3c!important;color:#dfff78!important;box-shadow:inset 0 0 0 2px #dfff78}
html body.hw293-page #main .hw293-object>summary:focus-visible,html body.hw293-page #main .hw293-layer>summary:focus-visible{outline:3px solid #658b1e;outline-offset:3px}
html body.hw293-page #main .hw293-object[open]>summary,html body.hw293-page #main .hw293-layer[open]>summary{border-bottom:4px solid #a1c143}
html body.hw293-page #main .hw293-inside,html body.hw293-page #main .hw293-layer>div{padding:22px 6px 6px}
html body.hw293-page #main .hw293-layer{border:0;margin:15px 0;background:none;padding:0}
html body.hw293-page #main .hw293-safe-door{display:block;position:relative;width:170px;height:145px;border:9px solid #617c86;border-radius:10px;margin:3px auto 15px;background:linear-gradient(135deg,#66838f,#223e4c)!important;box-shadow:9px 8px 0 #0d2632,inset 0 0 0 3px #132d3b;transform:perspective(400px) rotateY(-8deg)}
html body.hw293-page #main .hw293-safe-door i{display:block;position:absolute;width:53px;height:53px;border:6px solid #b4c8cd;border-radius:50%;left:48px;top:42px}
html body.hw293-page #main .hw293-safe-door i:after{content:'';position:absolute;width:50px;height:6px;background:#b4c8cd;top:17px;left:-4px;transform:rotate(-30deg)}
html body.hw293-page #main .hw293-safe-door b{position:absolute;top:10px;right:9px;font-size:11px}
html body.hw293-page #main .hw293-safe .hw293-object>summary{align-items:center;text-align:center;padding-top:26px}
html body.hw293-page #main .hw293-banknotes{display:flex;justify-content:center;gap:4px;margin:12px auto 25px}
html body.hw293-page #main .hw293-banknotes i{display:grid;place-items:center;background:#dfff78;color:#193b4d;border:1px solid #8baf4b;width:70px;height:42px;box-shadow:0 5px 0 #9ec35d;transform:rotate(-5deg);font:700 23px Georgia,serif}
html body.hw293-page #main .hw293-amount{display:grid;gap:10px;margin:20px 0}
html body.hw293-page #main .hw293-amount span{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font:15px/1.5 system-ui,sans-serif}
html body.hw293-page #main .hw293-amount i{display:block;width:var(--fill);height:14px;background:#46636d;border-radius:4px;max-width:100%}
html body.hw293-page #main .hw293-amount i:last-child{background:#a6c855}
html body.hw293-page #main .hw293-case{display:block;position:relative;margin:4px auto 12px;width:190px;height:90px;border:5px solid #67818a;border-radius:38% 38% 20% 20%;box-shadow:5px 6px 0 #0e2835;background:linear-gradient(15deg,#294551,#536a70)!important}
html body.hw293-page #main .hw293-case i{display:block;text-align:center;font:50px/80px Georgia,serif}
html body.hw293-page #main .hw293-instrument .hw293-object>summary{align-items:center;text-align:center}
html body.hw293-page #main .hw293-violin{font:100px/1.1 Georgia,serif;text-align:center;color:#96693d}
html body.hw293-page #main .hw293-folders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
html body.hw293-page #main .hw293-folder-icon{width:55px;height:65px;border:2px solid #dfff78;border-radius:4px;position:relative;margin-bottom:6px}
html body.hw293-page #main .hw293-folder-icon:after{content:'';position:absolute;inset:15px 10px;border-top:2px solid #dfff78;border-bottom:2px solid #dfff78}
html body.hw293-page #main .hw293-flow-picture{padding:24px 0}
html body.hw293-page #main .hw293-income{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:18px 10px;border-bottom:1px solid #a9bec4;font:600 14px system-ui,sans-serif}
html body.hw293-page #main .hw293-income i{color:#608521;font-size:14px;animation:hw293-flow 1.8s infinite;animation-delay:.2s}
html body.hw293-page #main .hw293-income i:nth-of-type(2){animation-delay:.6s}
html body.hw293-page #main .hw293-income i:nth-of-type(3){animation-delay:1s}
html body.hw293-page #main .hw293-flow:has(details[open]) .hw293-income i{animation-play-state:paused;opacity:.2;color:#667d87}
html body.hw293-page #main .hw293-outgo{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}
html body.hw293-page #main .hw293-outgo span{background:#193b4d;color:#dfff78;border-radius:20px;padding:8px 13px;font:14px/1.4 system-ui,sans-serif}
/* Recommendation colors are shared in blog242.css. */
html body.hw293-page #main .blog242-toc a{overflow-wrap:anywhere}
@keyframes hw293-flow{0%,100%{opacity:.25;transform:translateX(-3px)}50%{opacity:1;transform:translateX(3px)}}
@media(max-width:540px){html body.hw293-page #main .hw293-folders{grid-template-columns:1fr}html body.hw293-page #main .hw293-object>summary,html body.hw293-page #main .hw293-layer>summary{padding:16px}html body.hw293-page #main .blog242-toc{padding:18px!important}html body.hw293-page #main .blog242-toc summary{align-items:flex-start;flex-direction:column;gap:4px}html body.hw293-page #main .hw293-context{padding:14px 16px}html body.hw293-page #main .hw293-editor-note{padding:16px}}
@media(prefers-reduced-motion:reduce){html body.hw293-page #main *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
