:root{--red:#d52b1e;--ink:#1b1a19;--paper:#f0efe9;--blue:#003da5;--gap:8px;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Segoe UI",Arial,sans-serif;font-synthesis:none;background:#fff;color:var(--ink)}
*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}h1,h2,p{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(8,minmax(45px,1fr));gap:var(--gap);height:100vh;height:100svh;min-height:480px;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.tile{position:relative;min-width:0;min-height:0}.tile-link{display:flex;width:100%;height:100%;min-width:0;min-height:0;align-items:center;justify-content:center;padding:clamp(16px,2.4vw,38px);text-align:center;overflow-wrap:anywhere}.tile-link:focus-visible,.icp:focus-visible{outline:3px solid currentColor;outline-offset:-6px}.tile-link:hover .arrow{opacity:1}.arrow{position:absolute;right:clamp(12px,1.8vw,28px);top:clamp(9px,1.4vw,22px);font:400 clamp(19px,2.4vw,32px)/1 Arial,sans-serif;opacity:.8}.label{font-size:clamp(12px,1.1vw,17px);line-height:1.4;letter-spacing:.08em}.sub{font-size:clamp(11px,1vw,15px);line-height:1.4;margin-top:10px;letter-spacing:.04em}h1,h2{font-weight:700;letter-spacing:-.045em;line-height:1.1;word-break:keep-all}h1{font-size:clamp(62px,8.2vw,132px);margin:16px 0 0}h2{font-size:clamp(30px,3.5vw,58px)}h2[lang=en]{font-size:clamp(48px,5.5vw,88px);font-weight:650;letter-spacing:-.055em;line-height:.95}.logo{grid-area:1/1/3/4;background:var(--paper)}.logo img{width:clamp(86px,11vw,160px)}.immigration{grid-area:1/4/5/13;background:var(--red);color:#fff}.immigration .sub{text-transform:uppercase;font-size:clamp(10px,.9vw,14px);letter-spacing:.15em;margin-top:18px}.bar{grid-area:3/1/7/4;background:var(--ink);color:#fff}.bar h2{font-size:clamp(64px,8vw,128px);margin-top:16px}.sqe{grid-area:5/4/7/8;background:var(--paper)}.olqe{grid-area:5/8/7/13;background:var(--ink);color:#fff}.china{grid-area:7/1/9/6;background:var(--paper)}.china .tile-link{padding-bottom:36px}.china h2{font-size:clamp(27px,3vw,48px)}.china h2 span{margin-left:.32em}.icp{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);max-width:calc(100% - 24px);white-space:nowrap;font-size:10px;line-height:1.2;color:#615e58;padding:3px}.forum{grid-area:7/6/9/9;background:var(--red);color:#fff}.forum h2{font-size:clamp(27px,3vw,48px)}.quebec{grid-area:7/9/9/13;background:var(--blue);color:#fff}.quebec h2{font-size:clamp(27px,3.5vw,54px)}
@media(min-width:768px) and (max-height:650px){.tile-link{padding:14px}.label{font-size:12px}.sub{font-size:11px;margin-top:7px}h1{font-size:clamp(56px,7vw,100px);margin-top:10px}.immigration .sub{margin-top:10px}.bar h2{font-size:clamp(58px,6vw,90px);margin-top:10px}h2[lang=en]{font-size:clamp(42px,4.5vw,68px)}.china h2,.forum h2,.quebec h2{font-size:clamp(25px,2.6vw,38px)}.china .tile-link{padding-bottom:30px}.icp{font-size:9px;bottom:7px}}
@media(max-width:767px){:root{--gap:7px}.mosaic{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(6,minmax(80px,1fr));min-height:560px;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.tile-link{padding:14px}.arrow{right:10px;top:9px;font-size:19px}.label{font-size:11px;letter-spacing:.04em}.sub{font-size:10px;line-height:1.3;letter-spacing:0;margin-top:7px}h1{font-size:clamp(54px,15vw,96px);margin-top:10px}h2[lang=en]{font-size:clamp(36px,10vw,64px)}.logo{grid-area:1/1/2/3}.logo img{width:clamp(80px,25vw,116px)}.immigration{grid-area:2/1/4/5}.immigration .sub{font-size:10px;margin-top:12px;letter-spacing:.1em}.bar{grid-area:4/1/5/3}.bar h2{font-size:clamp(38px,11vw,64px);margin-top:6px}.bar .label{font-size:10px}.sqe{grid-area:4/3/5/5}.olqe{grid-area:5/1/6/3}.olqe .sub{font-size:9px}.china{grid-area:5/3/6/5}.china .tile-link{padding:10px 12px 27px}.china h2{font-size:clamp(19px,5vw,28px);line-height:1.15}.china h2 span{display:block;margin:0}.icp{bottom:5px;font-size:8px;padding:2px;max-width:calc(100% - 8px)}.forum{grid-area:6/1/7/5}.forum h2{font-size:clamp(28px,8vw,44px)}.quebec{grid-area:1/3/2/5}.quebec h2{font-size:clamp(22px,6vw,32px)}.quebec .sub{font-size:8px;margin-top:6px}.quebec .arrow{font-size:16px;right:8px;top:7px}}
@media(max-width:767px) and (max-height:650px){.tile-link{padding:10px}.label{font-size:10px}.sub{font-size:9px;margin-top:5px}.bar h2{font-size:38px}.sqe h2,.olqe h2{font-size:36px}.china h2{font-size:19px}.china .tile-link{padding-bottom:23px}.quebec h2{font-size:22px}.quebec .sub{font-size:8px}.icp{font-size:8px;bottom:4px}}
@media print{.mosaic{height:100vh;min-height:560px;print-color-adjust:exact;-webkit-print-color-adjust:exact}}