/* A1 hero: SkrivSikkert across Word, Gmail and Chrome. Page-scoped. */
.cg-hero{min-height:700px}
.cg-actions svg,.cg-actions img{width:22px;height:22px;flex:0 0 22px}
.cg-button--soon,.cg-button--soon:hover{border-color:#d4ddd7;background:#e7ece8;color:#426052!important;box-shadow:none;cursor:default;transform:none}

.cg-places-stage{min-width:0;min-height:540px;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;direction:ltr}
.cg-places-demo{position:absolute;left:50%;top:50%;width:680px;height:500px;transform:translate(-50%,-50%) scale(.76);transform-origin:center}
.cg-places-demo:before{content:"";position:absolute;left:72px;right:44px;bottom:42px;height:52px;border-radius:50%;background:rgba(58,47,38,.12);filter:blur(28px);transform:scaleX(.92)}
.cg-place-window{position:absolute;width:286px;height:354px;border:1px solid rgba(63,57,51,.16);border-radius:14px;background:#fff;color:#292d31;box-shadow:0 24px 50px rgba(52,43,35,.14),0 5px 16px rgba(52,43,35,.08),inset 0 1px 0 rgba(255,255,255,.92);overflow:hidden;font-family:Inter,Arial,sans-serif;text-align:left}
.cg-places-demo .cg-place-word{left:0;top:84px;transform:rotate(-2.1deg)}
.cg-places-demo .cg-place-gmail{left:190px;top:23px;width:306px;height:356px;z-index:3;border-radius:15px;box-shadow:0 29px 64px rgba(52,43,35,.18),0 7px 18px rgba(52,43,35,.09),inset 0 1px 0 rgba(255,255,255,.96)}
.cg-places-demo .cg-place-chrome{right:-12px;top:88px;transform:rotate(1.8deg);box-shadow:0 25px 52px rgba(52,43,35,.145),0 5px 16px rgba(52,43,35,.075),inset 0 1px 0 rgba(255,255,255,.94)}

.cg-place-word>header{position:relative;height:47px;display:flex;align-items:center;gap:8px;padding:0 9px 0 10px;border:0;background:linear-gradient(105deg,#0d50a9,#1c64c8);color:#fff}
.cg-place-word>header b{max-width:112px;margin-left:1px;overflow:hidden;color:#fff;font-size:9.8px;font-weight:600;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}
.cg-word-logo{display:block;width:27px;height:27px;flex:0 0 27px;border:0;border-radius:0;background:none;box-shadow:none;object-fit:contain}
.cg-word-window-controls{position:absolute;right:0;top:0;width:57px;height:30px;display:grid;grid-template-columns:repeat(3,19px)}
.cg-word-window-controls>span{height:30px;display:grid;place-items:center;color:rgba(255,255,255,.78);font:400 10px/1 Arial,sans-serif}
.cg-word-window-controls>span:first-child:before{content:"";width:6px;height:1px;background:currentColor}
.cg-word-window-controls>span:nth-child(2):before{content:"";width:6px;height:5px;border:1px solid currentColor}
.cg-word-ribbon{height:36px;display:flex;align-items:center;gap:10px;padding:0 10px;border-bottom:1px solid #dce2ec;background:#f2f5fa;color:#4e5865;font-size:7.4px}
.cg-word-ribbon .active{height:36px;display:flex;align-items:center;color:#185abd;border-bottom:2px solid #185abd}
.cg-word-tools{height:30px;display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid #dce1e7;background:#fff}
.cg-word-tools .cg-word-font,.cg-word-tools .cg-word-size{height:17px;display:flex;align-items:center;padding:0 5px;border:1px solid #d4d9df;border-radius:2px;background:#fff;color:#4d5660;font-size:6.5px}
.cg-word-tools .cg-word-font{width:44px}.cg-word-tools .cg-word-size{width:22px}
.cg-word-tools b,.cg-word-tools em,.cg-word-tools u{width:13px;color:#343b42;font-size:9px;text-align:center}
.cg-word-tools>i{width:1px;height:16px;margin:0 2px;background:#d7dce1}
.cg-word-align{width:28px;height:12px;background:repeating-linear-gradient(to bottom,#7b838a 0 1px,transparent 1px 4px)}
.cg-word-canvas{height:241px;padding:17px 43px;background:linear-gradient(155deg,#e9ebee,#dfe2e6)}
.cg-word-page{height:258px;padding:24px 20px;background:#fff;box-shadow:0 4px 13px rgba(32,38,45,.13)}
.cg-word-doc-title{margin:0 0 18px;color:#1f2933;font:700 15px/1.2 Georgia,serif;letter-spacing:-.01em}
.cg-word-page p,.cg-word-page li{height:6px;border-radius:6px;background:#cbd0d6}
.cg-word-page p{margin:9px 0}.cg-word-page p.short{width:66%}
.cg-word-doc-subtitle{margin:18px 0 7px;color:#185abd;font-size:8px;font-weight:700}.cg-word-page ul{margin:0;padding-left:13px}.cg-word-page li{height:5px;margin:8px 0;color:transparent}

.cg-place-gmail>header{height:55px;display:flex;align-items:center;gap:7px;padding:0 10px;border-bottom:1px solid #e7eaee;background:#fff}
.cg-gmail-menu{width:13px;height:13px;display:flex;flex:0 0 13px;flex-direction:column;justify-content:center;gap:2.5px}
.cg-gmail-menu i{display:block;width:12px;height:1.3px;border-radius:2px;background:#5f6368}
.cg-gmail-logo{display:block;width:22px;height:22px;flex:0 0 22px;border-radius:4px;object-fit:contain}
.cg-gmail-name{color:#3c4043;font:500 13px/1 Inter,Arial,sans-serif;letter-spacing:-.02em;white-space:nowrap}
.cg-gmail-search{height:32px;min-width:0;flex:1;display:flex;align-items:center;gap:6px;margin-left:3px;padding:0 8px;border-radius:9px;background:#edf3f9;box-shadow:inset 0 0 0 1px rgba(80,96,112,.035);color:#66727d;font-size:7.6px}
.cg-gmail-search>span:nth-child(2){white-space:nowrap;overflow:hidden}
.cg-gmail-search-icon{position:relative;width:9px;height:9px;flex:0 0 9px;border:1.3px solid #5f6870;border-radius:50%}
.cg-gmail-search-icon:after{content:"";position:absolute;right:-3px;bottom:-1px;width:4px;height:1.3px;border-radius:1px;background:#5f6870;transform:rotate(45deg)}
.cg-gmail-filter{position:relative;width:12px;height:10px;flex:0 0 12px;margin-left:auto;background:linear-gradient(#5f6870,#5f6870) 0 1px/12px 1px no-repeat,linear-gradient(#5f6870,#5f6870) 0 7px/12px 1px no-repeat}
.cg-gmail-filter:before,.cg-gmail-filter:after{content:"";position:absolute;width:3px;height:3px;border:1px solid #5f6870;border-radius:50%;background:#edf3f9}.cg-gmail-filter:before{left:3px;top:-1px}.cg-gmail-filter:after{right:2px;bottom:0}
.cg-gmail-profile{width:21px;height:21px;display:grid;flex:0 0 21px;place-items:center;border-radius:50%;background:#7b63a8;color:#fff;font:500 8px/1 Inter,Arial,sans-serif}
.cg-gmail-body{height:301px;display:grid;grid-template-columns:86px 1fr}
.cg-gmail-body aside{padding:11px 7px;border-right:0;background:#f6f9fd}
.cg-gmail-compose{width:72px;height:36px;display:flex;align-items:center;gap:6px;padding:0 10px;border:0;border-radius:12px;background:#bfe5fb;color:#202124;box-shadow:0 2px 5px rgba(60,64,67,.12);font:500 9px/1 Inter,Arial,sans-serif;pointer-events:none}
.cg-gmail-compose svg{width:15px;height:15px;flex:0 0 15px}
.cg-gmail-body aside nav{display:flex;flex-direction:column;gap:3px;padding:14px 3px 0}
.cg-gmail-body aside nav>span{height:25px;display:flex;align-items:center;gap:8px;padding:0 7px;border-radius:0 12px 12px 0;color:#4f565d}
.cg-gmail-body aside nav>span.selected{background:#fce8e6;color:#b3261e}
.cg-gmail-body aside nav em{overflow:hidden;font:400 7.2px/1 Inter,Arial,sans-serif;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.cg-gmail-body aside nav i{position:relative;width:11px;height:11px;flex:0 0 11px}
.cg-gmail-inbox{border:1.2px solid currentColor;border-radius:1px}.cg-gmail-inbox:after{content:"";position:absolute;left:2px;right:2px;bottom:2px;height:2px;border-top:1px solid currentColor}
.cg-gmail-starred:before{content:"☆";position:absolute;inset:-3px 0 0;font-size:13px;line-height:11px}
.cg-gmail-clock{border:1.2px solid currentColor;border-radius:50%}.cg-gmail-clock:before{content:"";position:absolute;left:5px;top:2px;width:1px;height:4px;background:currentColor;transform:rotate(-18deg);transform-origin:bottom}
.cg-gmail-main{min-width:0;background:#fff}
.cg-gmail-toolbar{height:31px;display:flex;align-items:center;gap:10px;padding:0 8px;border-bottom:1px solid #ebeef1;color:#59616a;font-size:7px}.cg-gmail-toolbar i{margin-left:auto;font-size:6.7px;font-style:normal}
.cg-gmail-check{width:9px;height:9px;flex:0 0 9px;border:1px solid #7a8187;border-radius:1px}
.cg-gmail-refresh{position:relative;width:10px;height:10px;border:1.2px solid #6d747a;border-left-color:transparent;border-radius:50%}.cg-gmail-refresh:after{content:"";position:absolute;left:-1px;top:-2px;border:2px solid transparent;border-right-color:#6d747a;transform:rotate(22deg)}
.cg-mail-row{min-height:54px;display:grid;grid-template-columns:10px 12px 45px minmax(0,1fr) 27px;align-items:center;gap:5px;padding:0 7px;border-bottom:1px solid #e8ebef;background:#fff}
.cg-mail-row.unread{background:#f3f8fd}.cg-mail-row>*{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-mail-row>span:nth-child(2){color:#747b81;font-size:11px;line-height:1}.cg-mail-row strong{color:#30353a;font-size:8.6px}.cg-mail-row>span:nth-child(4){color:#666d74;font-size:7.2px}.cg-mail-row time{color:#777;font-size:6.7px;text-align:right}.cg-mail-row.unread strong,.cg-mail-row.unread time{color:#202124;font-weight:700}

.cg-chrome-tabstrip{position:relative;height:42px!important;padding:0!important;border:0;background:linear-gradient(#e7ebef,#dfe4e9)}
.cg-chrome-tab{position:absolute;left:82px;top:8px;width:122px;height:34px;display:flex;align-items:center;gap:7px;padding:0 7px 0 9px;border-radius:9px 9px 0 0;background:#fff;box-shadow:0 -1px 0 rgba(255,255,255,.7)}
.cg-chrome-tab img{width:17px;height:17px;flex:0 0 17px}.cg-chrome-tab b{overflow:hidden;color:#3d4248;font-size:8.8px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.cg-chrome-tab>span{width:16px;height:16px;display:grid;flex:0 0 16px;place-items:center;margin-left:auto;color:#697078;font:400 12px/1 Arial,sans-serif}
.cg-chrome-new-tab{position:absolute;left:208px;top:15px;width:18px;height:18px;display:grid;place-items:center;color:#5f666c;font:400 13px/1 Arial,sans-serif}
.cg-chrome-window-controls{position:absolute;right:0;top:0;width:60px;height:30px;display:grid;grid-template-columns:repeat(3,20px)}
.cg-chrome-window-controls>span{height:30px;display:grid;place-items:center;color:#596066;font:400 11px/1 Arial,sans-serif}.cg-chrome-window-controls .minimize:before{content:"";width:7px;height:1px;background:currentColor}.cg-chrome-window-controls .maximize:before{content:"";width:6px;height:5px;border:1px solid currentColor}
.cg-chrome-toolbar{height:40px;display:flex;align-items:center;gap:7px;padding:0 9px;border-bottom:1px solid #e1e4e7;background:#fff;color:#59616a}
.cg-chrome-toolbar>.back,.cg-chrome-toolbar>.forward{width:8px;height:8px;flex:0 0 8px;border-left:1.5px solid #59616a;border-bottom:1.5px solid #59616a;transform:rotate(45deg)}.cg-chrome-toolbar>.forward{opacity:.52;transform:rotate(225deg)}
.cg-chrome-toolbar>.reload{position:relative;width:10px;height:10px;flex:0 0 10px;border:1.3px solid #59616a;border-left-color:transparent;border-radius:50%}.cg-chrome-toolbar>.reload:after{content:"";position:absolute;left:-1px;top:-2px;border:2px solid transparent;border-right-color:#59616a}
.cg-chrome-address{height:27px;min-width:0;display:flex;flex:1;align-items:center;gap:6px;padding:0 9px;border-radius:15px;background:#f3f5f6;color:#525b62;font-size:7.5px;box-shadow:inset 0 0 0 1px rgba(65,73,80,.045)}.cg-chrome-address>span:last-child{margin-left:auto;margin-right:3px;font-weight:500}
.cg-chrome-address .controls{position:relative;width:11px;height:9px;background:linear-gradient(#657078,#657078) 0 2px/11px 1px no-repeat,linear-gradient(#657078,#657078) 0 7px/11px 1px no-repeat}.cg-chrome-address .controls:before,.cg-chrome-address .controls:after{content:"";position:absolute;width:3px;height:3px;border:1px solid #657078;border-radius:50%;background:#f0f2f4}.cg-chrome-address .controls:before{left:2px;top:0}.cg-chrome-address .controls:after{right:1px;bottom:-1px}
.cg-chrome-toolbar>.star{flex:0 0 12px;color:#626a70;font:400 14px/1 Arial,sans-serif}.cg-chrome-toolbar>.profile{width:14px;height:14px;flex:0 0 14px;border-radius:50%;background:#738aa3;box-shadow:inset 0 -5px 0 rgba(255,255,255,.24)}.cg-chrome-toolbar>.more{color:#5d646a;font:400 13px/1 Arial,sans-serif}
.cg-chrome-page{height:272px;padding:0 17px 22px 105px;background:#fff;color:#252b29}
.cg-chrome-page nav{height:43px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #e9e7e3}.cg-chrome-page nav b{width:20px;height:20px;display:grid;flex:0 0 20px;place-items:center;border-radius:50%;background:#24221f;color:#fff;font:700 10px Georgia,serif}.cg-chrome-page nav span{font-size:7.5px;font-weight:700;letter-spacing:.075em;white-space:nowrap}.cg-chrome-page nav i{margin-left:auto;color:#555d59;font-size:11px;font-style:normal}
.cg-chrome-page-hero{height:70px;margin:15px 0 11px;border-radius:7px;background:radial-gradient(circle at 78% 25%,rgba(245,184,112,.95) 0 7px,transparent 8px),radial-gradient(ellipse at 10% 112%,#789d8b 0 55%,transparent 56%),radial-gradient(ellipse at 90% 116%,#315f53 0 58%,transparent 59%),linear-gradient(145deg,#dbe9e2,#f2e9de);box-shadow:inset 0 0 0 1px rgba(44,75,64,.035)}
.cg-chrome-page>small{display:block;margin-bottom:5px;color:#647069;font-size:6.6px;font-weight:700;letter-spacing:.12em}.cg-chrome-article-title{margin:0 0 11px;color:#252b29;font:500 12px/1.27 Inter,Arial,sans-serif;letter-spacing:-.015em}.cg-chrome-page p{height:5px;margin:7px 0;border-radius:5px;background:#ccd1d3}.cg-chrome-page p:nth-of-type(1){width:100%}.cg-chrome-page p:nth-of-type(2){width:88%}.cg-chrome-page p.short{width:62%}

html[data-theme="dark"] body.chrome-guide-route .cg-places-stage{border:0!important;background:transparent!important;box-shadow:none!important}
html[data-theme="dark"] body.chrome-guide-route .cg-places-demo:before{background:rgba(0,0,0,.3)}
html[data-theme="dark"] body.chrome-guide-route .cg-button--soon,html[data-theme="dark"] body.chrome-guide-route .cg-button--soon:hover{border-color:#3a4941;background:#29332e;color:#c7d4cd!important;box-shadow:none!important}

@media(max-width:1100px) and (min-width:768px){.cg-places-stage{min-height:500px}.cg-places-demo{transform:translate(-50%,-50%) scale(.84)}}
@media(max-width:767px){.cg-hero{min-height:0;padding-bottom:48px}.cg-places-stage{width:100%;min-height:330px;padding:0;border-radius:0}.cg-places-demo{transform:translate(-50%,-50%) scale(.47)}}
@media(max-width:360px){.cg-places-stage{min-height:300px}.cg-places-demo{transform:translate(-50%,-50%) scale(.405)}}
@media(max-width:320px){.cg-places-demo{transform:translate(-50%,-50%) scale(.37)}}