/* content.css
   Extracted from content.html inline styles
   Provides page layout, typography, and responsive rules for content pages
*/
:root{
  --bg: #f4f6f8;
  --card: #ffffff;
  --accent: #1976d2;
  --muted: #777777;
  --max-width: 1200px;
  --radius: 8px;
  --gap: 20px;
}
/**{box-sizing:border-box}*/
html,body{height:100%}
body{
  margin:0;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Microsoft YaHei", sans-serif;
  /*background:var(--bg);*/
  color:#222;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}

/* Layout container */
.layout{max-width:var(--max-width);margin:0 auto;padding:18px}
.layout-row{display:flex;gap:var(--gap);align-items:flex-start;justify-content:space-between}
.m1{flex:1 1 0;min-width:0}
.sider{flex:0 0 320px}
section.box.title_info h1 {
    text-align: center;
    font-size: 25px;
    padding: 20px;
}
/* Core boxes and titles (preserve .box/.title used by templates) */
.box{background:var(--card);padding:14px;border-radius:var(--radius);box-shadow:0 1px 6px rgba(0,0,0,0.04);line-height:2;font-size:16px}
.title{margin:0 0 10px}
.title strong{font-size:1.05em}
.position{color:#222;font-size:16px;margin-bottom:12px}

/* Headings */
h1{font-size:1.6em;margin:0 0 8px}
h2{font-size:1.2em;margin:0}
.info_text{color:#222;font-size:0.95em; text-align:center}

/* Content area */
.content #text{font-size:1.02em;color:#222}
.content p{margin:0 0 1em}
.pageLink{margin-top:14px}

/* Actions (digg/back) */
.actions{margin-top:18px}
.digg,.back{display:flex;flex-direction:column;align-items:center;padding:6px}
.diggnum{font-size:1.05em;color:var(--accent)}
.diggit a{color:var(--muted)}

/* Sidebar specifics */
.sider .title{margin-top:0}
.margin_top{margin-top:14px}
.sider ul{list-style:none;padding-left:0;margin:0}
.sider li{padding:8px 0;border-bottom:1px dashed #eee}

/* Images inside boxes */
/*img{max-width:100%;height:auto;display:block}*/

/* Small utility tweaks */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* Responsive: stack columns on narrow screens */
@media (max-width:980px){
  .layout-row{flex-direction:column}
  .sider{flex:0 0 auto;width:100%}
}

/* Smaller devices: reduce padding and font sizes */
@media (max-width:480px){
  .layout{padding:12px}
  h1{font-size:1.25em}
  .box{padding:10px}
}



/* Keep link color stable across interaction states (visited / hover / active) */
a:link, a:visited, a:hover, a:active {
  color: inherit;
  text-decoration: none;
}