.mg-guide{--guide-ink: var(--page-ink, #4b5263);--guide-paper: var(--page-surface, #e5dfd6);--color-foreground: #4b5263;--color-foreground-rgb: 75 82 99;--color-background: #e5dfd6;background:var(--guide-paper);color:var(--guide-ink);padding:clamp(20px,2.2vw,40px);min-height:65svh}.mg-guide__heading{max-width:1600px;margin:0 auto 32px}.mg-guide__eyebrow{font-size:calc(14.4px * var(--body-text-scale, 1));letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px}.mg-guide h1{color:inherit;font-family:var(--font-heading--family);font-size:clamp(38.4px,4.8vw,76.8px);line-height:1.1;margin:0 0 16px}.mg-guide__heading>p:last-child{margin:0;line-height:1.6}.mg-guide__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1920px;margin:0 auto;padding:0;list-style:none}.mg-guide__grid>li{min-width:0}.mg-guide__card{position:relative;display:block;aspect-ratio:1;overflow:hidden;isolation:isolate;border-radius:16px;color:#fff;text-decoration:none;background:#387e70}.mg-guide__card>img,.mg-guide__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.mg-guide__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#4b5263e6,#4b526399 10%,#4b526300 23%);pointer-events:none}.mg-guide__card h2{position:relative;z-index:2;color:inherit;font-family:var(--font-heading--family);font-size:clamp(16.8px,2.12vw,42.4px);line-height:1.12;margin:0;padding:clamp(12px,2vw,36px);text-wrap:balance;overflow-wrap:normal;text-shadow:0 1px 14px rgb(75 82 99 / .55)}.mg-guide__card:focus-visible{outline:3px solid var(--guide-ink);outline-offset:4px}@media(hover:hover){.mg-guide__card:hover>img,.mg-guide__card:hover .mg-guide__placeholder{transform:scale(1.035)}}.mg-guide__placeholder{display:flex;align-items:center;justify-content:center;gap:5%;padding:24% 8% 5%;background:#67a99b}.mg-guide__card--2 .mg-guide__placeholder,.mg-guide__card--7 .mg-guide__placeholder{background:#3c9c94}.mg-guide__card--3 .mg-guide__placeholder,.mg-guide__card--4 .mg-guide__placeholder{background:#a5513d}.mg-guide__card--5 .mg-guide__placeholder{background:#707c42}.mg-guide__tile{display:grid;place-content:center;text-align:center;flex:1;height:48%;border-radius:8%;color:#28654c;background:#fff6e6;box-shadow:3px 7px #cfb995,7px 14px 18px #00000029;font-family:Georgia,serif;font-size:clamp(16px,2.3vw,40px);line-height:1.15;transform:rotate(-18deg) translateY(10%)}.mg-guide__tile:nth-child(2){color:#a33e30;transform:rotate(10deg) translateY(-10%)}.mg-guide__tile:nth-child(3){transform:rotate(23deg) translateY(22%)}.mg-guide--topic{padding-block:clamp(32px,6vw,80px)}.mg-guide__article{max-width:850px;margin-inline:auto}.mg-guide__back{display:inline-block;color:inherit;margin-bottom:40px;text-underline-offset:4px}.mg-guide__intro{font-size:calc(clamp(21.6px,2.4vw,28.8px) * var(--body-text-scale, 1));line-height:1.6;margin:20px 0 32px}.mg-guide__topic-image{display:block;width:100%;height:auto;margin-bottom:32px;border-radius:16px}.mg-guide__body{line-height:1.8;overflow-wrap:anywhere}.mg-guide__body img{max-width:100%;height:auto;border-radius:16px}.mg-guide__topic-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;border-top:1px solid rgb(75 82 99 / .25);margin-top:48px;padding-top:24px}.mg-guide__topic-nav a{color:inherit;padding-block:8px;text-underline-offset:4px}@media(max-width:749px){.mg-guide__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-guide__card h2{font-size:clamp(22.8px,3.67vw,35.9px)}.mg-guide__tile{font-size:clamp(24px,4vw,40px)}}@media(max-width:479px){.mg-guide__grid{grid-template-columns:minmax(0,1fr);gap:16px}.mg-guide__card h2{font-size:clamp(24.5px,6.53vw,32.6px);padding:24px}.mg-guide__tile{font-size:34px}}@media(prefers-reduced-motion:reduce){.mg-guide__card>img,.mg-guide__placeholder{transition:none}}.mg-guide__lesson{max-width:68ch}.mg-guide__lesson :is(h2,h3){color:inherit;font-family:var(--font-heading--family);line-height:1.2;text-wrap:pretty}.mg-guide__lesson h2{font-size:clamp(31.2px,3.6vw,43.2px);margin:40px 0 16px}.mg-guide__lesson h3{font-size:clamp(26.4px,3vw,33.6px);margin:28px 0 12px}.mg-guide__lesson p{margin:0 0 16px}.mg-guide__lesson :is(ul,ol){padding-inline-start:24px;margin-block:0 24px}.mg-guide__lesson li{padding-inline-start:4px;margin-bottom:8px}.mg-guide__callout{padding:clamp(20px,3vw,28px);margin-block:28px;border-inline-start:3px solid currentColor;background:#4b52630f}.mg-guide__callout>:first-child{margin-top:0}.mg-guide__callout>:last-child{margin-bottom:0}.mg-guide__callout-label{font-weight:700;font-size:calc(15.6px * var(--body-text-scale, 1));text-transform:uppercase;letter-spacing:.08em}.mg-guide__glossary{margin:0}.mg-guide__glossary dt{font-weight:700;font-size:calc(22.8px * var(--body-text-scale, 1));margin-top:24px}.mg-guide__glossary dd{margin:8px 0 0}.mg-guide__chapters{color:#4b5263;width:90%;margin-inline:auto;margin:0 0 36px;overflow-x:auto;padding:5.4px 3.6px 14.4px}.mg-guide__chapters ol{display:grid;grid-template-columns:repeat(8,minmax(82.8px,1fr));list-style:none;padding:0;margin:0}.mg-guide__step{position:relative;min-width:0}.mg-guide__step:not(:first-child):before{content:"";position:absolute;top:17.325px;height:3.6px;left:-50%;width:100%;background:#c4c3c1}.mg-guide__step--reached:not(:first-child):before{background:#4b5263}.mg-guide__step a{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10.8px;padding:0 3.6px;text-align:center;color:inherit;text-decoration:none}.mg-guide__step-number{display:grid;place-items:center;width:38.25px;height:38.25px;border:.9px solid #a4a5a9;border-radius:50%;background:var(--guide-paper);font-size:calc(16.83px * var(--body-text-scale, 1));line-height:1;flex-shrink:0}.mg-guide__step--reached .mg-guide__step-number{background:#4b5263;border-color:#4b5263;color:#f4f3f1}.mg-guide__step-title{font-size:calc(11.7px * var(--body-text-scale, 1));line-height:1.4}.mg-guide__step a[aria-current] .mg-guide__step-number{outline:.9px solid #4b5263;outline-offset:3.6px}.mg-guide__step a[aria-current] .mg-guide__step-title{font-weight:700}.mg-guide__step a:focus-visible{outline:1.8px solid currentColor;outline-offset:1.8px}.mg-guide--topic .mg-guide__topic-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.mg-guide__topic-nav .mg-guide__chapter-link{display:flex;align-items:center;gap:clamp(8.64px,1.44vw,20.16px);font-family:var(--font-heading--family);font-size:calc(clamp(19.008px,2.592vw,32.832px) * var(--body-text-scale, 1));line-height:1.2;text-decoration:none;padding-block:11.52px}.mg-guide__chapter-link--previous{grid-column:1;justify-self:start}.mg-guide__chapter-link--next{grid-column:2;justify-self:end;text-align:right}.mg-guide__chapter-link svg{width:17.28px;height:34.56px;flex-shrink:0}.mg-guide__chapter-link--previous svg{transform:rotate(180deg)}.mg-guide__chapter-link:hover span{text-decoration:underline;text-underline-offset:5px}@media(max-width:479px){.mg-guide--topic .mg-guide__topic-nav{gap:12px}.mg-guide__topic-nav .mg-guide__chapter-link{font-size:calc(17.28px * var(--body-text-scale, 1));gap:5.76px}.mg-guide__chapter-link svg{width:11.52px;height:25.92px}}.mg-guide__heading>p:last-child,.mg-guide__body,.mg-guide__body :is(p,li,dd){font-size:calc(var(--font-paragraph--size, 1rem) * 1.2)}.mg-guide__body .mg-guide__callout-label{font-size:calc(15.6px * var(--body-text-scale, 1))}@media(max-width:749px){.mg-guide__chapters{width:100%;overflow-x:visible;padding-inline:0}.mg-guide__chapters ol{grid-template-columns:repeat(8,minmax(0,1fr))}.mg-guide__step a{padding:0}.mg-guide__step-number{width:32px;height:32px;font-size:calc(14.4px * var(--body-text-scale, 1))}.mg-guide__step:not(:first-child):before{top:14.2px;height:3.6px}.mg-guide__step-title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/mahjong-guide.css.map */