/* MyAccentWay Articles - Before and After card and 2D section on pages (item 79). Built from design.css: #maw-post -> .maw-pc, card rules only, so the page design is not touched. */
.maw-pc{overflow-x:clip}
.maw-pc{--ink:#0d1b2f;--soft:#475569;--ivory:#faf6ed;--cream:#f3eadb;--paper:#fffdf8;--gold:#b99044;--navy:#071b33;--navy2:#0f2a4a;--teal:#1a6d79;--line:rgba(13,27,47,.13)}
.maw-pc *{box-sizing:border-box}
.maw-pc{margin:0;font-family:"Work Sans",system-ui,sans-serif;color:var(--ink);font-size:18px;line-height:1.75}
.maw-pc h2, .maw-pc h3{font-family:"Instrument Serif",Georgia,serif;font-weight:400;color:var(--ink);letter-spacing:-.01em}
.maw-pc a{color:var(--teal)}
.maw-pc img{max-width:100%;height:auto}
@media(max-width:760px){.maw-pc{font-size:17px}}
.maw-pc .maw-grad-btn{display:inline-block;width:100%;max-width:420px;box-sizing:border-box;padding:18px 40px;border:0;border-radius:5px;background:linear-gradient(90deg,#ff1361,#2b8bd6)!important;font-family:"Noto Serif",sans-serif;font-size:16px;font-weight:700;line-height:16px;color:#fff!important;fill:#fff;text-decoration:none!important;text-align:center;transition:all .3s;box-shadow:none}
@media(max-width:760px){.maw-pc .maw-grad-btn{padding:18px 16px;font-size:15px;white-space:nowrap}}
.maw-pc{--ink:#0b1430;--soft:#4b5270;--ivory:#f8f7fd;--cream:#f2f0fa;--paper:#ffffff;--gold:#d3195e;--navy:#0a1433;--navy2:#1c1b4d;--teal:#2170c0;--line:rgba(28,27,77,.12);--g:linear-gradient(90deg,#ff1361,#2b8bd6)}
.maw-pc .maw-ba{margin:48px 0;padding:34px 36px 32px;background:#fff;border:1px solid #e6e8f0;border-radius:18px;box-shadow:0 14px 38px rgba(10,20,51,.06);position:relative;overflow:hidden;font-family:"Work Sans",sans-serif}
.maw-pc .maw-ba:before{content:'';position:absolute;left:36px;top:0;width:96px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#d3195e,#2170c0)}
.maw-pc .maw-ba .top{display:flex;align-items:center;gap:16px;margin:0 0 22px}
.maw-pc .maw-ba .maw-lottie-au{display:block;width:85px;height:46px}
.maw-pc .maw-ba .top i{width:1px;height:34px;background:#2170c0;opacity:.35}
.maw-pc .maw-ba .k{font:700 11.5px/1.3 "Work Sans",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#d3195e;margin:0}
.maw-pc .maw-ba h3{font:400 clamp(26px,2.8vw,32px)/1.2 "Instrument Serif",Georgia,serif;color:#0a1433;margin:0 0 12px;padding:0;border:0}
.maw-pc .maw-ba .lead{font:400 17px/1.75 "Work Sans",sans-serif;color:#2b3150;margin:0 0 26px}
.maw-pc .maw-ba mark{background:linear-gradient(transparent 58%,#dbe8f8 58%);color:#2170c0;font-weight:600;padding:0 2px}
.maw-pc .maw-ba .sc{display:flex;align-items:baseline;gap:12px;margin:0 0 2px}
.maw-pc .maw-ba .sc .n{font:400 34px/1 "Instrument Serif",Georgia,serif;color:#0a1433}
.maw-pc .maw-ba .sc .n b{font-weight:400;color:#2170c0}
.maw-pc .maw-ba .sc small{font:600 13px "Work Sans",sans-serif;color:#2170c0}
.maw-pc .maw-ba .pl{padding:14px 16px;border:1px solid #e6e8f0;border-radius:12px;background:#fff}
.maw-pc .maw-ba .pl.af{background:#f2f6fc;border-color:rgba(33,112,192,.28)}
.maw-pc .maw-ba .pt{display:flex;justify-content:space-between;margin:0 0 10px}
.maw-pc .maw-ba .lb{font:700 11.5px "Work Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#0a1433}
.maw-pc .maw-ba .af .lb{color:#2170c0}
.maw-pc .maw-ba .tm{font:400 12.5px "Work Sans",sans-serif;color:#6b7186}
.maw-pc .maw-ba .ctl{display:flex;align-items:center;gap:14px}
.maw-pc .maw-ba .bt{flex:none;width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;background:#0a1433;color:#fff;display:grid;place-items:center;padding:0}
.maw-pc .maw-ba .af .bt{background:#2170c0}
.maw-pc .maw-ba .bt svg{width:15px;height:15px;fill:currentColor}
.maw-pc .maw-ba .wv{flex:1;height:34px;display:flex;align-items:center;gap:2px;cursor:pointer}
.maw-pc .maw-ba .wv i{flex:1;min-width:2px;border-radius:2px;background:#d5d8e3}
.maw-pc .maw-ba .wv i.on{background:#0a1433}
.maw-pc .maw-ba .af .wv i{background:#c4d6ee}
.maw-pc .maw-ba .af .wv i.on{background:#2170c0}
.maw-pc .maw-ba ol{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);counter-reset:s;border-top:1px solid #e6e8f0}
.maw-pc .maw-ba li{counter-increment:s;padding:20px 22px 4px 0;margin:0;font:400 15px/1.6 "Work Sans",sans-serif;color:#2b3150}
.maw-pc .maw-ba li+li{padding-left:22px;border-left:1px solid #e6e8f0}
.maw-pc .maw-ba li:before{content:counter(s,decimal-leading-zero);display:block;font:400 30px/1 "Instrument Serif",Georgia,serif;color:#2170c0;margin:0 0 10px}
.maw-pc .maw-ba li b{display:block;font:600 16px/1.4 "Work Sans",sans-serif;color:#0a1433;margin:0 0 4px}
.maw-pc .maw-ba .cta{text-align:center;margin:28px 0 0;padding-top:24px;border-top:1px solid #e6e8f0}
.maw-pc .maw-ba .cta>span{display:block;margin-top:10px;font:400 13.5px/1.5 "Work Sans",sans-serif;color:#6b7186}
.maw-pc .maw-ba .cta>span a{color:#2170c0;font-weight:600;text-decoration:none}
@media(max-width:760px){.maw-pc .maw-ba{padding:24px 18px 22px;margin:36px 0}.maw-pc .maw-ba:before{left:18px}.maw-pc .maw-ba .maw-lottie-au{width:67px;height:36px}.maw-pc .maw-ba h3{font-size:25px}.maw-pc .maw-ba .lead{font-size:16px}.maw-pc .maw-ba .q{grid-template-columns:72px 1fr;gap:16px}.maw-pc .maw-ba .av{width:72px;height:72px}.maw-pc .maw-ba blockquote p{font-size:24px}.maw-pc .maw-ba .row{grid-template-columns:1fr}.maw-pc .maw-ba ol{grid-template-columns:1fr}.maw-pc .maw-ba li, .maw-pc .maw-ba li+li{padding:18px 0 14px;border-left:0;border-bottom:1px solid #e6e8f0}.maw-pc .maw-ba li:last-child{border-bottom:0}.maw-pc .maw-ba .cta{margin-top:12px}}
.maw-pc .maw-ba .q{display:grid;grid-template-columns:170px 1fr;gap:26px;align-items:center;margin:0 0 26px}
.maw-pc .maw-ba .av{width:112px;height:112px;border-radius:50%;padding:5px;background:#fff;border:1px solid rgba(33,112,192,.3);box-shadow:0 10px 28px rgba(10,20,51,.10)}
.maw-pc .maw-ba .av img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;margin:0;border:0;box-shadow:none}
.maw-pc .maw-ba blockquote{margin:0;padding:0;border:0;background:none}
.maw-pc .maw-ba blockquote:before, .maw-pc .maw-ba blockquote:after{content:none}
.maw-pc .maw-ba blockquote p{font:400 clamp(26px,3vw,34px)/1.15 "Instrument Serif",Georgia,serif;color:#0a1433;margin:0 0 10px;font-style:normal}
.maw-pc .maw-ba blockquote cite{display:block;font:400 13.5px/1.5 "Work Sans",sans-serif;font-style:normal;color:#6b7186}
.maw-pc .maw-ba blockquote cite b{color:#0a1433;font-weight:600}
.maw-pc .maw-ba .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.maw-pc .maw-ba .cta .maw-grad-btn{margin:0 auto}
@media(max-width:760px){.maw-pc .maw-ba .q{grid-template-columns:1fr;gap:16px}.maw-pc .maw-ba .av{width:88px;height:88px;padding:4px}.maw-pc .maw-ba blockquote p{font-size:24px}.maw-pc .maw-ba .row{grid-template-columns:1fr;gap:10px}}
.maw-pc .maw-ba .pa{display:grid;grid-template-columns:170px 1fr;gap:22px;align-items:start;margin:28px 0 0;padding:26px 0 0;border-top:1px solid #e6e8f0}
.maw-pc .maw-ba .pa blockquote p{font:400 clamp(20px,2.2vw,23px)/1.4 "Instrument Serif",Georgia,serif;color:#0a1433;margin:0 0 10px}
@media(max-width:760px){.maw-pc .maw-ba .pa{grid-template-columns:1fr;gap:16px}.maw-pc .maw-ba .pa .av{width:88px;height:88px;padding:4px}.maw-pc .maw-ba .pa blockquote p{font-size:19px}}
.maw-pc .maw-ba .aw{display:flex;flex-direction:column;align-items:center;gap:10px}
.maw-pc .maw-ba a.li{display:inline-flex;align-items:center;gap:6px;font:600 12.5px/1 "Work Sans",sans-serif;color:#0a66c2;text-decoration:none}
.maw-pc .maw-ba a.li:hover{text-decoration:underline}
.maw-pc .maw-ba .av .hx{display:block;width:100%;height:100%;border-radius:50%;background:#e9ecf2 url(https://myaccentway.com/wp-content/uploads/2026/05/Hero-Image.avif) 74% 0/auto 112% no-repeat}
.maw-pc .maw-ba .nm{margin:0;text-align:center;font:400 12.5px/1.45 "Work Sans",sans-serif;color:#6b7186}
.maw-pc .maw-ba .nm b{display:block;font:600 14px/1.4 "Work Sans",sans-serif;color:#0a1433;margin:0 0 2px}
.maw-pc .maw-ba .pa blockquote{align-self:center}
.maw-pc .maw-ba a.ia{display:inline-block;font:600 15px/1.4 "Work Sans",sans-serif;color:#2170c0;text-decoration:none;border-bottom:1px solid rgba(33,112,192,.35)}
.maw-pc .maw-ba a.ia:hover{border-bottom-color:#2170c0}
.maw-pc .maw-ba .mo{display:block;margin-top:6px;font:400 13.5px/1.5 "Work Sans",sans-serif;color:#6b7186}
.maw-pc .maw-ba .jr{margin:16px 0 0;max-width:380px}
.maw-pc .maw-ba .jt{display:flex;align-items:center;gap:12px;margin:0 0 10px}
.maw-pc .maw-ba .jn{font:400 48px/1 "Instrument Serif",Georgia,serif;background:linear-gradient(90deg,#d3195e,#2170c0);-webkit-background-clip:text;background-clip:text;color:transparent}
.maw-pc .maw-ba .jl{font:400 13.5px/1.35 "Work Sans",sans-serif;color:#4b5270}
.maw-pc .maw-ba .jl b{display:block;font:700 11.5px/1.3 "Work Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#0a1433}
.maw-pc .maw-ba .jb{display:flex;align-items:center;gap:3px}
.maw-pc .maw-ba .jb i{flex:1;height:6px;border-radius:3px;background:#d3195e}
.maw-pc .maw-ba .jb i:nth-child(2){background:#c41f6b}
.maw-pc .maw-ba .jb i:nth-child(3){background:#b42678}
.maw-pc .maw-ba .jb i:nth-child(4){background:#a32e86}
.maw-pc .maw-ba .jb i:nth-child(5){background:#8c3a95}
.maw-pc .maw-ba .jb i:nth-child(6){background:#7346a3}
.maw-pc .maw-ba .jb i:nth-child(7){background:#5753b0}
.maw-pc .maw-ba .jb i:nth-child(8){background:#3c61b8}
.maw-pc .maw-ba .jb i:nth-child(9){background:#2170c0}
.maw-pc .maw-ba .jb em{flex:none;width:22px;height:22px;margin-left:4px;border-radius:50%;background:#2170c0;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 4px #dbe8f8}
.maw-pc .maw-ba .jm{display:flex;justify-content:space-between;margin:7px 30px 0 0;font:400 11.5px/1.3 "Work Sans",sans-serif;color:#8a90a3}
.maw-pc .maw-ba .jm span:last-child{color:#2170c0;font-weight:600}
.maw-pc .maw-ba .jb i{transform-origin:left;animation:mawJ .5s ease-out both}
.maw-pc .maw-ba .jb i:nth-child(2){animation-delay:.08s}
.maw-pc .maw-ba .jb i:nth-child(3){animation-delay:.16s}
.maw-pc .maw-ba .jb i:nth-child(4){animation-delay:.24s}
.maw-pc .maw-ba .jb i:nth-child(5){animation-delay:.32s}
.maw-pc .maw-ba .jb i:nth-child(6){animation-delay:.4s}
.maw-pc .maw-ba .jb i:nth-child(7){animation-delay:.48s}
.maw-pc .maw-ba .jb i:nth-child(8){animation-delay:.56s}
.maw-pc .maw-ba .jb i:nth-child(9){animation-delay:.64s}
.maw-pc .maw-ba .row>.pl{min-width:0}
.maw-pc .maw-ba .wv{min-width:0;overflow:hidden}
.maw-pc .maw-ba .wv i{min-width:1px}
.maw-pc .maw-ba .jb i:nth-child(10){background:#2170c0}
@media (prefers-reduced-motion:no-preference){.maw-pc .maw-ba .jb i:nth-child(10){animation-delay:.72s}}
.maw-pc .maw-ba blockquote p a.yq{color:#2170c0;font:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:rgba(33,112,192,.45)}
.maw-pc .maw-ba blockquote p a.yq:hover{text-decoration-color:#2170c0}
.maw-pc .maw-ba .aw .li+.li{margin-top:2px}
.maw-pc .maw-2d .maw-2d-lead{font-size:17px;line-height:1.7;margin:0 0 22px}
.maw-pc .maw-2d .maw-2d-lead:first-letter{float:none;font:inherit;color:inherit;margin:0;padding:0}
.maw-pc .maw-2d .pa{display:flex;align-items:center;gap:18px;margin:0 0 16px}
.maw-pc .maw-2d .pa img{width:88px;height:88px;flex:0 0 88px;border-radius:50%;object-fit:cover;object-position:center top;border:2px solid #fff;box-shadow:0 0 0 1px rgba(11,27,63,.15)}
.maw-pc .maw-2d .pa p{margin:0}
.maw-pc .maw-2d .maw-rec{border-left:3px solid #c9a227;background:#fff;padding:14px 18px;margin:0 0 16px}
.maw-pc .maw-2d .maw-rec p{margin:0 0 8px}
.maw-pc .maw-2d .maw-rec p:last-child{margin:0}
.maw-pc .maw-2d .maw-rec .rk{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#d6215b}
.maw-pc .maw-2d .maw-rec .w{font-family:"Instrument Serif",Georgia,serif;font-size:24px;line-height:1.35;color:#0b1b3f}
.maw-pc .maw-2d .maw-rec .ins{margin-top:14px}
.maw-pc .maw-2d .maw-rec2{margin:18px 0 6px}
.maw-pc .maw-2d{margin:48px 0;padding:34px 36px 32px;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--navy);position:relative}
.maw-pc .maw-2d .k{font:700 11.5px/1.3 "Work Sans",system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
.maw-pc .maw-2d h2{font-size:clamp(26px,3vw,34px);line-height:1.18;margin:0 0 22px}
.maw-pc .maw-2d h3{font-size:22px;line-height:1.3;margin:26px 0 8px}
.maw-pc .maw-2d p{font-size:17px;line-height:1.75;color:var(--ink);margin:0 0 14px}
.maw-pc .maw-2d .vw{position:relative;aspect-ratio:16/9;background:var(--navy);margin:24px 0 8px;border:1px solid var(--line)}
.maw-pc .maw-2d .vw iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.maw-pc .maw-2d .cap{font-size:14px;color:var(--soft);margin:0 0 6px}
.maw-pc .maw-2d ol{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);counter-reset:s}
.maw-pc .maw-2d li{counter-increment:s;padding:18px 20px 4px 0;font-size:15.5px;line-height:1.65;color:var(--ink)}
.maw-pc .maw-2d li+li{padding-left:20px;border-left:1px solid var(--line)}
.maw-pc .maw-2d li:before{content:counter(s,decimal-leading-zero);display:block;font:400 30px/1 "Instrument Serif",Georgia,serif;color:var(--gold);margin:0 0 8px}
.maw-pc .maw-2d li b{display:block;font-weight:700;margin:0 0 4px}
.maw-pc .maw-2d .end{margin:28px 0 0;padding:24px 0 0;border-top:1px solid var(--line)}
.maw-pc .maw-2d .end p{font-size:17.5px}
.maw-pc .maw-2d .only{font-size:15px;color:var(--soft)}
.maw-pc .maw-2d .maw-cta{margin:20px 0 0;text-align:center}
@media(max-width:700px){.maw-pc .maw-2d{padding:26px 20px 24px;margin:36px -4px}.maw-pc .maw-2d ol{grid-template-columns:1fr}.maw-pc .maw-2d li, .maw-pc .maw-2d li+li{padding:16px 0 4px;border-left:0}.maw-pc .maw-2d li+li{border-top:1px solid var(--line)}}
.maw-pc .maw-2d .maw-2d-pic{display:block;width:100%;padding:0;cursor:pointer;overflow:hidden}
.maw-pc .maw-2d .maw-2d-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0}
.maw-pc .maw-2d .maw-2d-pic{border-radius:14px}
.maw-pc .maw-2d .maw-2d-pic .pl{position:absolute;inset:0;display:grid;place-items:center}
.maw-pc .maw-2d .maw-2d-pic .pl:before{content:"";width:16%;height:auto;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.22);border:1.5px solid rgba(255,255,255,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 18px 50px rgba(0,0,0,.4),0 0 0 16px rgba(255,255,255,.08);transition:transform .25s ease}
.maw-pc .maw-2d .maw-2d-pic:hover .pl:before{transform:scale(1.08)}
.maw-pc .maw-2d .maw-2d-pic .pl:after{content:"";position:absolute;margin-left:6px;width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:33px solid rgba(255,255,255,.95)}
@media(max-width:600px){.maw-pc .maw-2d .maw-2d-pic .pl:before{box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 0 7px rgba(255,255,255,.08)}.maw-pc .maw-2d .maw-2d-pic .pl:after{margin-left:4px;border-top-width:11px;border-bottom-width:11px;border-left-width:18px}}
.maw-pc .maw-2d .maw-pop-box h3{font:400 28px/1.2 "Instrument Serif",Georgia,serif;margin:0 0 12px;color:#0b1b3f}
.maw-pc .maw-2d .maw-pop-box p{font-size:16px;line-height:1.65;margin:0 0 6px}
.maw-pc .maw-2d .maw-pop-box p.smp{font-size:15px;margin:4px 0 14px;color:#475569}
.maw-pc .maw-2d .maw-pop-box p.smp a{color:#1E3A8A!important;font-weight:600;text-decoration:underline}
.maw-pc{display:block;margin:40px auto!important;max-width:1100px;padding:0;background:transparent}

/* item 83: the card keeps its own look inside hand-made posts and pages (their own p / svg rules do not win) */
.maw-pc .maw-btn-wrap{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;gap:5px}
.maw-pc .maw-btn-icon svg{width:16px!important;height:16px!important;display:block;fill:#fff}
html body .maw-pc .maw-ba blockquote{margin:0!important;padding:0!important;border:0!important;background:none!important}
html body .maw-pc .maw-ba blockquote:before,html body .maw-pc .maw-ba blockquote:after{content:none!important}
html body .maw-pc .maw-ba blockquote p{font:400 clamp(26px,3vw,34px)/1.15 "Instrument Serif",Georgia,serif!important;color:#0a1433!important;margin:0 0 10px!important;font-style:normal!important}
html body .maw-pc .maw-ba .pa blockquote p{font:400 clamp(20px,2.2vw,23px)/1.4 "Instrument Serif",Georgia,serif!important;color:#0a1433!important;margin:0 0 10px!important}
@media(max-width:760px){html body .maw-pc .maw-ba blockquote p{font-size:24px!important}html body .maw-pc .maw-ba .pa blockquote p{font-size:19px!important}}