@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Cinzel:wght@400;600;700&family=Lato:wght@300;400;700&family=Great+Vibes&display=swap";:root{--navy:#0b1f3a;--gold:#c9a84c;--gold2:#e8c97a;--cream:#f8f5ee;--green:#4caf7d;--purple:#9b7fd4}.ex-wrap{max-width:820px;margin:0 auto;padding:40px 20px 0}.ex-page-header{text-align:center;border-bottom:1px solid #c9a84c33;margin-bottom:36px;padding-bottom:24px}.ex-brand{letter-spacing:5px;color:var(--gold);text-transform:uppercase;opacity:.7;margin-bottom:20px;font-family:Cinzel,serif;font-size:11px}.ex-h-title{flex-direction:column;align-items:center;gap:0;font-family:Great Vibes,cursive;font-size:clamp(46px,10vw,100px);font-weight:400;line-height:1.05;display:flex}.ex-h-title-line{white-space:nowrap;color:var(--cream);display:block;position:relative}.ex-pen-dot{opacity:0;background:var(--cream);width:5px;height:5px;box-shadow:0 0 10px var(--cream),0 0 20px var(--cream);border-radius:50%;display:inline-block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.ex-letter{opacity:0;animation:80ms forwards exLetterAppear;display:inline-block}@keyframes exLetterAppear{0%{opacity:0}to{opacity:1}}@keyframes exPenTravel{0%{opacity:0;left:0}5%{opacity:1}95%{opacity:1}to{opacity:0;left:100%}}.ex-h-sub{color:var(--gold);opacity:0;margin-bottom:12px;font-family:Cormorant Garamond,serif;font-size:clamp(14px,2.5vw,20px);font-style:italic;animation:.5s 2.2s forwards exFadeSlide}.ex-h-author{color:#f8f5ee80;opacity:0;font-size:13px;animation:.5s 2.4s forwards exFadeSlide}.ex-h-author a{color:var(--gold);text-decoration:none}@keyframes exFadeSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ex-tabs{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.ex-tab{color:#f8f5ee99;cursor:pointer;letter-spacing:1px;background:#f8f5ee12;border:1px solid #f8f5ee1a;border-radius:20px;padding:9px 20px;font-family:Cinzel,serif;font-size:15px;text-decoration:none;transition:all .2s;display:inline-block}.ex-tab:hover{border-color:var(--gold);color:var(--gold)}.ex-tab.active{border-color:var(--gold);color:var(--gold);background:#c9a84c1a}.ex-block{margin-bottom:40px}.ex-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.ex-num{color:var(--gold);opacity:.4;min-width:46px;font-family:Cinzel,serif;font-size:30px;font-weight:700;line-height:1}.ex-titles{flex:none;max-width:62%}.ex-title{color:var(--cream);font-family:Cinzel,serif;font-size:15px;font-weight:600}.ex-sub{color:#f8f5ee73;margin-top:2px;font-size:13px;font-style:italic}.ex-line{background:linear-gradient(90deg,#c9a84c33,#0000);flex:1;height:1px}.ex-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e244499;border:1px solid #c9a84c1a;border-radius:14px;padding:22px}.ex-hint{color:#f8f5ee80;border-bottom:1px solid #f8f5ee12;margin-bottom:14px;padding-bottom:12px;font-size:13px;font-style:italic}.ex-hint b{color:var(--gold);font-style:normal}.ex-rows{flex-direction:column;gap:8px;display:flex}.ex-row{grid-template-columns:28px 1fr;align-items:start;gap:10px;display:grid}.ex-rn{color:#f8f5ee4d;text-align:right;padding-top:2px;font-family:Cinzel,serif;font-size:12px}.ex-rc{color:var(--cream);font-size:15px;line-height:1.7}.ex-freetext{color:var(--cream);white-space:pre-wrap;font-size:15px;line-height:2.2}.ex-afield{width:100%;color:var(--cream);resize:none;background:#f8f5ee0a;border:none;border-bottom:1px dashed #c9a84c4d;outline:none;min-height:28px;margin-top:4px;padding:4px;font-family:Lato,sans-serif;font-size:15px;line-height:1.5;transition:border-color .2s;display:block;overflow:hidden}.ex-afield:focus{border-bottom-color:var(--gold)}.ex-ifield{min-width:90px;color:var(--gold);vertical-align:bottom;background:0 0;border:none;border-bottom:1px dashed #c9a84c59;outline:none;padding:1px 4px;font-family:Lato,sans-serif;font-size:15px;display:inline-block}.ex-ifield:focus{border-bottom-color:var(--gold2)}.ex-btn-ans{color:#f8f5ee99;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #c9a84c4d;border-radius:8px;margin-top:14px;padding:7px 16px;font-family:Cinzel,serif;font-size:13px;transition:all .2s}.ex-btn-ans:hover{border-color:var(--gold);color:var(--gold)}.ex-btn-ans.open{border-color:var(--gold);color:var(--gold);background:#c9a84c14}.ex-ansbox{background:#4caf7d0d;border:1px solid #4caf7d33;border-radius:12px;margin-top:12px;padding:14px 18px;animation:.2s exFadeIn;display:none}.ex-ansbox.show{display:block}.ex-anstitle{letter-spacing:3px;color:var(--green);text-transform:uppercase;margin-bottom:10px;font-family:Cinzel,serif;font-size:10px}.ex-arow{color:#f8f5eebf;margin-bottom:4px;font-size:14px;line-height:1.6}@keyframes exFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.ex-footer{text-align:center;background:#060e1c;margin-top:60px;padding:24px 20px}.ex-footer-logo{color:#c9a84c99;letter-spacing:.3em;margin-bottom:6px;font-family:Cinzel,serif;font-size:1.2rem}.ex-footer-copy{color:#ffffff80;letter-spacing:.1em;font-family:Lato,sans-serif;font-size:.7rem}@media (width<=768px){.ex-wrap{padding:20px 14px 0}.ex-titles{max-width:75%}.ex-num{min-width:36px;font-size:26px}.ex-card{padding:16px 14px}.ex-row{grid-template-columns:22px 1fr;gap:8px}.ex-rc,.ex-freetext{font-size:14px}.ex-ifield{min-width:60px;max-width:90%;font-size:14px}.ex-afield{font-size:14px}.ex-tab{padding:7px 14px;font-size:13px}.ex-title{font-size:13px}.ex-head{gap:8px}.ex-line{display:none}table{font-size:13px!important}table td{width:26px!important;height:26px!important;font-size:13px!important}}@media (width<=480px){.ex-wrap{padding:12px 8px 0}.ex-num{min-width:28px;font-size:20px}.ex-titles{max-width:85%}.ex-title{font-size:12px}.ex-card{padding:12px 10px}.ex-ifield{min-width:50px;font-size:13px}.ex-rc{font-size:13px}.ex-row{gap:6px}.ex-tab{letter-spacing:.5px;padding:6px 10px;font-size:12px}.ex-tabs{gap:6px}table{font-size:12px!important}table td{width:22px!important;height:22px!important;padding:0!important;font-size:12px!important}}@media (width<=360px){.ex-wrap{padding:10px 6px 0}.ex-ifield{min-width:40px;font-size:12px}.ex-rc{font-size:12px}table td{width:18px!important;height:18px!important;font-size:11px!important}}