/*
Theme Name: Forks Theme (Placeholder)
Theme URI: http://example.com/
Author: Generated by ChatGPT
Author URI: http://example.com/
Description: Lightweight theme inspired by the provided design. Contains placeholders and lorem ipsum content.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: forks-theme
*/

:root{
  --accent:#ff6f3c;
  --muted:#f7f5f2;
  --text:#222;
  --meta:#6b6b6b;
  --max-width:1200px;
  --sidebar-width:220px;
  --gap:40px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html,body{height:100%;margin:0;background:var(--muted);color:var(--text);}
a{color:var(--accent);text-decoration:none;}
.site {max-width:1400px;margin:0 auto;background:white;display:flex;min-height:100vh;box-shadow:0 0 40px rgba(0,0,0,0.03);}
.sidebar{width:var(--sidebar-width);padding:60px 30px;border-right:1px solid #f0ebe8;background:#fff;box-sizing:border-box;}
.site-logo{height:70px;width:70px;background:#eee;display:flex;align-items:center;justify-content:center;border-radius:6px;margin-bottom:30px;font-weight:bold;font-size:12px;color:#999;}
.menu{list-style:none;padding:0;margin:0;}
.menu li{margin:18px 0;font-weight:700;letter-spacing:1px;color:var(--accent);}
.menu li a{color:var(--accent);}

.main{flex:1;display:flex;flex-direction:column;}
.header{padding:40px 60px;border-bottom:1px solid #f0ebe8;display:flex;align-items:flex-end;gap:20px;}
.header h1{font-size:64px;margin:0;color:var(--accent);letter-spacing:2px;}
.header .subtitle{font-family:"Brush Script MT", cursive;color:#bdbdbd;font-size:28px;margin-left:10px;}

.content-area{display:flex;gap:var(--gap);padding:60px;align-items:flex-start;box-sizing:border-box;}
.portrait{width:56%;min-height:520px;background:#faf7f3;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 80px rgba(0,0,0,0.02);}
.portrait img{max-width:90%;height:auto;border-radius:6px;display:block;box-shadow:0 4px 20px rgba(0,0,0,0.05);}
.article{width:40%;padding:40px 20px;color:var(--meta);font-size:16px;line-height:1.8;}

.footer{padding:30px 60px;border-top:1px solid #f0ebe8;color:#999;font-size:13px;}

@media(max-width:900px){
  .site{flex-direction:column;}
  .sidebar{width:100%;display:flex;flex-direction:row;overflow-x:auto;}
  .content-area{flex-direction:column;}
  .portrait,.article{width:100%;}
  .header h1{font-size:40px;}
}