/* mein-login.info - Windows XP Design
   Titlebar: Luna Blue Gradient
   Background: Bliss Wallpaper Gradient
   Links: #003399 | Hover: #316ac5
   Font: Tahoma (System)
   Accessible: min 16px body, WCAG AA contrast */

*{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;height:100%}
body{
  font-family:Tahoma,Verdana,Geneva,sans-serif;
  color:#000;
  background:#3a6ea5 url('/assets/xp-bliss.webp') center/cover no-repeat fixed;
  line-height:1.6;
  min-height:100%;
  padding-bottom:36px;
  -webkit-font-smoothing:auto;
  cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M0 0l4 12 2.5-4L11 10l1-1-4-2.5L12 4z" fill="%23fff" stroke="%23000"/></svg>') 0 0, auto
}
a{color:#003399;text-decoration:underline}
a:hover{color:#316ac5}
a:visited{color:#003399}

/* Skip-Link */
.skip-link{position:absolute;top:-100%;left:0;background:#003399;color:#fff;padding:6px 16px;z-index:200;font-size:14px;text-decoration:none}
.skip-link:focus{top:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #003399;outline-offset:1px}

/* ===== DESKTOP ICONS ===== */
.xp-desktop-icons{
  position:fixed;top:20px;right:20px;
  display:flex;flex-direction:column;gap:16px;
  z-index:1
}
.desktop-icon{
  display:flex;flex-direction:column;align-items:center;gap:2px;
  text-decoration:none;color:#fff;font-size:11px;
  text-shadow:1px 1px 2px rgba(0,0,0,.6);
  width:70px;text-align:center;
  padding:4px;border:1px solid transparent;border-radius:3px;
  cursor:default
}
.desktop-icon:hover{background:rgba(49,106,197,.3);border-color:rgba(49,106,197,.5);color:#fff;text-decoration:none}
.desktop-icon .ico{font-size:28px;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.4))}

/* ===== XP WINDOW CONTAINER ===== */
.xp-window{
  max-width:960px;
  margin:20px auto 0;
  border:2px solid #0054e3;
  border-radius:8px 8px 0 0;
  box-shadow:2px 2px 12px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.15);
  overflow:hidden;
  position:relative;
  z-index:2;
  transition:all .3s
}
.xp-window.minimized .page-layout,
.xp-window.minimized .xp-chrome .toolbar,
.xp-window.minimized .xp-chrome .addressbar,
.xp-window.minimized .xp-statusbar{display:none}

/* ===== XP CHROME ===== */
.xp-chrome{background:#ece9d8}

/* Titlebar */
.titlebar{
  background:linear-gradient(180deg,#0997ff 0%,#0053ee 8%,#0050ee 20%,#196bff 50%,#0553f0 80%,#0044cc 95%,#003399 100%);
  padding:5px 8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-radius:6px 6px 0 0;
  cursor:default
}
.titlebar-left{display:flex;align-items:center;gap:6px;min-width:0}
.titlebar-icon{font-size:14px}
.titlebar-text{color:#fff;font-size:13px;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.titlebar-btns{display:flex;gap:2px;flex-shrink:0}
.titlebar-btns span{
  display:inline-flex;align-items:center;justify-content:center;
  width:21px;height:21px;
  background:linear-gradient(180deg,#3c8efc 0%,#2663de 50%,#1941a5 100%);
  border:1px solid rgba(0,0,0,.3);border-radius:3px;
  color:#fff;font-size:9px;font-weight:700;
  cursor:pointer;user-select:none;
  transition:filter .1s
}
.titlebar-btns span:hover{filter:brightness(1.15)}
.titlebar-btns span:active{filter:brightness(.9)}
.btn-close{background:linear-gradient(180deg,#e8503a 0%,#cf3a27 50%,#ab2013 100%) !important}
.btn-help{
  background:linear-gradient(180deg,#3c8efc 0%,#2663de 50%,#1941a5 100%);
  font-size:12px;font-weight:700;font-family:serif;
  margin-right:4px
}

/* Toolbar */
.toolbar{
  background:linear-gradient(180deg,#f6f8fb 0%,#e3e6eb 100%);
  padding:3px 6px;
  border-bottom:1px solid #aca899;
  display:flex;
  align-items:center;
  gap:2px;
  flex-wrap:wrap
}
.toolbar-btn{
  background:none;border:1px solid transparent;
  padding:4px 10px;font-size:13px;font-family:inherit;
  color:#000;cursor:pointer;border-radius:3px;
  text-decoration:none;white-space:nowrap
}
.toolbar-btn:hover,.toolbar-btn.active{background:#c1d2ee;border-color:#316ac5;color:#000;text-decoration:none}
.toolbar-btn:active{background:#a0b8e0}

/* Addressbar */
.addressbar{
  background:#fff;padding:3px 8px;
  border-bottom:1px solid #aca899;
  display:flex;align-items:center;gap:6px;
  font-size:12px
}
.addressbar-label{color:#000;flex-shrink:0}
.addressbar-url{
  flex:1;border:1px solid #7f9db9;padding:2px 6px;
  background:#fff;font-size:12px;color:#333;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}

/* ===== HELP PANEL (Yellow XP Sidebar) ===== */
.help-panel{
  display:none;
  background:linear-gradient(180deg,#fffde0 0%,#fff8b0 100%);
  border-bottom:1px solid #e8d84c;
  padding:12px 16px;
  font-size:14px;
  color:#333;
  line-height:1.5;
  position:relative
}
.help-panel.open{display:block}
.help-panel .help-title{font-size:15px;font-weight:700;color:#003399;margin-bottom:6px;display:flex;align-items:center;gap:6px}
.help-panel .help-close{position:absolute;top:8px;right:10px;cursor:pointer;color:#806600;font-size:16px;background:none;border:none;font-family:inherit}
.help-panel a{color:#003399}

/* ===== MAIN LAYOUT ===== */
.page-layout{display:flex;min-height:440px}

/* Sidebar */
.sidebar{
  width:200px;flex-shrink:0;
  background:linear-gradient(180deg,#6b89d4 0%,#4b6cb7 30%,#3f65b0 100%);
  padding:12px;
  border-right:1px solid #3d5fa3
}
.sidebar h2{color:#fff;font-size:14px;font-weight:700;margin-bottom:10px;text-shadow:1px 1px 1px rgba(0,0,0,.2)}
.sidebar-section{margin-bottom:14px}
.sidebar-section h3{
  color:#fff;font-size:12px;font-weight:700;
  margin-bottom:5px;padding-bottom:4px;
  border-bottom:1px solid rgba(255,255,255,.2)
}
.sidebar a{
  display:block;color:#fff;text-decoration:none;
  padding:3px 6px;font-size:12px;border-radius:2px;margin-bottom:1px
}
.sidebar a:hover{background:rgba(255,255,255,.15);color:#fff;text-decoration:none}
.sidebar a.active{background:rgba(255,255,255,.2);font-weight:700}

/* Content Area */
.content-area{flex:1;padding:18px 22px;background:#fff;min-width:0}

/* ===== HOMEPAGE ===== */
.home-header h1{font-size:22px;color:#003399;font-weight:700;margin-bottom:4px}
.home-header .subtitle{font-size:14px;color:#555;margin-bottom:16px}
.search-box{display:flex;gap:4px;margin-bottom:20px}
.search-box input{
  flex:1;border:1px solid #7f9db9;padding:6px 10px;
  font-family:inherit;font-size:15px
}
.search-box button,.xp-btn{
  background:linear-gradient(180deg,#f6f8fb 0%,#ecebe5 80%,#d8d0c4 100%);
  border:1px solid #003399;padding:5px 18px;
  font-family:inherit;font-size:14px;font-weight:700;
  color:#003399;cursor:pointer;border-radius:3px
}
.search-box button:active,.xp-btn:active{background:linear-gradient(180deg,#d8d0c4,#f6f8fb)}
.xp-btn:hover{background:linear-gradient(180deg,#f0f4ff,#d6dbe5)}

/* Category title */
.cat-title{
  font-size:16px;color:#003399;font-weight:700;
  margin:20px 0 10px;padding-bottom:4px;
  border-bottom:1px solid #d6dfe8
}

/* Icon grid (homepage) */
.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px;margin-bottom:8px}
.item{
  text-align:center;padding:10px 6px;
  border:1px solid transparent;border-radius:3px;
  text-decoration:none;color:#000;display:block;
  cursor:pointer
}
.item:hover{background:#eff3ff;border-color:#c1d2ee;text-decoration:none;color:#000}
.item .icon-big{font-size:32px;display:block;margin-bottom:4px}
.item .name{font-size:13px;color:#003399;text-decoration:underline}
.item .desc{font-size:11px;color:#555;margin-top:2px;text-decoration:none}

/* ===== ARTICLE PAGE ===== */
.breadcrumb{font-size:12px;color:#555;margin-bottom:12px}
.breadcrumb a{color:#003399;font-size:12px}

.article-header h1{font-size:22px;color:#003399;font-weight:700;margin-bottom:4px}
.article-meta{font-size:12px;color:#555;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #d6dfe8}

.article-body{font-size:16px;color:#1a1a1a;line-height:1.7}
.article-body h2{font-size:19px;color:#003399;margin:22px 0 8px;padding-bottom:3px;border-bottom:1px solid #e8edf6}
.article-body h3{font-size:17px;color:#003399;margin:18px 0 6px}
.article-body p{margin-bottom:12px}
.article-body ul,.article-body ol{margin:8px 0 14px 22px}
.article-body li{margin-bottom:5px}
.article-body img{max-width:100%;height:auto;border:1px solid #d6dfe8;margin:10px 0}
.article-body a{color:#003399}
.article-body figure{margin:14px 0}
.article-body figcaption{font-size:12px;color:#555;margin-top:4px;font-style:italic}

/* Tables - XP Luna Style */
.article-body table{
  width:100%;border-collapse:separate;border-spacing:0;
  margin:14px 0;font-size:14px;
  border:2px solid #003399;border-radius:4px;
  overflow:hidden
}
.article-body th{
  background:linear-gradient(180deg,#0553f0 0%,#003399 100%);
  color:#fff;font-weight:700;font-size:13px;
  padding:8px 12px;text-align:left;
  border-bottom:1px solid #002266;
  text-shadow:1px 1px 1px rgba(0,0,0,.2)
}
.article-body td{
  padding:8px 12px;
  border-bottom:1px solid #d6dfe8;
  border-right:1px solid #e8edf6;
  vertical-align:top
}
.article-body td:last-child{border-right:none}
.article-body tr:last-child td{border-bottom:none}
.article-body tr:nth-child(even) td{background:#f0f4ff}
.article-body tr:nth-child(odd) td{background:#fff}
.article-body tr:hover td{background:#e0e8f8}

/* Steps */
.steps{margin:10px 0 18px;padding:0;list-style:none}
.steps li{
  font-size:15px;line-height:1.6;margin-bottom:6px;
  padding:8px 12px;background:#f7f8fc;
  border-left:3px solid #003399;
  border-radius:0 3px 3px 0
}
.steps li strong{color:#003399}

/* Login-Link Box */
.linkbox{
  background:#f0f4ff;border:1px solid #c1d2ee;
  padding:14px;margin:16px 0;border-radius:3px;
  text-align:center
}
.linkbox .xp-btn{font-size:16px;padding:8px 28px}
.linkbox .url{font-size:12px;color:#555;margin-top:6px}

/* Info/Warn Boxes */
.infobox{background:#fffff0;border:1px solid #e8d84c;padding:10px 14px;font-size:14px;margin:16px 0;border-radius:3px}
.infobox strong{color:#806600}
.warnbox{background:#fff0f0;border:1px solid #e84c4c;padding:10px 14px;font-size:14px;margin:16px 0;border-radius:3px}
.warnbox strong{color:#990000}

/* Ad Placeholder */
.ad-slot{margin:16px 0;text-align:center}

/* Related */
.related-section{margin-top:22px;padding-top:16px;border-top:1px solid #d6dfe8}
.related-section h3{font-size:15px;color:#003399;margin-bottom:8px}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.related-card{
  background:#f7f8fc;border:1px solid #e8edf6;
  padding:8px 10px;border-radius:3px;
  text-decoration:none;color:#000;display:block;font-size:13px
}
.related-card:hover{border-color:#316ac5;background:#eff3ff;text-decoration:none;color:#000}
.related-card strong{color:#003399;display:block;margin-bottom:2px;font-size:14px}

/* ===== STATUSBAR ===== */
.xp-statusbar{
  background:#ece9d8;border-top:1px solid #fff;
  padding:4px 12px;font-size:12px;color:#555;
  display:flex;justify-content:space-between;align-items:center
}
.xp-statusbar a{color:#555;text-decoration:none;margin-left:12px;font-size:12px}
.xp-statusbar a:hover{color:#003399;text-decoration:underline}

/* ===== TASKBAR ===== */
.xp-taskbar{
  position:fixed;bottom:0;left:0;right:0;
  background:linear-gradient(180deg,#3168d5 0%,#4689f3 3%,#3267d4 5%,#245dcc 100%);
  height:34px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 8px;
  z-index:100;
  box-shadow:0 -1px 4px rgba(0,0,0,.2)
}
/* XP Start Button */
.start-btn{
  background:linear-gradient(180deg,#40b036 0%,#3c9a2d 3%,#2d8c1a 30%,#1f7a0e 60%,#1a6e0c 100%);
  color:#fff;border:none;
  padding:4px 16px 4px 6px;
  font-family:'Trebuchet MS',Tahoma,sans-serif;
  font-size:16px;font-weight:700;font-style:italic;
  letter-spacing:.02em;
  border-radius:0 10px 10px 0;
  cursor:pointer;
  display:flex;align-items:center;gap:6px;
  text-shadow:1px 1px 2px rgba(0,0,0,.4);
  text-decoration:none;
  transition:filter .15s;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(0,0,0,.15),1px 0 2px rgba(0,0,0,.2);
  height:28px
}
.start-btn:hover{filter:brightness(1.12);color:#fff;text-decoration:none}
.start-btn:active{filter:brightness(.88);box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}
.start-btn .win-logo{font-size:18px;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3))}
.taskbar-center{display:flex;align-items:center;gap:2px;flex:1;margin:0 6px;overflow:hidden}
.taskbar-tab{
  background:linear-gradient(180deg,#3c7ede 0%,#2d6bc9 100%);
  border:1px solid rgba(0,0,0,.2);
  color:#fff;font-size:11px;
  padding:3px 10px;border-radius:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  cursor:pointer;text-decoration:none !important;
  flex:1;min-width:0;max-width:200px;
  transition:filter .1s;
  position:relative
}
.taskbar-tab:visited{color:#fff}
.taskbar-tab:hover{filter:brightness(1.2);color:#fff;text-decoration:none !important}
.taskbar-tab:active{filter:brightness(.9)}
.taskbar-tab[title]:hover::after{
  content:attr(title);
  position:absolute;bottom:100%;left:50%;transform:translateX(-50%);
  background:#ffffe1;border:1px solid #000;
  padding:2px 6px;font-size:11px;color:#000;
  white-space:nowrap;z-index:110;margin-bottom:6px;
  pointer-events:none;box-shadow:1px 1px 2px rgba(0,0,0,.2)
}
.taskbar-tab.active{
  background:linear-gradient(180deg,#4a90e8 0%,#5a9ef0 40%,#4a8de5 100%);
  border-bottom:1px solid #5a9ef0;
  cursor:default
}
.taskbar-right{
  color:#fff;font-size:12px;
  display:flex;align-items:center;gap:8px;
  background:linear-gradient(180deg,#1a68c5,#1558b0);
  padding:2px 10px;border-radius:2px;
  border:1px solid rgba(0,0,0,.15)
}

/* ===== RESPONSIVE ===== */
@media(max-width:700px){
  .xp-window{margin:8px 8px 0;border-radius:6px 6px 0 0}
  .page-layout{flex-direction:column}
  .sidebar{width:100%;border-right:none;border-bottom:1px solid #3d5fa3;padding:8px;display:flex;flex-wrap:wrap;gap:4px}
  .sidebar h2{display:none}
  .sidebar-section{margin:0}
  .sidebar-section h3{display:none}
  .sidebar a{padding:4px 10px;background:rgba(255,255,255,.1);border-radius:3px;font-size:12px}
  .content-area{padding:14px 16px}
  .item-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}
  .titlebar-text{max-width:180px}
  .toolbar{overflow-x:auto;flex-wrap:nowrap}
  .addressbar{display:none}
  .related-grid{grid-template-columns:1fr}
  .xp-desktop-icons{display:none}
  .xp-taskbar{height:30px}
  .start-btn{font-size:12px;padding:2px 10px 2px 6px}
  .taskbar-tab{display:none}
  .taskbar-tab.active{display:block;max-width:140px}
  body{padding-bottom:32px}
}

@media(max-width:420px){
  .toolbar-btn{font-size:12px;padding:3px 6px}
  .item-grid{grid-template-columns:repeat(2,1fr)}
}

@media(min-width:701px){
  body{padding-bottom:38px}
}

/* ===== XP GIMMICKS ===== */

/* XP Selection highlight */
::selection{background:#316ac5;color:#fff}

/* XP-style scrollbar (Webkit) */
::-webkit-scrollbar{width:16px}
::-webkit-scrollbar-track{background:#ece9d8;border-left:1px solid #aca899}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#c1d2ee,#7f9db9);
  border:1px solid #7f9db9;border-radius:0
}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a0b8e0,#6b89b5)}
::-webkit-scrollbar-button{display:block;height:16px;background:#ece9d8;border:1px solid #aca899}

/* XP tooltip style for desktop icons */
.desktop-icon[title]{position:relative}
.desktop-icon:hover::after{
  content:attr(title);
  position:absolute;top:100%;left:50%;transform:translateX(-50%);
  background:#ffffe1;border:1px solid #000;
  padding:2px 6px;font-size:11px;color:#000;
  white-space:nowrap;z-index:10;margin-top:4px;
  text-shadow:none;pointer-events:none;
  box-shadow:1px 1px 2px rgba(0,0,0,.2)
}

/* Blinking cursor in addressbar */
.addressbar-url::after{
  content:'|';color:#003399;
  animation:xp-blink 1s step-end infinite;
  margin-left:2px
}
@keyframes xp-blink{0%,100%{opacity:1}50%{opacity:0}}

/* XP window active/inactive state */
.xp-window:not(:hover) .titlebar{
  background:linear-gradient(180deg,#7996c8 0%,#6b89ba 50%,#5d7cac 100%)
}
.xp-window:hover .titlebar{
  background:linear-gradient(180deg,#0997ff 0%,#0053ee 8%,#0050ee 20%,#196bff 50%,#0553f0 80%,#0044cc 95%,#003399 100%)
}
.titlebar{transition:background .3s}

/* ===== LIGHTBOX ===== */
.article-body img{cursor:pointer}
.xp-lightbox{
  display:none;position:fixed;inset:0;
  background:rgba(0,0,0,.85);
  z-index:200;
  align-items:center;justify-content:center;
  cursor:pointer
}
.xp-lightbox.open{display:flex}
.xp-lightbox img{
  max-width:92vw;max-height:88vh;
  border:3px solid #fff;
  box-shadow:0 4px 24px rgba(0,0,0,.5);
  border-radius:2px
}
.xp-lightbox-close{
  position:fixed;top:12px;right:16px;
  color:#fff;font-size:28px;font-weight:700;
  cursor:pointer;z-index:201;
  background:rgba(0,0,0,.4);
  width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;
  border-radius:3px;border:1px solid rgba(255,255,255,.2)
}
.xp-lightbox-close:hover{background:rgba(171,32,19,.8)}
.xp-lightbox-caption{
  position:fixed;bottom:16px;left:50%;transform:translateX(-50%);
  color:#fff;font-size:13px;
  background:rgba(0,0,0,.5);padding:6px 16px;border-radius:3px;
  max-width:80vw;text-align:center;
  z-index:201
}

/* ===== START MENU ===== */
.start-menu{
  display:none;position:fixed;bottom:34px;left:0;
  width:380px;background:#fff;
  border:2px solid #003399;border-radius:8px 8px 0 0;
  box-shadow:3px -3px 12px rgba(0,0,0,.35);
  z-index:200;overflow:hidden
}
.start-menu.open{display:block}
.sm-header{
  background:linear-gradient(180deg,#0553f0 0%,#003399 100%);
  padding:10px 14px;display:flex;align-items:center;gap:10px;color:#fff
}
.sm-avatar{
  width:40px;height:40px;
  background:linear-gradient(135deg,#e8edf6,#c1d2ee);
  border:2px solid #fff;border-radius:4px;
  display:flex;align-items:center;justify-content:center;
  font-size:22px;box-shadow:1px 1px 3px rgba(0,0,0,.3)
}
.sm-user{font-size:13px;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.3)}
.sm-body{display:flex;min-height:260px}
.sm-left{flex:1;background:#fff;padding:6px 0;overflow-y:auto;max-height:320px}
.sm-item{
  display:flex;align-items:center;gap:10px;
  padding:6px 14px;text-decoration:none !important;color:#000;font-size:12px;
  transition:background .1s
}
.sm-item:hover{background:#316ac5;color:#fff}
.sm-item:hover .sm-item-sub{color:rgba(255,255,255,.7)}
.sm-item:visited{color:#000}
.sm-item:hover:visited{color:#fff}
.sm-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.sm-item-text{min-width:0}
.sm-item-title{font-weight:700;font-size:12px}
.sm-item-sub{font-size:10px;color:#808080;margin-top:1px}
.sm-divider{height:1px;background:#d6dfe8;margin:4px 14px}
.sm-right{
  width:130px;
  background:linear-gradient(180deg,#4b7bd4 0%,#3b65b0 100%);
  padding:8px 0
}
.sm-right a{display:block;padding:5px 12px;color:#fff;text-decoration:none !important;font-size:11px;font-weight:700}
.sm-right a:hover{background:rgba(255,255,255,.15)}
.sm-right a:visited{color:#fff}
.sm-r-divider{height:1px;background:rgba(255,255,255,.15);margin:4px 8px}
.sm-footer{
  background:linear-gradient(180deg,#003399 0%,#002266 100%);
  padding:6px 14px;display:flex;justify-content:flex-end;gap:6px
}
.sm-footer-btn{
  background:linear-gradient(180deg,#4a7ede,#3568c4);
  border:1px solid rgba(0,0,0,.3);
  color:#fff;font-size:11px;font-family:inherit;
  padding:3px 14px;border-radius:3px;cursor:pointer;
  text-decoration:none !important;
  transition:filter .1s
}
.sm-footer-link:hover{filter:brightness(1.2);color:#fff}
@media(max-width:700px){
  .start-menu{width:100%;border-radius:0}
  .sm-right{display:none}
}

/* ===== PRINT ===== */
@media print{
  body{background:#fff;padding:0}
  .start-menu{display:none !important}
  .xp-chrome,.sidebar,.xp-statusbar,.ad-slot,.skip-link,.xp-desktop-icons,.xp-taskbar,.help-panel{display:none}
  .xp-window{margin:0;border:none;box-shadow:none;max-width:none}
  .content-area{padding:0}
  .article-body{font-size:12pt}
}