
/* YNB interactive case-note artwork */
.global-article-hero{overflow:hidden}.global-article-hero-inner{position:relative;z-index:2}.global-globe{position:absolute;right:-5vw;top:1rem;width:min(35vw,350px);aspect-ratio:1;pointer-events:none;opacity:.7;z-index:-1;filter:drop-shadow(0 0 24px #e6ac5260)}.globe-halo{position:absolute;inset:-15%;border-radius:50%;background:radial-gradient(circle,#e4ad4e25,transparent 65%);animation:globe-pulse 7s ease-in-out infinite}.globe-sphere{position:absolute;inset:15%;border-radius:50%;border:2px solid #f2d28d;box-shadow:inset -28px -16px 35px #7c3d1b88,inset 10px 5px 30px #f5d99455,0 0 35px #e7ad5750;background:radial-gradient(circle at 35% 25%,#ffe5aa55,#c3913425 42%,#06182a 76%);overflow:hidden;animation:globe-float 9s ease-in-out infinite}.globe-meridians{position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(90deg,transparent 0 21px,#e6ba6a6b 22px 23px,transparent 24px 43px);transform:perspective(160px) rotateY(35deg);animation:globe-spin 13s linear infinite}.globe-equator{position:absolute;top:49%;width:100%;height:1px;background:#f2d28daa;box-shadow:0 -30px #e6ba6a55,0 30px #e6ba6a55}.globe-orbit{position:absolute;inset:5%;border:1px solid #e3bb7688;border-radius:50%;transform:rotate(-30deg) scaleY(.43)}.orbit-b{transform:rotate(58deg) scaleY(.43);opacity:.65}@keyframes globe-spin{to{background-position:90px 0}}@keyframes globe-float{50%{transform:translateY(-12px) rotate(4deg)}}@keyframes globe-pulse{50%{opacity:.5;transform:scale(1.1)}}
.ynb-visual{margin:38px 0 44px!important;padding:clamp(22px,4vw,38px);border:1px solid #cfb47b77;border-radius:22px;background:linear-gradient(145deg,#10253e,#172f49 65%,#50152e);color:#fff;box-shadow:0 20px 45px #0a1b2b20;overflow:hidden;position:relative}.ynb-visual:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 90% 0%,#e3b35a20,transparent 48%)}.ynb-visual figcaption{position:relative;display:grid;gap:8px;margin-bottom:24px}.ynb-visual figcaption span{color:#eac47f;font-size:11px;letter-spacing:.18em;font-weight:700}.ynb-visual figcaption strong{font-size:clamp(19px,2.6vw,28px);line-height:1.2;color:#fff}.ynb-visual small{display:block;margin-top:16px;color:#c6d0db;font-size:12px;line-height:1.6}.timeline-track{display:grid;grid-template-columns:repeat(3,1fr);position:relative;gap:15px}.timeline-track:before{content:'';position:absolute;left:8%;right:8%;top:43px;height:2px;background:linear-gradient(90deg,#9a672b,#ffe1a3,#a36a2e);transform-origin:left;animation:timeline-reveal 3s ease both}@keyframes timeline-reveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}.timeline-item{position:relative;min-width:0}.timeline-date{font-size:13px;color:#ffe4aa;font-weight:700}.timeline-dot{display:block;width:14px;height:14px;border:3px solid #ffdb91;background:#5e1d32;border-radius:50%;margin:17px 0 14px;box-shadow:0 0 0 5px #f5d18b20;position:relative;z-index:1}.timeline-item p{font-size:14px!important;color:#e9eef3!important;line-height:1.5!important;margin:0!important}.mark-switch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.mark-switch button{border:1px solid #e9c67c88;background:#ffffff0d;color:#fff;border-radius:30px;padding:10px 16px;cursor:pointer;font:inherit;font-size:13px}.mark-switch button.is-active{background:#e9c67c;color:#17283a}.mark-switch button:focus-visible{outline:3px solid #fff;outline-offset:3px}.mark-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mark-tile{display:flex;min-height:160px;flex-direction:column;justify-content:center;align-items:center;gap:7px;text-align:center;background:#ffffff0d;border:1px solid #ffffff29;border-radius:14px;padding:14px;transition:transform .35s,border-color .35s}.mark-tile:hover{transform:translateY(-4px);border-color:#e9c67c}.mark-tile .mark-global{font-size:clamp(17px,2.7vw,27px);font-weight:800;letter-spacing:.04em}.mark-tile .mark-distinct{font-size:clamp(12px,1.8vw,18px);font-weight:700;letter-spacing:.06em;color:#f6d08d}.mark-tile small{margin:6px 0 0}.ynb-mark-compare[data-view=shared] .mark-global{color:#ffe09a;text-shadow:0 0 16px #ffcc64aa;transform:scale(1.07)}.ynb-mark-compare[data-view=shared] .mark-distinct{opacity:.4}.mark-explanation{color:#e6edf4!important;font-size:14px!important;line-height:1.7!important;margin:18px 0 0!important}.injunction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.injunction-step{border:1px solid #ffffff30;background:#ffffff0c;border-radius:15px;padding:18px 14px;transition:transform .4s,background .4s}.injunction-step:hover{transform:translateY(-5px);background:#ffffff16}.injunction-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #f2d18b;border-radius:50%;color:#f2d18b;font-size:13px;font-weight:700}.injunction-step h3{font-size:17px!important;line-height:1.25!important;color:#fff!important;margin:18px 0 10px!important}.injunction-step p{font-size:13px!important;line-height:1.6!important;color:#d5e0e9!important;margin:0!important}.injunction-outcome{margin-top:18px;border-top:1px solid #ffffff30;padding-top:17px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px}.injunction-outcome strong{color:#f2d18b}.injunction-outcome span:last-child{color:#cbd6e2}.outcome-dot{width:10px;height:10px;border-radius:50%;background:#f2d18b;box-shadow:0 0 14px #f2d18b}.ynb-reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;pointer-events:none}.ynb-reading-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#8e1539,#e8bb6d,#fff1b8);transition:width .12s linear}@media(max-width:700px){.global-globe{width:220px;right:-80px;top:3rem;opacity:.25}.ynb-visual{margin-left:0!important;margin-right:0!important}.timeline-track{gap:8px}.timeline-item p{font-size:12px!important}.timeline-date{font-size:11px}.mark-pair{grid-template-columns:1fr}.mark-tile{min-height:105px}.injunction-grid{grid-template-columns:1fr}.injunction-step{display:grid;grid-template-columns:42px 1fr;column-gap:14px}.injunction-step h3{margin:0 0 6px!important}.injunction-step p{grid-column:2}.injunction-icon{grid-row:1/3}}@media(prefers-reduced-motion:reduce){.global-globe *,.timeline-track:before{animation:none!important}.ynb-reading-progress span,.mark-tile,.injunction-step{transition:none!important}}
